:root{--tower-cyan:#73e8ff;--tower-purple:#b584ff;--tower-health:#82e0ac;--tower-danger:#ff7285;--tower-gold:#ffd787;--tower-ink:#f6f3ff;--tower-glass:oklch(12% .02 280/.88);--tower-shadow:0 12px 50px oklch(0% 0 0/.3)}.tower-stage{aspect-ratio:16/9;background:var(--background);width:100%;color:var(--tower-ink);box-shadow:var(--tower-shadow);border-radius:8px;position:relative;overflow:hidden;container-type:inline-size}.tower-stage[data-layout=portrait]{aspect-ratio:9/16;max-width:580px;margin-inline:auto}.tower-stage-overlay{aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none;background:0 0;border-radius:0}.tower-stage-overlay[data-layout=portrait]{max-width:none}.tower-canvas{position:absolute;inset:0}.tower-canvas canvas{display:block}.tower-hud{pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:3%;left:3%;right:3%}.tower-hud>div:first-child{flex-direction:column;gap:4px;display:flex}.tower-hud strong{font-family:var(--font-display);font-size:22px}.tower-kicker{color:var(--tower-cyan);letter-spacing:0;font-size:10px;font-weight:800}.tower-hud-stats{background:var(--tower-glass);border:1px solid var(--border);border-radius:6px;gap:20px;padding:12px;font-size:10px;display:flex}.tower-hud-stats span{color:var(--muted-foreground);flex-direction:column;gap:3px;display:flex}.tower-hud-stats b{color:var(--tower-ink);font-size:15px}.tower-bottom{text-shadow:var(--tower-shadow);justify-content:space-between;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:4%;left:3%;right:3%}.tower-bottom>span:first-child{color:var(--tower-cyan);background:var(--tower-glass);border-radius:4px;padding:6px 10px}.tower-boss{text-align:center;background:var(--tower-glass);border-radius:6px;gap:6px;padding:10px;font-size:11px;display:grid;position:absolute;top:15%;left:25%;right:25%}.tower-boss progress{width:100%;height:8px;accent-color:var(--tower-danger)}.tower-state{background:var(--tower-glass);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.tower-state h2{font-size:24px}.tower-state p{color:var(--muted-foreground);font-size:13px}.tower-supporters{background:var(--tower-glass);overflow-wrap:anywhere;border-radius:6px;gap:5px;max-width:40%;padding:10px;font-size:11px;display:grid;position:absolute;bottom:12%;right:3%}.tower-supporters span{justify-content:space-between;gap:10px;display:flex}.tower-supporters b{color:var(--tower-gold)}.tower-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding-bottom:12px;display:flex}.tower-nav a{color:var(--muted-foreground);border-radius:6px;padding:8px 12px;font-size:12px}.tower-nav a.active{background:var(--accent);color:var(--foreground)}.tower-rule{border:1px solid var(--border);border-radius:8px;gap:14px;padding:16px;display:grid}.tower-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.tower-fields label{color:var(--muted-foreground);gap:6px;font-size:11px;display:grid}.tower-fields input,.tower-fields select,.tower-select{border:1px solid var(--input);background:var(--background);width:100%;min-width:0;color:var(--foreground);border-radius:6px;height:36px;padding:6px 9px}.tower-page{gap:22px;display:grid}.tower-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tower-stat-row>div{border-bottom:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.tower-stat-row small{color:var(--muted-foreground);font-size:10px}.tower-stat-row strong{font-size:20px}.tower-gift-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:200px;display:grid;overflow:auto}.tower-gift-list button{white-space:normal;justify-content:start;height:auto;padding:8px;font-size:11px}.tower-gift-list img{object-fit:contain;width:24px;height:24px}.tower-page table{width:100%;font-size:12px}.tower-page th,.tower-page td{text-align:left;border-bottom:1px solid var(--border);padding:12px 8px}.tower-page th{color:var(--muted-foreground)}.tower-table-scroll{overflow:auto}.tower-page h1{letter-spacing:0;font-size:28px}.tower-page h2{letter-spacing:0;font-size:18px}@media (width<=700px){.tower-hud strong{font-size:14px}.tower-hud-stats{gap:8px;padding:8px}.tower-hud-stats b{font-size:11px}.tower-hud-stats span{font-size:8px}.tower-boss{top:18%;left:12%;right:12%}.tower-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tower-bottom,.tower-supporters{font-size:9px}.tower-page h1{font-size:23px}.tower-nav a{padding:8px;font-size:11px}}.tower-stage-overlay[data-transparent=false]{background:var(--tower-glass)}.tower-stage[data-layout=portrait] .tower-hud{flex-direction:column;align-items:flex-start}.tower-stage[data-layout=portrait] .tower-hud-stats{align-self:flex-end}.tower-stage[data-layout=portrait] .tower-boss{top:20%}