.cs-stage{--cs-safe-top:9%;--cs-side:10%;--cs-card-bottom:24%;--cs-hud-top:24.5%;--cs-mg-top:25%;background:#0d0b26;position:fixed;inset:0;overflow:hidden}.cs-stage[data-aspect=landscape]{--cs-safe-top:5%;--cs-side:4%;--cs-card-bottom:5%;--cs-hud-top:23.5%;--cs-mg-top:31%}.cs-layer{position:absolute;inset:0}.cs-sky #c,.cs-stage #reticle,.cs-stage #mine{position:absolute}.cs-ui{pointer-events:none;position:absolute;inset:0}.cs-black{pointer-events:none;background:#000;position:absolute;inset:0}.cs-text{z-index:20;left:var(--cs-side);right:var(--cs-side);top:var(--cs-safe-top);min-height:3.3em;color:var(--ink);background:var(--panel);box-shadow:0 0 0 3px var(--line),0 0 0 6px var(--edge);text-shadow:2px 2px 0 var(--edge);margin:0;padding:12px 14px;font-size:clamp(19px,5.7vw,30px);line-height:1.25;position:absolute}.cs-stage[data-aspect=landscape] .cs-text{min-height:2.6em;font-size:clamp(20px,3.2vw,30px);left:20%;right:20%}.cs-chrome{z-index:6;left:var(--cs-side);right:var(--cs-side);top:var(--cs-hud-top);position:absolute}.cs-stage[data-aspect=landscape] .cs-chrome{left:20%;right:20%}.cs-chrome .tbar-sky h1{text-shadow:3px 3px 0 var(--edge);margin:0;font-size:clamp(25px,6.9vw,37px);line-height:1.05}.cs-chrome .tbar .soundbtn,.cs-chrome .tbar .acct-btn{pointer-events:none}.cs-citycard{bottom:var(--cs-card-bottom);width:min(80%,360px);left:50%}.cs-card{bottom:var(--cs-card-bottom);width:min(80%,380px);position:absolute;left:50%;right:auto}.cs-card .btn{text-align:center;display:block}.cs-input{min-height:2.2em;color:var(--ink);background:var(--edge);box-shadow:0 0 0 2px var(--line);margin-top:4px;padding:9px 10px;font-size:20px;display:block}.cs-input i{color:var(--star);font-style:normal}.cs-mark{z-index:5;white-space:nowrap;color:var(--ink);text-shadow:2px 2px 0 var(--edge);font-size:15px;position:absolute;top:0;left:0}.cs-mark.clan{color:var(--accent)}.cs-mg{z-index:8;position:absolute}.cs-mg .mghud{top:var(--cs-mg-top);padding:0 var(--cs-side)}.cs-pop{position:absolute}.cs-mgcover{pointer-events:none}.cs-rank{z-index:9;left:var(--cs-side);right:var(--cs-side);width:auto;top:var(--cs-hud-top);margin:0;padding:0;position:absolute;bottom:14%;overflow:hidden}.cs-ranklist .rankrow{will-change:transform}.cs-finale{z-index:9;left:var(--cs-side);right:var(--cs-side);text-align:center;justify-items:center;gap:18px;display:grid;position:absolute;top:42%}.cs-stage[data-aspect=landscape] .cs-finale{top:30%}.cs-logo{width:min(86%,520px);image-rendering:pixelated;mix-blend-mode:lighten}.cs-url{color:var(--star);text-shadow:3px 3px 0 var(--edge);margin:0;font-size:clamp(22px,6vw,34px)}.cs-page{background:#0d0b26;position:fixed;inset:0}.cs-intro,.cs-end{z-index:50;text-align:center;background:#0d0b26e6;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.cs-intro .btn,.cs-end .btn{text-align:center;width:min(280px,80vw);min-height:48px;text-decoration:none}.cs-end{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18%);pointer-events:none;background:0 0;place-content:end center}.cs-end .btn{pointer-events:auto}.cs-skip{z-index:50;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 14px);opacity:.85;min-height:40px;position:fixed}html[data-cut-ready] body,.cs-page{cursor:none}.cs-stage[data-aspect=landscape] .cs-mg .mghud{padding:0 20%}.cs-rank .rtabs,.cs-rank .panel h2{display:none}.cs-rank .rankrow{padding:8px 12px}.cs-rank .panel{margin:6px 6px 6px 0}.cs-stage[data-aspect=landscape] .cs-rank{inset:24% 22% 3%}.cs-stage[data-aspect=landscape] .cs-card,.cs-stage[data-aspect=landscape] .cs-citycard{transform-origin:50% 100%;transform:translate(-50%)scale(.8)}.cs-stage[data-aspect=landscape] .cs-mgcover{padding-top:24%}.cs-stage[data-aspect=landscape] .cs-rank .pagetitle{display:none}.cs-stage[data-aspect=landscape] .cs-rank .rankrow{padding:4px 10px}.cs-stage[data-aspect=landscape] .cs-rank .rankrow .rname{font-size:18px}.cs-stage[data-aspect=landscape] .cs-rank .panel{margin:0;padding:8px}.cs-stage[data-aspect=landscape] .cs-ranklist{gap:6px}