.tower__canvas{width:100%;height:clamp(620px,48vw,800px);display:block}.tower__scene{background:#5abcec}.tower__fullscreen-start{z-index:3;color:#f8edca;cursor:pointer;background:#05070ac2;border:0;place-items:center;width:100%;display:grid;position:absolute;inset:0}.tower__fullscreen-start span{font:900 clamp(28px, 6vw, 64px)/1.05 var(--font-head);letter-spacing:.035em;text-align:center;text-transform:uppercase;text-shadow:0 4px #111820,3px 0 #111820,-3px 0 #111820,0 -3px #111820;padding:16px}.tower__fullscreen-start:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}.tower__label{color:var(--text-2);font-size:12px}.tower .jmp__arena-head{gap:7px}.tower__stage-balance{min-height:32px;font:600 12px/16px var(--font-text);color:var(--text-2);background:linear-gradient(#191b20,#111216 22% 78%,#191b20);border:1px solid #3b3d43;border-radius:9px;align-items:center;gap:8px;margin-right:auto;padding:5px 10px;display:flex;box-shadow:0 0 0 1px #090a0c}.tower__stage-balance b{color:var(--text-1);font:700 14px/18px var(--font-head);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.tower__stage-balance .coin{width:14px;height:14px}.tower__stage-balance>span{color:#8b909a;display:inline-flex}.tower__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tower .coin{vertical-align:-2px;flex:none;width:15px;height:15px;display:inline-block}.tower .jmp__loading button{background:var(--accent);color:var(--on-accent);font:inherit;border:0;border-radius:8px;padding:12px}.tower-portrait{background:url(/art/tower/sections.webp) top/300% 300% no-repeat;width:48px;height:48px;display:inline-block}.mode__art.tower-portrait{width:130px;height:173px}.tower .jmp__panel{padding-bottom:150px}.tower__result{background:#102136aa;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:18px;display:flex;position:absolute;inset:0}.tower__result h2{font:900 clamp(24px, 3vw, 52px)/1.1 var(--font-head);color:#ffdf68;text-align:center;text-shadow:0 2px #c38322,0 4px #92551f,0 6px #51361e,0 10px 18px #0008;animation:tower-prize-in .28s var(--ease-out,ease-out) both;margin:0}.tower__prize{aspect-ratio:3;width:min(90%,580px);animation:tower-prize-in .28s var(--ease-out,ease-out) both;background:url(/art/tower/prize.webp) 50%/contain no-repeat;place-items:center;display:grid}.tower__prize strong{color:#fff0a3;font:900 clamp(26px, 4vw, 58px)/1 var(--font-head);text-shadow:0 3px #725027;font-variant-numeric:tabular-nums;padding-bottom:3%}.tower__result .jmp__go{flex:none;width:min(100%,300px);min-height:50px}@keyframes tower-prize-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1023px){.tower .jmp__panel{padding-bottom:18px}}@media (width<=540px){.tower__canvas{height:620px}.tower .jmp__arena{padding:8px}.tower .jmp__actions{grid-template-columns:1fr 1fr}.tower .jmp__go,.tower .jmp__collect{min-height:48px;font-size:12px}.tower__record{gap:8px}}.tower .tower__arena:is(:fullscreen,.tower__arena--expanded){width:100%;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#141619;border:0;border-radius:0;flex-direction:column;gap:10px;display:flex}.tower__arena--expanded{z-index:1000;position:fixed;inset:0}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__scene{flex:1;min-height:0}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__canvas{height:100%}.tower__fullscreen-actions{flex:none;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,620px);margin-inline:auto;display:grid}.tower__fullscreen-actions button{min-height:48px}.tower .jmp__arena-head>button{flex-shrink:0}@media (width<=540px){.tower .jmp__arena-head{gap:6px}}@media (width<=360px){.tower__stage-balance>span{display:none}}@media (height<=500px){.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__result{gap:8px;padding:8px}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__result h2{font-size:24px}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__prize{flex-shrink:0;width:min(65%,360px)}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__prize strong{font-size:32px}.tower__arena:is(:fullscreen,.tower__arena--expanded) .tower__result .jmp__go{min-height:44px}}
