:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e6f2ed;background:#081f22;font-synthesis:none;--bg: #081f22;--panel: #102d31;--line: #2b4a4b;--cyan: #72d9dc;--coral: #ffad8f;--muted: #91adaa}*{box-sizing:border-box}body{margin:0;min-width:340px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:5px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button,input{touch-action:manipulation}button svg{width:22px;height:22px;flex:none}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #a6d8cc19;background:#081f22e6;position:relative;z-index:5}.brand{display:flex;align-items:baseline;gap:14px;padding:0}.brand>span{font-family:"Noto Serif SC",Songti SC,serif;font-size:29px;font-weight:700;letter-spacing:3px}.brand-star{color:var(--coral);font-family:Georgia;margin-left:6px;font-size:20px}.brand small{font-family:Georgia,serif;letter-spacing:2.8px;font-size:11px;color:#9fbab3}.top-actions{display:flex;gap:24px;align-items:center}.icon-button{display:flex;align-items:center;gap:7px;font-size:12px;color:#bfd0ca;padding:10px 0}.icon-button svg{width:19px;height:19px}#connection{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px}#connection:before{content:"";width:5px;height:5px;border-radius:50%;background:#cfa173}#connection.connected:before{background:#87cfa4}#connection.offline{color:var(--coral)}main{height:calc(100dvh - 82px);min-height:590px;position:relative;display:flex;flex-direction:column;background:#081f22 url(/assets/forest.webp) center/cover}.stage{width:100%;flex:1;min-height:0;position:relative;overflow:hidden;outline:none;touch-action:none}.stage canvas{display:block!important}.is-home .stage,.is-lobby .stage{opacity:0;pointer-events:none}.home-panel{position:absolute;inset:0;display:flex;align-items:center;padding:30px max(7vw,30px);overflow:hidden}.home-copy{position:relative;z-index:2;width:570px;flex-shrink:0}.home-note{font-size:13px;letter-spacing:2px;color:#afc8c0;margin:0 0 20px}.home-copy h1{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-weight:600;font-size:clamp(48px,5.2vw,78px);line-height:1.4;margin:0;letter-spacing:3px}.home-copy h1 strong{color:var(--coral);font-weight:600}.intro{font-size:15px;color:#abc1ba;line-height:2;margin:22px 0 28px;letter-spacing:.5px}.home-controls{max-width:336px}.name-field{display:flex;align-items:center;gap:17px;font-size:12px;color:#9fb9b2;padding:11px 1px;border-bottom:1px solid #72968d66;margin-bottom:19px}.name-field input{width:210px;color:#e7f1eb;border:0;background:transparent;padding:2px;font-size:15px;outline-offset:4px}.name-field input::placeholder{color:#6d9188}.primary{background:var(--coral);color:#213535;min-height:48px;padding:13px 24px;border-radius:6px;display:inline-flex;gap:15px;align-items:center;justify-content:center;font-weight:600;box-shadow:inset 0 0 0 1px #ffe6d64a,0 4px 14px #00000012;transition:background .18s,transform .18s}.primary:hover:not(:disabled){transform:translateY(-1px);background:#ffbb9e}.play-button{width:100%;justify-content:space-between;font-size:17px;min-height:57px}.friends-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.quiet-button{font-size:13px;padding:13px 0;color:#c5d5ce}.friends-row>span{color:#63837b;font-size:11px}.map-picker{display:flex;gap:24px;margin-top:30px}.map-picker button{padding:10px 0;font-size:12px;color:#819f96;border-bottom:1px solid transparent}.map-picker button span{font-family:Georgia;font-size:11px;margin-right:8px;opacity:.7}.map-picker button.selected{color:#dbe9df;border-color:var(--cyan)}.home-footnote{font-size:10px;letter-spacing:1px;color:#66877e;margin-top:25px}.home-characters{position:absolute;left:52%;right:3%;height:540px;top:50%;transform:translateY(-38%);pointer-events:none}.hero-imp{position:absolute;filter:drop-shadow(0 17px 8px #0005);object-fit:contain}.hero-a{width:320px;left:0;top:60px;transform:rotate(-8deg)}.hero-b{width:235px;right:0;top:180px;transform:rotate(9deg)}.little-track{position:absolute;left:50px;top:430px;color:#87a59b;font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:4px;transform:rotate(-4deg)}.scoreboard{display:flex;align-items:center;justify-content:center;gap:clamp(25px,6vw,100px);height:114px;flex-shrink:0;position:relative;z-index:2;background:linear-gradient(#081f22dd,#081f2200);padding:15px 20px 0}.team{display:flex;align-items:center;gap:22px;--team-color: var(--cyan);min-width:255px}.team-coral{--team-color: var(--coral);flex-direction:row-reverse}.team-faces{display:flex;gap:9px}.face{position:relative;width:49px;height:49px;border:1px solid #688b8466;border-radius:50%;background:#142f31}.face.self{border-color:var(--team-color);box-shadow:0 0 0 3px #72d9dc13}.face img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.1)}.face span{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:#102d31;border-radius:4px;font:10px monospace;padding:2px 4px;color:#bed8ce}.face.defeated{opacity:.3}.team-total{width:100px}.team-total b{font-size:12px;letter-spacing:2px;color:var(--team-color);font-weight:500}.team-total>span{font-family:Georgia;display:block;font-size:25px;margin-top:5px}.team-total small{font-family:inherit;font-size:13px;color:#6e8e86}.team-hp{height:3px;background:#254743;margin-top:6px}.team-hp i{height:100%;display:block;background:var(--team-color);transition:width .3s}.turn-info{text-align:center;min-width:140px}.timer{--progress: 1;width:61px;height:61px;margin:auto;border-radius:50%;padding:2px;background:conic-gradient(#e1cda0 calc(var(--progress) * 360deg),#324a4444 0);position:relative}.timer:before{content:"";position:absolute;inset:3px;background:#0b282b;border-radius:50%;border:1px solid #e1cda033}.timer span{position:relative;font-family:Georgia,serif;font-size:33px;line-height:57px;color:#ead8b5}.timer.urgent{background:conic-gradient(var(--coral) calc(var(--progress) * 360deg),#324a4444 0)}.timer.urgent span{color:var(--coral)}.turn-info p{margin:8px 0 4px;font-size:12px;letter-spacing:2px;color:#d8cdb4}.turn-info small{font-size:10px;color:#88a59b;letter-spacing:1px}.controls{display:flex;align-items:center;gap:clamp(18px,3vw,50px);padding:17px 40px 5px;border-top:1px solid #87b1a829;background:#0a2528;min-height:145px;flex-shrink:0;justify-content:center}.weapon-section{flex:1;max-width:700px;min-width:0}.weapon-bar{display:flex;gap:9px}.weapon{position:relative;flex:1;min-width:0;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:7px;border:1px solid #68867b66;color:#c6d8cf;transition:background .15s,border .15s}.weapon svg{height:37px;width:37px;color:var(--weapon-color)}.weapon>span{font-size:12px;letter-spacing:1px}.weapon kbd{position:absolute;right:6px;top:4px;font-size:9px;color:#63867b;font-family:inherit}.weapon.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 2px #72d9dc18,0 0 12px #72d9dc0a;background:#15363a}.weapon.selected span{color:#e8f5ef}.weapon-detail{height:18px;font-size:11px;color:#91ada2;line-height:18px;margin:8px 0 0;white-space:nowrap}.aim-controls{width:210px;flex-shrink:0;margin-top:-21px}.aim-controls label{display:block;color:#abc3b9;font-size:11px;letter-spacing:1px;margin:10px 0}.aim-controls output{float:right;color:#e3d8bb;font-family:Georgia;font-size:13px}input[type=range]{display:block;width:100%;height:4px;margin:12px 0 17px;accent-color:var(--cyan);cursor:pointer;appearance:none;background:#507569;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);width:15px;height:15px;border-radius:50%;border:2px solid #113f40;box-shadow:0 0 0 1px #76c2ba}.lock-group{width:190px;flex-shrink:0;align-self:flex-start}.lock-button{width:100%;gap:9px;min-height:51px;font-size:14px}.lock-button kbd{font-weight:400;font-size:9px;border:1px solid #315b4c40;border-radius:3px;padding:3px}.lock-button.is-locked{background:#3e6a62;color:#dbf3e8}.move-buttons{display:flex;align-items:center;justify-content:center;gap:18px;height:31px;margin-bottom:6px}.move-buttons button{width:38px;height:29px;border:1px solid #6c8c7f66;border-radius:5px;font-size:19px;color:#c2d6cb;line-height:20px;padding:0}.move-buttons span{font-size:10px;color:#7e9e90}.match-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 40px 14px;background:#0a2528;border-top:1px solid #6d928512;color:#718e82;font-size:10px;letter-spacing:.5px;min-height:38px}.lobby-panel{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:min(670px,90vw);text-align:center;padding:24px;background:#0a2528eb;border:1px solid #7899893b;border-radius:14px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.lobby-panel h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:34px;font-weight:500;letter-spacing:3px;margin:8px 0 20px}.muted{font-size:12px;color:var(--muted);line-height:1.8}.room-code{display:inline-flex;align-items:center;gap:18px;font-family:Georgia;font-size:32px;letter-spacing:7px;color:var(--coral);padding:10px 25px;border:1px dashed #b99a7c7a;border-radius:5px}.room-code svg{width:18px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;margin:24px 12px}.lobby-team h3{font-size:12px;font-weight:500;color:var(--cyan);letter-spacing:3px}.lobby-team:last-child h3{color:var(--coral)}.seat{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #5b817b24;font-size:13px}.seat img{width:40px;height:40px}.seat small{font-size:10px;color:var(--cyan)}.seat em{font-style:normal;font-size:10px;color:#72988a;margin-left:auto}.lobby-status{font-size:12px;color:#b5c8bc;margin:20px}.result-panel{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:min(560px,90vw);padding:32px;text-align:center;background:#0b292af5;border:1px solid #b3c4aa5e;border-radius:12px;box-shadow:0 30px 100px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4}.result-snow svg{width:38px;height:38px;color:var(--coral)}.result-panel>p:first-of-type{font-size:10px;letter-spacing:3px;color:var(--coral);margin:16px}.result-panel h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:30px;font-weight:500}.result-description{color:var(--muted);font-size:13px}.result-hp{display:flex;justify-content:center;gap:80px;padding:20px 0 28px}.result-hp span{font-size:10px;color:#91ac9e}.result-hp b{display:block;font-family:Georgia;font-size:30px;font-weight:400;color:var(--cyan);padding:8px}.result-hp span:last-child b{color:var(--coral)}.result-panel>.quiet-button{display:block;margin:8px auto 0}.is-finished .stage{opacity:.55}dialog{background:#102d31;color:#e6f2ed;border:1px solid #779b864d;border-radius:13px;max-width:510px;width:calc(100% - 32px);padding:35px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#021b21bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:13px;right:13px;padding:7px}.dialog-kicker{font-size:10px;letter-spacing:3px;color:#d3b497;margin:0 0 16px}dialog h2{font-family:"Noto Serif SC",Songti SC,serif;font-size:28px;font-weight:500;line-height:1.5;margin:0 0 20px}dialog>p{font-size:13px;color:#abc1b5;line-height:1.8}.help-steps{list-style:none;counter-reset:help;padding:0;margin:24px 0}.help-steps li{counter-increment:help;position:relative;padding-left:39px;margin-bottom:21px}.help-steps li:before{content:"0" counter(help);position:absolute;left:0;top:0;color:var(--coral);font-family:Georgia;font-size:20px}.help-steps b{font-size:14px;letter-spacing:2px;font-weight:500}.help-steps p{font-size:12px;color:#9bb7a9;line-height:1.9;margin:7px 0}.help-note{font-size:11px;color:#86a697;line-height:1.9;border-top:1px solid #69857344;padding:15px 0 23px}dialog>.primary{width:100%}#join-form label{display:block;font-size:12px;color:#a8bfb2}#join-form input{display:block;width:100%;padding:15px;background:#082328;border:1px solid #6f948369;border-radius:5px;color:var(--coral);font-family:Georgia;font-size:24px;letter-spacing:5px;margin:10px 0 20px;text-transform:uppercase}#join-form .primary{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:28px;margin-top:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#20413ded;border:1px solid #789c866b;color:#e1f0e1;padding:14px 23px;max-width:min(520px,90vw);font-size:13px;line-height:1.6;border-radius:8px;box-shadow:0 8px 30px #0004;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1800px){.stage{max-width:1700px;align-self:center}.home-panel{padding-left:12vw}.home-characters{right:9%}}@media(max-height:820px)and (min-width:900px){.topbar{height:66px}main{height:calc(100dvh - 66px);min-height:550px}.home-copy h1{font-size:56px;line-height:1.3}.home-note{margin-bottom:12px}.intro{margin:17px 0 18px}.map-picker{margin-top:18px}.home-footnote{margin-top:13px}.home-characters{transform:translateY(-45%)}.scoreboard{height:100px;padding-top:6px}.timer{width:52px;height:52px}.timer span{font-size:27px;line-height:48px}.turn-info p{margin-top:5px}.controls{min-height:129px;padding-top:12px}.weapon{height:71px}.weapon-detail{margin-top:5px}.match-footer{padding-top:7px;padding-bottom:8px;min-height:29px}}@media(max-width:1050px){.topbar{padding:0 24px}.team{min-width:205px;gap:14px}.scoreboard{gap:25px}.face{width:38px;height:38px}.team-faces{gap:6px}.team-total{width:75px}.team-total>span{font-size:21px}.controls{padding-left:20px;padding-right:20px;gap:18px}.aim-controls{width:155px}.lock-group{width:160px}.lock-button kbd{display:none}.home-copy{width:490px}.home-characters{left:56%;right:-8%;opacity:.8}.hero-a{width:275px}.hero-b{width:190px;top:245px}.little-track{display:none}}@media(max-width:760px){.topbar{height:65px;padding:0 18px}.brand>span{font-size:24px}.brand small{font-size:9px;letter-spacing:2px}.top-actions{gap:16px}.top-actions .icon-button span{display:none}#connection{font-size:0;gap:0}.topbar .icon-button{padding:10px 0}main{height:calc(100dvh - 65px);min-height:620px}.home-panel{padding:30px 28px;align-items:flex-start;padding-top:8vh}.home-copy{width:100%}.home-note{font-size:11px;letter-spacing:1px}.home-copy h1{font-size:48px;line-height:1.35;letter-spacing:2px}.intro{font-size:12px;line-height:1.9;margin:17px 0 23px}.home-controls{max-width:290px}.name-field{font-size:11px;margin-bottom:14px}.name-field input{font-size:13px;width:180px}.play-button{font-size:15px;min-height:51px}.friends-row .quiet-button{font-size:12px}.map-picker{gap:21px;margin-top:20px}.map-picker button{font-size:11px}.home-footnote{font-size:9px;letter-spacing:0}.home-characters{inset:auto -36px 26px auto;width:200px;height:235px;transform:none;opacity:.9}.hero-a{width:150px;left:0;top:0}.hero-b{width:120px;right:0;top:98px}.scoreboard{height:94px;padding:10px 12px 0;gap:6px;justify-content:space-between}.team{min-width:0;display:block}.team-coral{text-align:right}.team-total{width:104px}.team-total b{font-size:10px;letter-spacing:1px}.team-total>span{font-size:17px;display:inline-block;margin:4px 0 0 7px}.team-total small{display:none}.team-faces{gap:5px;margin-bottom:9px}.face{width:31px;height:31px}.face span{font-size:8px;bottom:-7px;padding:1px 3px}.turn-info{min-width:110px}.turn-info p{font-size:10px;letter-spacing:1px}.turn-info small{font-size:8px;letter-spacing:0}.timer{width:45px;height:45px}.timer span{font-size:25px;line-height:41px}.controls{display:grid;grid-template-columns:1fr 150px;gap:8px 20px;min-height:215px;padding:12px 15px 5px}.weapon-section{grid-column:1/3;max-width:none;width:100%}.weapon-bar{gap:6px}.weapon{height:63px;border-radius:5px}.weapon svg{height:28px;width:28px}.weapon>span{font-size:10px;letter-spacing:0}.weapon kbd{display:none}.weapon-detail{font-size:10px;overflow:hidden;text-overflow:ellipsis}.aim-controls{width:100%;margin:0;display:flex;gap:19px}.aim-controls label{flex:1;font-size:10px;margin:0}.aim-controls output{font-size:11px}input[type=range]{margin-top:13px;margin-bottom:4px}.lock-group{width:150px;align-self:center}.lock-button{min-height:39px;font-size:12px;padding:8px;gap:6px}.lock-button svg{width:16px;height:16px}.move-buttons{height:22px;margin:0 0 6px;gap:15px}.move-buttons button{height:23px;width:35px;font-size:16px}.match-footer{font-size:9px;padding:9px 15px;letter-spacing:0;display:block;text-align:center}.match-footer span{display:block;line-height:1.8}.lobby-panel{top:46%;padding:22px 15px}.lobby-panel h1{font-size:24px}.seats{gap:18px;margin:20px 0}.seat{gap:4px;font-size:11px}.seat img{height:31px;width:31px}.seat em{font-size:8px}.lobby-status{font-size:10px}.result-panel{padding:25px 20px}.result-panel h1{font-size:24px}dialog{padding:29px 24px}dialog h2{font-size:25px}}@media(max-width:760px)and (orientation:landscape){main{min-height:650px}.home-panel{padding-top:25px}.home-copy h1{font-size:42px}.home-characters{right:5%;bottom:120px;width:260px}.hero-a{width:200px}.hero-b{width:150px}.scoreboard{height:90px}.controls{min-height:180px}.stage{min-height:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.is-battle,.is-finished{background:#081f22}.stage canvas{margin:0!important}.controls button:disabled{opacity:.7}.controls .weapon.selected:disabled{opacity:1}#join-form #join-name{font-family:inherit;font-size:16px;letter-spacing:0;text-transform:none;color:#e6f2ed}