:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5f5f5;background:#07101c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{min-height:44px;border:1px solid #38566a;background:#122536;color:#d6e9eb;border-radius:10px;padding:8px 14px;font-weight:750;cursor:pointer;touch-action:manipulation}button:hover{border-color:#8de5e4;background:#1b3746}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f5cb8e;outline-offset:3px}[hidden]{display:none!important}a{color:#a1e6e2;text-decoration:none}#shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;gap:14px;border-bottom:1px solid #335467;background:linear-gradient(110deg,#142c42,#0b1a2a)}.brand{display:flex;gap:10px;align-items:center;letter-spacing:3px;font-size:16px;color:#e7f9f8;font-weight:850;line-height:1.05}.brand i{font-style:normal;font-size:30px;color:#b3ffff}.brand-sub{display:block;font-size:10px;letter-spacing:5px;margin-top:5px;color:#85b6bd}.stats{display:flex;gap:30px;text-align:center}.stats span{color:#8eaab2;font-size:10px;letter-spacing:1.5px}.stats b{display:block;font-size:24px;line-height:1.1;letter-spacing:0;color:#e7f4ec}#hp{color:#f3a79c}.stats span:nth-child(2) b{color:#edce97}#menu{width:44px;padding:4px;font-size:22px}#battlefield{position:relative;overflow:hidden;flex:1;min-height:120px;background:radial-gradient(ellipse at center,#182b3b,#06101a)}#phaser{position:absolute;inset:0}#phaser canvas{display:block;touch-action:none}#sector{position:absolute;left:14px;top:12px;display:flex;align-items:center;gap:7px;border:1px solid #42777d80;background:#091a24d9;border-radius:30px;padding:7px 12px;color:#ace0df;font-size:10px;letter-spacing:1.5px;pointer-events:none}.dot{width:6px;height:6px;background:#84f7db;border-radius:100%;box-shadow:0 0 10px #64ffc9}#status{position:absolute;right:14px;top:12px;padding:7px 11px;background:#0b1929d9;border:1px solid #42556290;border-radius:8px;font-size:11px;color:#f4ddb9;pointer-events:none}#hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:max-content;max-width:95%;border:1px solid #537e8a75;background:#081a28e8;border-radius:30px;padding:7px 14px;font-size:11px;pointer-events:none;text-align:center}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#081321}footer{display:flex;gap:10px;align-items:center;padding:9px 14px max(9px,env(safe-area-inset-bottom));background:linear-gradient(#152b3b,#0c1b2a);border-top:1px solid #3c6171;flex-shrink:0}footer .primary{flex:1}.tools{display:flex;gap:6px}.tools button{width:45px;padding:4px;font-size:18px}.primary{background:linear-gradient(135deg,#f1d5a2,#c69762);border:1px solid #ffe4b4;color:#1b2732;letter-spacing:.4px}.primary:hover{background:#ffe0a6;border-color:#fff}.strike{background:#3c3030;color:#ffd3a1;border-color:#a77958;min-width:130px}.strike.active{background:#e3ae70;color:#132433;box-shadow:0 0 20px #e4af6644}#strikes{display:inline-block;background:#0002;padding:3px 5px;border-radius:4px}#build-panel{position:relative;z-index:5;padding:8px 14px;background:#102230;border-top:1px solid #648d95;flex-shrink:0}.panel-top{display:flex;align-items:center;gap:12px;min-height:27px}.panel-top b{font-size:11px;color:#9bf0e7;white-space:nowrap}.panel-top span{font-size:11px;color:#a9bfc7;flex:1}.panel-top button{min-height:28px;width:32px;padding:0;font-size:22px}#tower-options{display:flex;gap:7px;margin:7px 0}.tower-choice{display:flex;flex:1;gap:8px;align-items:center;text-align:left;padding:5px 8px;min-width:0;min-height:48px}.tower-choice img{width:46px;height:36px;object-fit:contain}.tower-choice strong{display:block;font-size:11px}.tower-choice small{font-size:10px;color:#b3c5c4}.tower-choice.selected{border-color:#e9c58f;background:#33433f}.confirm-row{display:flex;gap:12px;align-items:center}.confirm-row span{flex:1;font-size:10px;color:#a7c3cd}.confirm-row button{min-width:200px}.modal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#06101bbd;backdrop-filter:blur(5px);padding:18px}.modal article{width:min(410px,100%);padding:28px;background:linear-gradient(135deg,#1a3549ed,#0b1c2af5);border:1px solid #456d7b;border-radius:18px;box-shadow:0 20px 90px #0007}.modal small{color:#7dd5d3;font-size:10px;letter-spacing:2px}.modal h1{font-size:38px;line-height:1.1;margin:14px 0 18px;letter-spacing:-1.5px}.modal em{font-style:normal;color:#f5d399}.modal p{font-size:13px;line-height:1.65}.modal .primary{width:100%;margin-top:15px}.muted{color:#9db7c1;font-size:12px;line-height:1.55}dialog{width:min(420px,calc(100% - 24px));padding:20px;border:1px solid #547681;background:#102332;color:#dcebea;border-radius:16px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#020914bb;backdrop-filter:blur(6px)}.dialog-head{display:flex;gap:10px;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:20px}.dialog-head p{font-size:11px;color:#a0bcc8}.dialog-head button{padding:0;width:44px;font-size:24px;flex-shrink:0}dialog label{display:block;font-size:11px;color:#92b7c1;margin:18px 0 10px}select{display:block;width:100%;min-height:44px;border:1px solid #4b6e80;background:#183346;color:#e1f1ef;border-radius:8px;padding:8px;margin-top:6px}dialog>button{display:block;width:100%;margin:9px 0}dialog>a{display:block;text-align:center;font-size:12px;margin:18px 0 8px}#engine-info{display:block;font-size:10px;color:#7797a2;text-align:center}#reference{width:min(1100px,calc(100% - 20px))}#reference img{display:block;width:100%;height:auto;margin-top:14px;border-radius:10px}#reference>p{margin-bottom:0}@media(max-width:590px){header{height:58px;padding:6px 10px;gap:8px}.brand{font-size:11px;letter-spacing:1px;gap:5px}.brand i{font-size:23px}.brand-sub{font-size:8px;letter-spacing:2px;margin-top:3px}.stats{gap:13px}.stats span{font-size:8px;letter-spacing:.4px}.stats b{font-size:20px}#sector{top:8px;left:7px;font-size:8px;padding:5px 8px;letter-spacing:.5px}#status{top:34px;right:7px;font-size:9px;padding:5px 7px}footer{padding:7px 7px max(7px,env(safe-area-inset-bottom));gap:5px}footer button{font-size:10px;padding:5px}.tools{gap:4px}.tools button{width:37px;font-size:15px}.strike{min-width:94px}#build-panel{padding:5px 7px}.panel-top{gap:6px}.panel-top span{font-size:9px}#tower-options{gap:4px;margin:5px 0}.tower-choice{padding:5px 2px;display:block;text-align:center}.tower-choice img{display:none}.tower-choice strong,.tower-choice small{font-size:9px}.confirm-row{gap:5px}.confirm-row span{font-size:9px}.confirm-row button{min-width:130px;font-size:10px;padding:5px}.modal article{padding:22px}.modal h1{font-size:31px}#hint{font-size:9px;padding:5px 10px}}@media(max-height:500px)and (orientation:landscape){header{height:48px;padding:2px 12px}.stats b{font-size:20px}.stats span{font-size:8px}.brand-sub{display:none}footer{padding:5px 10px}.modal article{padding:15px 22px;max-width:500px}.modal h1{font-size:26px;margin:6px 0}.modal h1 br{display:none}.modal p{font-size:11px;margin:7px 0}.modal .primary{margin-top:5px}#build-panel{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:min(580px,95%);z-index:5;border:1px solid #517984;border-radius:12px;box-shadow:0 15px 40px #0006}.tower-choice img{display:none}.panel-top{min-height:23px}.tower-choice,.confirm-row button{min-height:44px}.panel-top span{font-size:10px}#status{top:9px}#hint{bottom:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.top-actions{display:flex;gap:4px}.top-actions button{width:38px;padding:4px}.top-actions .square{font-size:20px}@media(max-width:360px){.brand{font-size:10px}.brand i{display:none}.stats{gap:8px}.top-actions button{width:32px}}#shell:fullscreen{width:100vw;height:100dvh;background:#07101c;overflow:hidden}#orientation-notice{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:9;width:max-content;max-width:90%;padding:8px 12px;border:1px solid #e5c58a;border-radius:9px;background:#111c2beb;color:#ffe3b3;font-size:12px;text-align:center;pointer-events:none}@media(orientation:landscape)and (max-height:600px){header{height:42px;padding:2px 9px}.brand{font-size:11px;letter-spacing:1px}.brand i{font-size:21px}.brand-sub{display:none}.stats{gap:15px}.stats b{font-size:19px}.stats span{font-size:9px}.top-actions button{min-height:38px;height:38px;width:40px}footer{min-height:45px;padding:4px 9px max(4px,env(safe-area-inset-bottom))}footer button{min-height:39px}#hint{bottom:5px}#build-panel{position:absolute;bottom:51px;left:50%;transform:translate(-50%);width:min(600px,calc(100% - 20px));max-height:calc(100% - 55px);overflow-y:auto;border:1px solid #517984;border-radius:12px;box-shadow:0 12px 45px #000a}#tower-options{margin:4px 0}.tower-choice,.confirm-row button{min-height:43px}#orientation-notice{top:44px}}