.world{position:relative}.stage{background:var(--ink);position:relative}.poster,#canvas{object-fit:cover;touch-action:pan-y;width:100%;height:100svh;position:absolute;inset:0}#canvas{display:none}.hero{z-index:3;height:100svh;padding:var(--hud) 16px calc(92px + var(--safe-b));pointer-events:none;place-items:center;display:grid;position:relative}.hero a{pointer-events:auto}.title{width:var(--title,min(68vw, 104svh, 1120px));filter:drop-shadow(0 10px #060e0847);margin-top:-13svh}.title img{width:100%;height:auto}.hero-foot{left:0;right:0;bottom:calc(78px + var(--safe-b));justify-items:center;gap:10px;padding:0 16px;display:grid;position:absolute}.tag{text-wrap:balance;font-family:var(--pixel);font-weight:400;font-size:min(27px, calc(18px + var(--step) * 9px));text-align:center;background:#0b0f09c7;padding:2px 12px;line-height:1.25}.hero-go{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.hero .btn-big{min-height:70px;padding:10px 62px;font-size:36px}.hint{font-family:var(--pixel);transition:opacity var(--panel) var(--out-cubic);background:#0b0f09c7;padding:2px 12px;font-size:18px;font-weight:400}.hint.done{opacity:0}.server-line{font-family:var(--ui);color:var(--text);background:#0b0f09c7;align-items:center;gap:8px;margin:0;padding:4px 12px;font-size:14px;font-weight:600;line-height:1.3;display:none}.server-line.wait{visibility:hidden;width:max-content;max-width:100%;min-height:26.2px;display:inline-flex}.hero-foot .server-line.wait{margin-block:8px}.open-words .server-line.wait{margin-top:18px}@media (orientation:landscape) and (max-height:500px){.hero-foot .server-line.wait{margin-top:10px}}.server-line.on{visibility:visible;animation:server-line-in var(--panel) var(--out-cubic) both}.server-line:before{content:"";background:var(--leaf);flex:none;width:8px;height:8px}.server-line.on:before{animation:1.6s steps(2,jump-none) infinite server-line-beat}@keyframes server-line-in{0%{opacity:0;transform:translateY(4px)}}@keyframes server-line-beat{to{background:var(--leaf-deep)}}@media (prefers-reduced-motion:reduce){.server-line.on,.server-line.on:before{animation:none}}.bubble{z-index:4;background:var(--text);max-width:240px;color:var(--ink);box-shadow:0 0 0 2px var(--ink);opacity:0;pointer-events:none;transition:opacity var(--small) var(--out-cubic);padding:6px 10px;font-size:14px;line-height:1.3;position:absolute;top:0;left:0}.bubble.on{opacity:1}.flash,.burst{display:none}.beat{z-index:3;max-width:760px;margin:0 auto;padding:48px 20px;position:relative}.beat h2{font-size:calc(54px + var(--step) * 18px);margin:6px 0 12px}.beat .n{font-family:var(--pixel);color:var(--leaf);font-size:18px;font-weight:400}.say{font-family:var(--pixel);font-weight:400;font-size:min(72px, calc(36px + var(--step) * 18px));line-height:1.05}.ranks{font-family:var(--pixel);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:18px;font-weight:400;display:flex}.ranks li{background:var(--ink);color:var(--text);padding:2px 10px}.coming-stamp{color:var(--sun);font-family:var(--pixel);text-transform:uppercase;border:3px solid;margin-top:12px;padding:2px 10px;font-size:18px;font-weight:400;display:inline-block;transform:rotate(-3deg)}.beat-still{image-rendering:auto;width:100%;height:auto;margin-top:16px}.city-list{font-family:var(--pixel);flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:27px;font-weight:400;display:flex}.pinned .world{height:1000svh}.pinned .stage{height:100svh;position:sticky;top:0;overflow:hidden}.pinned .beat-still,.pinned .city-list{display:none}.pinned .beat{visibility:hidden;margin:0;position:absolute}.pinned #canvas{visibility:hidden;display:block}.world-on #canvas{visibility:visible}.pinned .burst{image-rendering:pixelated;z-index:4;width:calc(239px * var(--burst,3));visibility:hidden;pointer-events:none;height:auto;display:block;position:absolute;top:48%;left:50%}.pinned .beat h2,.pinned .say{color:#fff7da;--edge:calc(3px + min(var(--step), 1) * 1px);text-shadow:0 6px 0 var(--ink), var(--edge) 0 0 var(--ink), calc(var(--edge) * -1) 0 0 var(--ink), 0 calc(var(--edge) * -1) 0 var(--ink), 0 11px 0 rgba(11, 15, 9, calc(.5 * min(var(--step), 1)))}.pinned .beat h2{font-size:calc(54px + var(--step) * 27px);margin:8px 0 18px;line-height:.96}.pinned .beat p:not(.say):not(.n){background:var(--ink);width:-moz-fit-content;width:fit-content;max-width:34em;color:var(--text);font-size:calc(16px + min(var(--step), 2) * 2px);padding:10px 16px;line-height:1.35}.pinned .beat .n{background:var(--ink);width:-moz-fit-content;width:fit-content;color:var(--sun);padding:0 10px;font-size:18px}.pinned .beat-a{text-align:center;max-width:none;padding:0 5vw;top:13svh;left:0;right:0}.pinned .beat-a .say{background:var(--ink);width:-moz-fit-content;width:fit-content;max-width:17em;text-shadow:none;margin:0 auto 14px;padding:8px 18px}.pinned .beat-fight,.pinned .beat-fix,.pinned .beat-paid,.pinned .beat-grow{left:clamp(16px,5vw,96px);top:calc(var(--hud) + 3svh);max-width:min(52vw,860px);padding:0}.pinned .beat-road{left:0;right:0;top:calc(var(--hud) + 1svh);text-align:center;max-width:none;padding:0 16px}.pinned .beat-road h2{font-size:calc(45px + var(--step) * 18px);margin:2px 0 8px}.pinned .beat-road>*{margin-left:auto;margin-right:auto}.pinned .beat .coming-stamp{background:var(--ink);margin:0;position:absolute;top:-6px;left:92px;right:auto;transform:rotate(5deg)}.pinned .beat-road .coming-stamp{top:0;left:auto;right:clamp(12px,5vw,96px)}.world-on .poster,.wait-poster:not(.poster-set) .poster,.world-on .title img{visibility:hidden}.world-on .title{filter:none}.skip-on{z-index:41;right:18px;bottom:calc(18px + var(--safe-b));background:var(--ink);box-shadow:0 0 0 2px var(--moss);color:var(--text);font-family:var(--pixel);opacity:0;pointer-events:none;transition:opacity var(--small) var(--out-cubic), transform var(--small) var(--out-cubic);padding:6px 12px;font-size:18px;font-weight:400;text-decoration:none;position:fixed;transform:translateY(12px)}.in-story .skip-on{opacity:1;pointer-events:auto;transform:none}.skip-on:hover{color:var(--leaf)}.hotbar{z-index:40;left:50%;bottom:calc(10px + var(--safe-b));box-shadow:0 0 0 2px var(--moss);transition:transform var(--panel) var(--out-quart);background:#0b0f09e0;gap:4px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.in-story .hotbar{transform:translate(-50%,calc(100% + 24px))}.hotbar a{background:var(--bark);width:86px;height:54px;box-shadow:inset 0 0 0 1px var(--moss);color:var(--muted);font-family:var(--ui);transition:transform var(--press) var(--out-cubic), box-shadow var(--small) var(--out-cubic), color var(--small) var(--out-cubic);align-content:center;place-items:center;font-size:13px;font-weight:700;line-height:1;text-decoration:none;display:grid;position:relative}.hotbar .k{color:var(--muted);font-size:12px;font-style:normal;font-weight:800;position:absolute;top:2px;left:4px}.hotbar img{object-fit:contain;width:24px;height:24px;transition:transform var(--small) var(--out-cubic);margin-bottom:4px}.hotbar a:hover img{transform:translateY(-3px)rotate(-6deg)}.hotbar a:active{transform:translateY(2px)}.hotbar a.on{color:var(--text);box-shadow:inset 0 0 0 2px var(--leaf)}@media (max-aspect-ratio:10/11){.pinned .beat-fight,.pinned .beat-fix,.pinned .beat-paid,.pinned .beat-grow{max-width:none;left:16px;right:16px}.pinned .beat h2{font-size:calc(54px + var(--step) * 27px)}.pinned .beat-road h2{font-size:calc(45px + var(--step) * 18px)}.pinned .beat .coming-stamp{width:-moz-fit-content;width:fit-content;margin-top:6px;display:block;position:static}}@media (max-width:760px){.title{margin-top:-14svh}.hero-foot{bottom:calc(96px + var(--safe-b))}.hero .btn-big{min-height:62px;padding:8px 40px;font-size:36px}.hotbar{justify-content:stretch;width:calc(100vw - 16px)}.hotbar a{flex:1;width:auto;height:50px;font-size:12px}.hotbar .k,.hint{display:none}}@media (orientation:landscape) and (max-height:500px){.hero{padding:var(--hud) 16px calc(130px + var(--safe-b)) 5vw;place-items:center start}.title{margin-top:0}.hero-foot{left:5vw;right:auto;bottom:calc(54px + var(--safe-b));justify-items:start;gap:8px;padding:0}.tag{font-size:18px}.hero .btn-big{min-height:46px;padding:6px 30px;font-size:27px}.hero-go{gap:12px}.hint{display:none}.hotbar{bottom:calc(6px + var(--safe-b));padding:3px}.hotbar a{grid-auto-flow:column;gap:6px;width:auto;height:34px;padding:0 12px 0 8px;font-size:12px}.hotbar img{width:20px;height:20px;margin:0}.hotbar .k{display:none}.pinned .beat-road{top:auto;bottom:calc(14px + var(--safe-b));text-align:left;max-width:46vw;padding:0;left:5vw;right:auto}.pinned .beat-road>*{margin-left:0}.pinned .beat-road h2{font-size:36px}}@media (max-height:620px) and (max-width:932px){.pinned .beat h2{font-size:36px}}@media (max-height:620px) and (max-aspect-ratio:10/11){.pinned .beat .ranks{display:none}.pinned .beat .coming-stamp{margin:0;position:absolute;top:-6px;left:auto;right:0}}