.gx-tower{--ts-ink:#eaf3fc;--ts-gold:#ffe0a0;--ts-edge:#b6d9f329;color:var(--ts-ink);font:500 14px/1.4 system-ui,-apple-system,"Noto Sans JP",sans-serif;isolation:isolate;margin:24px auto;max-width:1040px;text-align:left}
.gx-tower *{box-sizing:border-box}.gx-tower [hidden]{display:none!important}
.gx-tower .ts-shell{background:#0b182b;border:1px solid #9dd5f43d;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #07182d30;display:flex;flex-direction:column;position:relative;color:var(--ts-ink)}
.gx-tower .ts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--ts-edge);background:#0b182b;flex:none}
.gx-tower .ts-brand{line-height:1.2;min-width:0}.gx-tower .ts-brand strong{font-size:20px;letter-spacing:.08em;color:#f5e4c6;white-space:nowrap}.gx-tower .ts-kicker{display:block;font-size:9px;letter-spacing:.18em;color:#91b2cf;margin-bottom:4px}
.gx-tower .ts-tools{display:flex;gap:5px;flex-wrap:nowrap}
.gx-tower button{font:inherit;line-height:1.3;margin:0;border:1px solid #99cbea38;border-radius:8px;background:#10253e;color:#eaf3fc;min-height:44px;padding:9px 12px;cursor:pointer;box-shadow:none;text-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;transition:background .15s,border-color .15s}
.gx-tower button:hover{background:#213d59;border-color:#d7ecff88}.gx-tower button:active{background:#31516d}.gx-tower button:focus-visible,.gx-tower canvas:focus-visible{outline:3px solid #fff1b8;outline-offset:-4px}.gx-tower button:disabled{opacity:.4;cursor:default}.gx-tower .ts-tools button{font-size:11px;padding:7px 9px;white-space:nowrap}
.gx-tower .ts-arena{height:clamp(480px,65svh,650px);min-height:300px;position:relative;overflow:hidden;flex:1 1 auto;background:#10243e}
.gx-tower .ts-canvas{display:block;width:100%;height:100%;outline:none;touch-action:manipulation}
.gx-tower .ts-hud{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 12px #071120}
.gx-tower .ts-hud>div{display:flex;flex-direction:column;gap:0}.gx-tower .ts-hud>div:last-child{text-align:right}.gx-tower .ts-hud span{font-size:10px;letter-spacing:.22em;color:#b8d3e5}.gx-tower .ts-hud strong{color:#ffedcc;font:600 27px/1.15 ui-monospace,monospace;font-variant-numeric:tabular-nums}.gx-tower .ts-hud .ts-floor{font-size:48px}
.gx-tower .ts-zone{position:absolute;top:76px;right:20px;color:#c1d8e6;font:10px/1.3 ui-monospace,monospace;letter-spacing:.12em;pointer-events:none}
.gx-tower .ts-progress{position:absolute;left:0;right:0;top:0;height:2px;background:#94c2d820;pointer-events:none}.gx-tower .ts-progress span{height:2px;display:block;background:#ffd797;box-shadow:0 0 12px #f6c486;transition:width .2s}
.gx-tower .ts-toast{position:absolute;top:24%;left:10%;right:10%;font-weight:800;font-size:25px;letter-spacing:.05em;text-align:center;color:#e9f9ff;text-shadow:0 2px 5px #001426,0 0 18px #00334f;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .15s,transform .15s}.gx-tower .ts-toast.is-visible{opacity:1;transform:translateY(0)}.gx-tower .ts-toast[data-kind=perfect]{color:#ffe3a0}.gx-tower .ts-toast[data-kind=focus]{color:#b9f4ff}
.gx-tower .ts-panel{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(94%,470px);max-height:calc(100% - 26px);overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #e9d4ac55;border-radius:15px;background:linear-gradient(145deg,#0d2138f5,#101c32fa);box-shadow:0 15px 60px #030b21a8;text-align:center;scrollbar-width:thin;scrollbar-color:#65839d #14263e}
.gx-tower .ts-eyebrow{display:block;font-size:10px;letter-spacing:.18em;color:#dcb880;margin-bottom:8px}
.gx-tower h2.ts-title{color:#f4e8d0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 16px!important;font:700 28px/1.3 system-ui,-apple-system,sans-serif!important;text-align:center!important;letter-spacing:.03em!important}.gx-tower h2.ts-title::before,.gx-tower h2.ts-title::after{display:none!important}
.gx-tower p{padding:0;margin:0}.gx-tower .ts-note{font-size:12px;color:#bed1e3;margin:9px 0 13px}.gx-tower .ts-hint{font-size:11px;color:#afc6d8;margin:9px 0 0}
.gx-tower .ts-options{display:flex;gap:5px;margin:7px 0}.gx-tower .ts-options button{flex:1;padding:9px 4px;font-size:12px;min-width:0;min-height:44px}.gx-tower .ts-options button[aria-pressed=true]{background:#e8d2a5;color:#142239;border-color:#fff1c9;font-weight:750}
.gx-tower .ts-primary{width:100%;background:linear-gradient(120deg,#f7dfad,#d8af70);border-color:#fff2c5;color:#142039;font-weight:800;min-height:48px;margin-top:8px}.gx-tower .ts-primary:hover{background:#fff0c8;color:#142039}.gx-tower .ts-secondary{background:#0c1b30;min-height:44px}
.gx-tower .ts-controls{display:flex;gap:10px;flex:none;padding:12px 16px 5px;background:#0b182b}.gx-tower .ts-focus{width:32%;max-width:180px;color:#b8f1ff;border-color:#79d6ed4d;white-space:nowrap}.gx-tower .ts-drop{flex:1;min-height:50px;color:#172238;background:linear-gradient(120deg,#f5dfb3,#d1b17e);font-weight:800;font-size:18px;letter-spacing:.14em;border-color:#ffe8bc}.gx-tower .ts-drop:hover{background:#ffe9bb;color:#172238}.gx-tower .ts-back{flex:1;min-height:50px}
.gx-tower .ts-footer{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 ui-monospace,monospace;color:#a5bed1;padding:4px 16px 11px;min-height:28px;flex:none}.gx-tower .ts-result-score{display:flex;align-items:baseline;justify-content:center;gap:8px}.gx-tower .ts-result-score strong{font:700 45px/1.2 ui-monospace,monospace;color:#ffe0a5}.gx-tower .ts-result-score span{font-size:10px;color:#b5c7da;letter-spacing:.1em}
.gx-tower .ts-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 10px}.gx-tower .ts-result-stats>div{padding:10px 0;border-top:1px solid var(--ts-edge);border-bottom:1px solid var(--ts-edge)}.gx-tower .ts-result-stats span{display:block;color:#afc9de;font-size:10px}.gx-tower .ts-result-stats strong{display:block;color:#e6f4ff;font-size:19px;margin-top:4px}.gx-tower .ts-record-note{color:#ffe0a5;font-size:12px;margin:10px 0}.gx-tower .ts-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gx-tower .ts-result-actions .ts-primary{grid-column:1/-1}.gx-tower .ts-result-actions .ts-secondary{font-size:12px}
.gx-tower .ts-upgrades{display:grid;gap:8px}.gx-tower .ts-upgrade{text-align:left;display:grid;grid-template-columns:34px 1fr;column-gap:10px;min-height:68px;padding:10px 14px}.gx-tower .ts-upgrade b{grid-row:1/3;align-self:center;color:#f7d394;font-size:25px;font-weight:400}.gx-tower .ts-upgrade strong{font-size:14px;color:#f7e9cf}.gx-tower .ts-upgrade span{font-size:11px;color:#a9c7dd}.gx-tower .ts-panel[data-kind=pause] .ts-secondary{margin-top:10px;width:100%}
.gx-tower .ts-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gx-tower .ts-shell:fullscreen,.gx-tower .ts-shell.ts-expanded{width:100%;height:100dvh;max-height:100dvh;max-width:none;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#0b182b}
.gx-tower .ts-shell.ts-expanded{position:fixed;inset:0;z-index:2147483646}.gx-tower:has(.ts-expanded){isolation:auto}.gx-tower .ts-shell:fullscreen .ts-arena,.gx-tower .ts-shell.ts-expanded .ts-arena{height:auto;min-height:0}.gx-tower .ts-shell:fullscreen .ts-panel,.gx-tower .ts-shell.ts-expanded .ts-panel{max-height:calc(100% - 20px)}
@media(min-width:800px){.gx-tower .ts-panel[data-kind=lobby]{bottom:30px}.gx-tower .ts-arena{height:580px}.gx-tower .ts-head{padding:14px 22px}.gx-tower .ts-controls{padding-left:22px;padding-right:22px}}
@media(max-width:480px){.gx-tower{margin:16px -4px}.gx-tower .ts-head{padding:9px 10px;gap:5px}.gx-tower .ts-brand strong{font-size:15px;letter-spacing:.025em}.gx-tower .ts-kicker{font-size:8px;letter-spacing:.06em}.gx-tower .ts-tools{gap:3px}.gx-tower .ts-tools button{font-size:10px;padding:6px}.gx-tower .ts-panel{padding:17px 14px;bottom:14px}.gx-tower h2.ts-title{font-size:25px!important;margin-bottom:13px!important}.gx-tower .ts-hud{top:14px;left:16px;right:16px}.gx-tower .ts-hud .ts-floor{font-size:40px}.gx-tower .ts-zone{top:70px;right:16px;font-size:9px}.gx-tower .ts-controls{padding:10px 10px 5px;gap:8px}.gx-tower .ts-footer{padding:4px 10px 9px;font-size:9px}.gx-tower .ts-options button{font-size:11px}.gx-tower .ts-toast{font-size:22px}}
@media(max-width:350px){.gx-tower .ts-brand strong{font-size:13px}.gx-tower .ts-kicker{font-size:7px}.gx-tower .ts-tools button{font-size:9px;padding:5px}.gx-tower .ts-panel{padding:14px 10px}.gx-tower .ts-options{gap:3px}.gx-tower .ts-options button{font-size:10px}.gx-tower .ts-eyebrow{font-size:9px}}
@media(max-height:500px) and (orientation:landscape){.gx-tower .ts-shell:fullscreen .ts-head,.gx-tower .ts-expanded .ts-head{padding:4px 10px}.gx-tower .ts-shell:fullscreen .ts-kicker,.gx-tower .ts-expanded .ts-kicker{display:none}.gx-tower .ts-shell:fullscreen .ts-controls,.gx-tower .ts-expanded .ts-controls{padding:4px 10px}.gx-tower .ts-shell:fullscreen .ts-controls button,.gx-tower .ts-expanded .ts-controls button{min-height:44px}.gx-tower .ts-shell:fullscreen .ts-footer,.gx-tower .ts-expanded .ts-footer{padding:0 10px 2px;min-height:16px}.gx-tower .ts-shell:fullscreen .ts-panel,.gx-tower .ts-expanded .ts-panel{bottom:6px;padding:10px 14px;width:min(96%,600px);max-height:calc(100% - 12px)}.gx-tower .ts-shell:fullscreen h2.ts-title,.gx-tower .ts-expanded h2.ts-title{font-size:20px!important;margin:0 0 6px!important}.gx-tower .ts-shell:fullscreen .ts-eyebrow,.gx-tower .ts-expanded .ts-eyebrow{display:none}.gx-tower .ts-shell:fullscreen .ts-upgrades,.gx-tower .ts-expanded .ts-upgrades{grid-template-columns:repeat(3,1fr)}.gx-tower .ts-shell:fullscreen .ts-upgrade,.gx-tower .ts-expanded .ts-upgrade{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px}.gx-tower .ts-shell:fullscreen .ts-result-stats,.gx-tower .ts-expanded .ts-result-stats{margin:5px 0}.gx-tower .ts-shell:fullscreen .ts-result-stats>div,.gx-tower .ts-expanded .ts-result-stats>div{padding:3px}.gx-tower .ts-shell:fullscreen .ts-result-score strong,.gx-tower .ts-expanded .ts-result-score strong{font-size:28px}.gx-tower .ts-shell:fullscreen .ts-result-actions,.gx-tower .ts-expanded .ts-result-actions{grid-template-columns:repeat(3,1fr)}.gx-tower .ts-shell:fullscreen .ts-result-actions .ts-primary,.gx-tower .ts-expanded .ts-result-actions .ts-primary{grid-column:auto;margin:0}.gx-tower .ts-shell:fullscreen .ts-result-actions button,.gx-tower .ts-expanded .ts-result-actions button{min-height:44px;font-size:12px}.gx-tower .ts-shell:fullscreen .ts-record-note,.gx-tower .ts-expanded .ts-record-note{margin:4px}.gx-tower .ts-shell:fullscreen .ts-note,.gx-tower .ts-expanded .ts-note{margin:4px}.gx-tower .ts-shell:fullscreen .ts-hint,.gx-tower .ts-expanded .ts-hint{display:none}.gx-tower .ts-shell:fullscreen .ts-panel[data-kind=lobby],.gx-tower .ts-expanded .ts-panel[data-kind=lobby]{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.gx-tower .ts-shell:fullscreen .ts-panel[data-kind=lobby] .ts-title,.gx-tower .ts-expanded .ts-panel[data-kind=lobby] .ts-title{grid-column:1/-1}.gx-tower .ts-shell:fullscreen .ts-panel[data-kind=lobby] .ts-options,.gx-tower .ts-expanded .ts-panel[data-kind=lobby] .ts-options{margin:2px 0}}
@media(prefers-reduced-motion:reduce){.gx-tower *{transition:none!important;animation:none!important}}