body.siege-page{--glass-dark:#141630c2;--rim:#ffffff3d;--hud-font:"Black Han Sans", "Jua", system-ui, sans-serif;--gold:#ffd43b;touch-action:none;color:#fff;background:#8fd3ff;position:fixed;inset:0;overflow:hidden}#siege-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#siege-join{z-index:5;touch-action:pan-y;background:linear-gradient(#14163040,#141630b3),url(/art/siege/cover.jpg) 50%/cover no-repeat,linear-gradient(#5fb6ff,#ffe9c9);align-content:safe center;position:fixed;inset:0;overflow-y:auto}#siege-join .card{color:#fff;border:2px solid var(--rim);background:linear-gradient(#242a5cf0,#141630f2);border-radius:22px;max-width:440px;box-shadow:0 0 0 4px #14163099,0 18px 40px #00000073}#siege-join h1{font-family:var(--hud-font);letter-spacing:.02em;background:linear-gradient(#fff3bf 0%,#ffd43b 45%,#ff922b 100%);color:#0000;filter:drop-shadow(0 3px #10122e)drop-shadow(0 0 12px #ff922b80);-webkit-background-clip:text;background-clip:text;margin:2px 0 6px;font-size:44px;line-height:1.05}#siege-join .tag{color:#ffffffd9}#siege-join input{color:#fff;background:#ffffff14;border-color:#ffffff40}#siege-join input::placeholder{color:#ffffff80}#siege-join input:focus{border-color:var(--gold)}#siege-join .btn.big{font-family:var(--hud-font);color:#10122e;letter-spacing:.04em;background:linear-gradient(#ffe066,#ff922b);border-color:#10122e;font-size:26px;box-shadow:0 6px #10122e,0 0 18px #ff922b73}#siege-join .btn.ghost{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff4d}#siege-join .look-picks button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 10px #ffd43bcc}#siege-preview{aspect-ratio:440/230;background:linear-gradient(#7cc8ff,#d8f0ff);border-radius:14px;width:330px;max-width:100%;height:auto;margin:-4px auto 0;display:block}@media (max-height:520px){#siege-preview{display:none}#siege-join .card{padding:14px 18px}#siege-join h1{font-size:30px}#siege-join .tag{margin:4px 0 10px;font-size:13px}#siege-join input{margin-bottom:8px;padding:8px 12px}}#siege-hud{pointer-events:none;position:fixed;inset:0}#siege-hud>*{pointer-events:auto}#siege-hud .btn.small{background:var(--glass-dark);color:#fff;border:1.5px solid var(--rim);box-shadow:0 3px #00000073}#siege-invite{color:#10122e!important;background:linear-gradient(#ffe066,#ff922b)!important;border-color:#10122e!important}#siege-top{top:max(8px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:6px;min-width:120px;max-width:calc(50vw - 230px);display:flex;position:absolute}#siege-score{top:max(8px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#siege-score .side{white-space:nowrap;background:var(--glass-dark);border:2px solid var(--c,#fff);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:2px 8px;min-width:150px;padding:4px 12px;display:grid;box-shadow:0 3px #0006}#siege-score .side b{font-family:var(--hud-font);color:var(--c);font-size:15px;font-weight:400}#siege-score .side em{font-style:normal;font-family:var(--hud-font);text-align:right;font-size:18px}#siege-score .side .bar{background:#ffffff29;border-radius:6px;grid-column:1/2;min-width:90px;height:10px;overflow:hidden}#siege-score .side .bar i{background:var(--c);border-radius:6px;height:100%;transition:width .3s;display:block}#siege-score .side .hearts{letter-spacing:-2px;text-align:right;font-size:13px}#siege-them{direction:rtl}#siege-them>*{direction:ltr}#siege-mid{justify-items:center;gap:2px;display:grid}#siege-time{font-family:var(--hud-font);letter-spacing:.04em;text-align:center;background:var(--glass-dark);border:2px solid var(--rim);border-radius:12px;min-width:70px;padding:2px 10px;font-size:24px;font-weight:400}#siege-time.hurry{color:#ff6b6b;border-color:#ff6b6b;animation:1s infinite pop}#siege-wind{background:var(--glass-dark);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px}#siege-status{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 84px);white-space:nowrap;pointer-events:none;color:#fff;background:#ff7828e0;border:2px solid #10122e;border-radius:999px;margin:0;padding:3px 12px;font-size:14px;animation:1.4s infinite pop;position:absolute;translate:-50%}#siege-banner{pointer-events:none;opacity:0;white-space:nowrap;z-index:3;font-family:var(--hud-font);color:#fff;letter-spacing:.02em;text-shadow:0 4px #10122e,0 0 3px #10122e,0 0 22px #ffd43b8c;font-size:clamp(26px,6vw,54px);position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}#siege-banner.show{animation:1.8s ease-out forwards sbanner}#siege-banner.count{color:#ffe066;font-size:clamp(48px,12vw,110px)}#siege-banner.go{color:#ffe066}#siege-banner.good{color:#8ce99a;font-size:clamp(22px,5vw,44px)}#siege-banner.warn{color:#ff8787;font-size:clamp(20px,4.6vw,40px)}@keyframes sbanner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}22%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}#siege-toasts{top:calc(max(8px, env(safe-area-inset-top)) + 118px);pointer-events:none;z-index:2;justify-items:center;gap:4px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#siege-toasts p{background:var(--glass-dark);border:1.5px solid var(--rim);white-space:nowrap;border-radius:10px;margin:0;padding:4px 12px;font-size:14px;animation:3s forwards toast}.bar-box{left:50%;bottom:max(6px, env(safe-area-inset-bottom));background:var(--glass-dark);border:2px solid var(--rim);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;width:max-content;max-width:calc(100vw - 12px);padding:6px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #00000059}.bar-box .row{align-items:center;gap:5px;display:flex}.bar-box button{cursor:pointer;color:#fff;touch-action:manipulation;width:50px;height:54px;font-family:var(--hud-font);background:#ffffff1a;border:2px solid #ffffff38;border-radius:12px;place-items:center;padding:2px 0 0;font-size:22px;line-height:1;display:grid;position:relative}.bar-box button canvas{width:34px;height:34px;display:block}.bar-box button small{font-family:var(--ui);color:#ffffffd9;white-space:nowrap;font-size:11px;font-weight:700}.bar-box button.on{border-color:var(--gold);background:#ffd43b38;transform:translateY(-2px);box-shadow:0 0 12px #ffd43b8c}.bar-box button:active{transform:translateY(2px)}.bar-box button.poor,.bar-box button.empty{opacity:.4}.bar-box button.off{opacity:.35}.bar-box .tool{width:56px}.bar-box .tool small{font-size:10px}.bar-box .tool.hot{background:linear-gradient(#ffe06659,#ff922b59);border-color:#ffc078}.bar-box .tool.go{background:#8ce99a40;border-color:#8ce99a}.bar-box .tool.go.done{background:#2f9e44}.bar-box .chip{font-family:var(--hud-font);color:var(--gold);white-space:nowrap;background:#ffd43b2e;border-radius:12px;padding:6px 10px;font-size:20px}#siege-ammo{flex-direction:column;gap:5px}#siege-ammo button{width:62px;height:60px;font-size:28px}#siege-ammo button i{font-style:normal}#siege-ammo .am-mega{overflow:hidden}#siege-ammo .am-mega u{z-index:-1;pointer-events:none;background:#ffd43b59;position:absolute;bottom:0;left:0;right:0}#siege-ammo .am-mega.full{opacity:1;border-color:var(--gold);animation:.9s infinite pop;box-shadow:0 0 16px #ffd43bd9}#siege-reload{background:#ffffff26;border-radius:4px;width:100%;height:7px;overflow:hidden}#siege-reload i{background:#ff922b;border-radius:4px;width:0;height:100%;display:block}#siege-reload.ready i{background:#8ce99a}#siege-hint{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 96px);white-space:nowrap;color:#10122e;pointer-events:none;background:#ffffffc7;border-radius:999px;margin:0;padding:3px 10px;font-size:13px;font-weight:700;transition:opacity 1s;position:absolute;transform:translate(-50%);bottom:auto!important}#siege-results{z-index:4;border:2px solid var(--rim);text-align:center;touch-action:pan-y;background:linear-gradient(#242a5cf5,#141630f7);border-radius:20px;width:min(520px,94vw);max-height:78vh;padding:16px 18px;position:absolute;top:52%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px #00000059}#siege-results h2{font-family:var(--hud-font);margin:0;font-size:34px;font-weight:400}#siege-results-sub{color:#fffc;margin:4px 0 10px}#siege-awards{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}#siege-awards div{background:#ffd43b1f;border:2px solid #ffd43b8c;border-radius:14px;justify-items:center;gap:1px;min-width:110px;padding:6px 12px;display:grid}#siege-awards b{font-size:26px}#siege-awards small{color:#ffffffbf;font-size:11px}#siege-awards span{font-family:var(--hud-font);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:17px;overflow:hidden}#siege-awards em{font-size:12px;font-style:normal}#siege-results .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:420px){#siege-results .cols{grid-template-columns:minmax(0,1fr)}}#siege-results ol{border:2px solid var(--c);border-radius:12px;align-content:start;gap:4px;margin:0;padding:6px;list-style:none;display:grid}#siege-results li{text-align:left;background:#ffffff12;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:14px;display:flex}#siege-results li.me{background:#ffd43b33}#siege-results li i{border:1.5px solid #0006;border-radius:50%;flex:none;width:12px;height:12px}#siege-results li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#siege-results li small{color:#ffffffbf;white-space:nowrap;font-size:11px}#siege-next{margin:10px 0 0}#siege-net{z-index:6;background:var(--danger);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;position:absolute;top:60px;left:50%;transform:translate(-50%)}@media (max-width:1179px){#siege-top .lbl{display:none}#siege-top{flex-wrap:nowrap;max-width:calc(50vw - 190px)}}#siege-pullhint{z-index:4;pointer-events:none;white-space:nowrap;font-family:var(--hud-font);color:#fff;background:#dc283ceb;border:2px solid #10122e;border-radius:999px;padding:8px 16px;font-size:22px;animation:.6s pop;position:absolute;top:34%;left:50%;translate:-50%}#siege-tutor{z-index:3;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;translate:-50%}#siege-tutor .hand{width:160px;height:110px;position:relative}#siege-tutor .hand i{filter:drop-shadow(0 3px #00000059);font-size:46px;font-style:normal;animation:1.8s ease-in-out infinite tutor-pull;position:absolute;top:6px;left:70px}#siege-tutor .hand u{transform-origin:100%;border-top:4px dotted #ffffffe6;width:70px;height:0;animation:1.8s ease-in-out infinite tutor-line;position:absolute;top:30px;left:30px;rotate:35deg}#siege-tutor.blue .hand{scale:-1 1}#siege-tutor span{color:#ffe066;font-family:var(--hud-font);white-space:nowrap;background:#141630d1;border-radius:999px;padding:4px 12px;font-size:18px}@keyframes tutor-pull{0%,15%{opacity:1;transform:translate(0)}60%{opacity:1;transform:translate(-56px,40px)}70%{opacity:1;transform:translate(-56px,40px)scale(.9)}85%,to{opacity:0;transform:translate(0)}}@keyframes tutor-line{0%,15%{scale:0 1}60%,70%{scale:1}85%,to{opacity:0;scale:0 1}}.bar-box .tool.go.pulse{animation:1s ease-in-out infinite ready-pulse;box-shadow:0 0 16px #8ce99ae6}@keyframes ready-pulse{0%,to{scale:1}50%{scale:1.12}}body.touch .bar-box button{width:64px;height:64px}body.touch .bar-box button canvas{width:38px;height:38px}body.touch .bar-box .tool{width:64px}body.touch #siege-ammo button{width:64px;height:64px}body.touch #siege-top .btn.small{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}@media (max-width:1000px) and (min-height:521px){#siege-top{max-width:calc(100vw - 20px)}#siege-score{top:calc(max(8px, env(safe-area-inset-top)) + 58px)}#siege-status{top:calc(max(8px, env(safe-area-inset-top)) + 156px)}#siege-toasts{top:calc(max(8px, env(safe-area-inset-top)) + 186px)}#siege-hint{top:calc(max(8px, env(safe-area-inset-top)) + 160px)}#siege-results{top:calc(max(8px, env(safe-area-inset-top)) + 146px);max-height:calc(100% - 154px - max(8px, env(safe-area-inset-top)));transform:translate(-50%)}}@media (max-width:760px){#siege-top .btn.small{padding:5px 8px;font-size:12px}#siege-score{gap:4px}#siege-score .side{column-gap:4px;min-width:0;padding:3px 8px}#siege-score .side b{font-size:12px}#siege-score .side em{font-size:14px}#siege-score .side .bar{min-width:56px;height:8px}#siege-score .side .hearts{font-size:10px}#siege-time{min-width:52px;padding:1px 6px;font-size:18px}#siege-wind{font-size:10px}#siege-score{top:calc(max(8px, env(safe-area-inset-top)) + 58px)}#siege-status{top:calc(max(8px, env(safe-area-inset-top)) + 132px);font-size:12px}#siege-toasts{top:calc(max(8px, env(safe-area-inset-top)) + 162px)}#siege-hint{top:calc(max(8px, env(safe-area-inset-top)) + 134px)}.bar-box{gap:5px;padding:5px 6px}.bar-box .row{gap:4px}.bar-box button{width:44px;height:50px}.bar-box .tool{width:50px}#siege-ammo button{width:56px;height:56px}#siege-hint{font-size:11px}body.touch .bar-box button,body.touch .bar-box .tool,body.touch #siege-ammo button{width:64px;height:64px}body.touch .bar-box .chip{place-items:center;min-height:64px;display:grid}body.touch .bar-box .row{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px)}}@media (max-height:520px){#siege-top{flex-wrap:nowrap;max-width:46vw}#siege-top .btn.small{white-space:nowrap;padding:4px 7px;font-size:11px}#siege-score{top:max(6px, env(safe-area-inset-top));left:auto;right:max(8px, env(safe-area-inset-right));gap:4px;transform:none}#siege-score .side{grid-template-rows:auto auto;grid-template-columns:auto auto auto;gap:0 5px;min-width:0;padding:2px 8px}#siege-score .side b{grid-column:1/4;font-size:11px}#siege-score .side .bar{grid-column:auto;min-width:44px;height:7px}#siege-score .side em{font-size:13px}#siege-score .side .hearts{font-size:9px}#siege-time{min-width:46px;padding:0 5px;font-size:16px}#siege-wind{padding:0 5px;font-size:9px}#siege-status{top:calc(max(6px, env(safe-area-inset-top)) + 46px);font-size:11px;left:auto;right:10px;translate:none}#siege-toasts{top:calc(max(6px, env(safe-area-inset-top)) + 46px)}#siege-hint{top:calc(max(6px, env(safe-area-inset-top)) + 54px)}#siege-top{max-width:46vw}body.touch #siege-top .btn.small{min-height:44px}.bar-box{border-radius:14px;flex-wrap:nowrap;gap:4px 6px;padding:3px 6px}.bar-box .row{gap:3px}.bar-box button{width:42px;height:44px}body.touch .bar-box button,body.touch .bar-box .tool{width:60px;height:60px}body.touch .bar-box .row{gap:3px}.bar-box button canvas{width:26px;height:26px}.bar-box .tool{width:46px}.bar-box .chip{padding:4px 6px;font-size:16px}#siege-ammo{flex-direction:column}#siege-ammo button{width:50px;height:44px;font-size:22px}#siege-banner{top:42%}#siege-ammo{left:auto;right:max(6px, env(safe-area-inset-right));bottom:auto;top:calc(max(6px, env(safe-area-inset-top)) + 54px);gap:5px;width:auto;padding:5px;transform:none}#siege-ammo .row.ammo{grid-template-columns:repeat(2,auto);gap:4px;display:grid}body.touch #siege-ammo button{width:60px;height:60px}#siege-ammo #siege-reload{width:100%}#siege-results{top:calc(max(6px, env(safe-area-inset-top)) + 56px);max-height:none;padding:10px 14px;bottom:8px;transform:translate(-50%)}#siege-results h2{font-size:24px}#siege-results-sub{margin:2px 0 6px;font-size:12px}#siege-awards{gap:6px;margin-bottom:6px}#siege-awards div{min-width:92px;padding:3px 8px}#siege-awards b{font-size:20px}}