.study-console{border:1px solid var(--line);background:var(--paper);width:min(920px,100% - 24px);box-shadow:var(--shadow);border-radius:24px;margin:24px auto;padding:clamp(18px,3vw,32px)}.study-console header>p:last-child,.study-artifact-step>p,.study-technical-stop>p{color:var(--muted)}.study-console fieldset{border:1px solid var(--line);border-radius:16px;gap:20px;margin:20px 0;padding:18px;display:grid}.study-console fieldset:disabled{opacity:.68}.study-console-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.study-console-grid>label,.study-rubrics label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.study-console select,.study-console input[type=number],.study-console input[type=text]{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:42px;padding:8px 10px}.study-check{align-items:flex-start;gap:9px;font-size:.88rem;font-weight:750;display:flex}.study-check input{flex:none;width:18px;height:18px}.study-rubrics,.study-deviations,.study-comparison,.study-artifact-step,.study-technical-stop{border:1px solid var(--line);background:#ffffff6b;border-radius:14px;gap:12px;padding:16px;display:grid}.study-rubrics>div{grid-template-columns:minmax(130px,1fr) repeat(3,minmax(110px,1fr));align-items:end;gap:10px;display:grid}.study-deviations{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.study-deviations h3{grid-column:1/-1}.study-artifact-step,.study-technical-stop{margin-top:18px}.study-artifact-step code{overflow-wrap:anywhere;font-size:.72rem}.study-actions{flex-wrap:wrap;gap:10px;display:flex}.study-actions button,.study-console .primary-action{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);border-radius:999px;padding:10px 16px;font-weight:850}.study-actions button{color:var(--ink);background:0 0}.study-console button:disabled{cursor:not-allowed;opacity:.48}.study-confirm{border-left:4px solid var(--coral);background:#ff765f14;padding:12px}.study-technical-stop{border-color:var(--coral)}.study-console-status{color:#a6382f;min-height:1.4em;font-weight:800}@media (width<=680px){.study-console{border-radius:18px;margin:12px auto}.study-rubrics>div{grid-template-columns:1fr}}:root{color:#102128;font-synthesis:none;text-rendering:optimizelegibility;--ink:#102128;--night:#07171f;--paper:#f6f1e6;--paper-deep:#ece9df;--lime:#dcff68;--aqua:#53e5bd;--coral:#ff765f;--violet:#a88dff;--line:#10212826;--line-dark:#eff7ed24;--muted:#5f6b6e;--shadow:0 28px 80px #0b1a1e29;background:#ece9df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper-deep);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 3% 4%, #53e5bd29, transparent 25rem), radial-gradient(circle at 100% 100%, #a88dff1f, transparent 30rem), var(--paper-deep);min-width:320px;min-height:100dvh;margin:0;overflow-x:clip}button,select,input{color:inherit;font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app-shell{min-height:100dvh}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1e6d6;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:10px clamp(16px,3.4vw,56px);display:grid;position:relative}.brand{width:fit-content;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);border-radius:50%;flex:none;width:39px;height:39px;position:relative;transform:rotate(-9deg)}.brand-mark i{border:3px solid var(--lime);border-radius:50%;width:14px;height:18px;position:absolute;top:10px}.brand-mark i:first-child{left:7px}.brand-mark i:last-child{border-color:var(--aqua);right:6px}.brand>span:last-child{letter-spacing:-.04em;align-items:baseline;font-size:.88rem;font-weight:950;display:flex}.brand em{color:#dc493c;font-style:normal}.event-chip{border:1px solid var(--line);background:#ffffff61;border-radius:999px;justify-self:center;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.event-chip>span{background:#d0a642;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #d0a64221}.event-chip>span[data-state=online]{background:#35b98c;box-shadow:0 0 0 5px #35b98c24}.event-chip>span[data-state=preview]{background:var(--violet);box-shadow:0 0 0 5px #a88dff24}.event-chip div{gap:1px;display:grid}.event-chip small,.event-chip strong{line-height:1.1}.event-chip small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:850}.event-chip strong{font-size:.72rem}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.event-notice-banner{z-index:29;min-height:58px;padding:8px max(clamp(16px, 3.4vw, 56px), env(safe-area-inset-right)) 8px max(clamp(16px, 3.4vw, 56px), env(safe-area-inset-left));color:#3c2c15;background:#fff0b7;border-bottom:1px solid #51371242;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"symbol copy timing"".stale stale";align-items:center;gap:5px 14px;display:grid;position:relative}.event-notice-banner[data-severity=maintenance]{background:#ffe397}.event-notice-banner[data-severity=critical]{color:#51141c;background:#ffd2d3;border-color:#5c101b66}.event-notice-banner[data-stale]{background-image:repeating-linear-gradient(-45deg,#0000 0 12px,#fff3 12px 24px)}.event-notice-symbol{border:2px solid;border-radius:50%;grid-area:symbol;place-items:center;width:29px;height:29px;font:950 .78rem/1 ui-monospace,monospace;display:grid}.event-notice-copy{grid-area:copy;gap:1px;min-width:0;display:grid}.event-notice-copy strong,.event-notice-copy span,.event-notice-timing strong,.event-notice-timing span{display:block}.event-notice-copy strong{letter-spacing:-.01em;font-size:.79rem}.event-notice-copy span{font-size:.68rem;line-height:1.35}.event-notice-timing{text-align:right;grid-area:timing;gap:1px;min-width:180px;display:grid}.event-notice-timing strong{font-size:.7rem}.event-notice-timing span{font-size:.62rem}.event-notice-stale{letter-spacing:.04em;text-transform:uppercase;grid-area:stale;justify-self:end;font-size:.55rem;font-weight:800}.icon-button,.settings-button{border:1px solid var(--line);background:#ffffff6b;min-width:46px;min-height:46px}.icon-button{border-radius:50%;place-items:center;font-size:1.12rem;font-weight:900;display:grid}.settings-button{border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:.76rem;font-weight:850;display:inline-flex}.settings-button>span:first-child{font-size:1.22rem;line-height:0;transform:rotate(90deg)}.landing-layout,.game-layout{width:min(1620px,100%);margin:0 auto;padding:clamp(16px,2.5vw,36px) clamp(16px,3.4vw,56px) clamp(28px,4vw,58px)}.landing-layout{grid-template-columns:minmax(310px,.7fr) minmax(520px,1.3fr);align-items:stretch;gap:clamp(22px,3.2vw,52px);min-height:calc(100dvh - 76px);display:grid}.landing-panel{flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,3vw,48px) 0;display:flex}.eyebrow{color:#6a5550;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;font-weight:850}.eyebrow>span{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.landing-panel h1{letter-spacing:-.085em;max-width:720px;margin:0;font-size:clamp(4rem,7vw,8.2rem);font-weight:920;line-height:.77}.landing-panel h1 em{color:#0000;-webkit-text-stroke:2px var(--ink);font-style:normal;display:block}.guest-identity{align-items:center;gap:7px;display:flex}.guest-identity strong{color:#473a68;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guest-identity small{color:#5c5860;font:inherit}.landing-rules{color:#536367;gap:5px;max-width:520px;margin:clamp(24px,4vw,42px) 0 26px;padding:0;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.35;list-style:none;display:grid}.landing-rules li{align-items:baseline;gap:8px;display:flex}.landing-rules strong{min-width:3.3rem;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:.78em}.mobile-input-lead{display:none}.play-button,.retry-button{background:var(--ink);color:#fff;box-shadow:7px 7px 0 var(--lime);border:0;justify-content:space-between;align-items:center;font-weight:850;transition:transform .15s,box-shadow .15s;display:flex}.play-button{border-radius:11px;width:min(100%,330px);min-height:58px;padding:14px 18px}.play-button>span:last-child,.retry-button>span:last-child{font-size:1.55rem}.play-button:hover,.retry-button:hover{box-shadow:4px 4px 0 var(--lime);transform:translate(3px,3px)}.play-button:disabled{cursor:wait;opacity:.76;box-shadow:3px 3px 0 var(--violet);transform:none}.live-unavailable{background:#ffffff85;border:1px solid #a2342f59;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:min(100%,520px);margin-top:14px;padding:12px;display:grid}.live-unavailable>div{gap:3px;display:grid}.live-unavailable strong{color:#8e2e2b;font-size:.76rem}.live-unavailable span{color:#5e5753;font-size:.65rem;line-height:1.4}.live-unavailable button{background:var(--ink);color:#fff;border:0;border-radius:8px;align-self:center;min-height:44px;padding:8px 11px;font-size:.67rem;font-weight:850}.landing-proof{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:clamp(34px,6vh,70px);padding-top:18px;display:grid}.landing-proof div{min-width:0}.landing-proof span,.landing-proof strong{display:block}.landing-proof span{color:#6c787a;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:.58rem;font-weight:800}.landing-proof strong{font-size:.74rem;line-height:1.35}.challenge-card{background:#ffffff6b;border:1px solid #473a6833;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;max-width:560px;margin-top:14px;padding:12px;display:grid}.challenge-summary{gap:2px;min-width:0;display:grid}.challenge-kicker{color:#6d5c99;letter-spacing:.07em;text-transform:uppercase;font-size:.54rem;font-weight:900}.challenge-card strong{font-size:.78rem}.challenge-card small{color:#657174;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.35;overflow:hidden}.challenge-actions{justify-content:flex-end;align-items:stretch;gap:6px;display:flex}.challenge-actions button{color:#fff;background:#473a68;border:0;border-radius:8px;min-height:44px;padding:7px 10px;font-size:.65rem;font-weight:850}.challenge-actions button:disabled{cursor:wait;opacity:.58}.challenge-owner-note{color:#657174;text-align:right;align-self:center;max-width:9.5rem;font-size:.62rem;font-weight:750;line-height:1.25}.challenge-actions .challenge-leave{color:#473a68;background:0 0;border:1px solid #473a6847}.challenge-board{border-top:1px solid #473a6824;grid-column:1/-1;gap:3px;margin:0;padding:7px 0 0;list-style:none;display:grid}.challenge-board li{border-radius:6px;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:7px;min-height:24px;padding:2px 5px;font-size:.66rem;display:grid}.challenge-board li[data-viewer]{background:#dcff686b}.challenge-board li strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.challenge-rank{color:#6d5c99;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900}.challenge-distance{color:#536367;font-weight:850}.death-owner-note{color:#eff7edc2;text-align:center;align-self:center;margin:0;font-size:.72rem;font-weight:750;line-height:1.35}.challenge-status{color:#326c58;grid-column:1/-1;margin:0;font-size:.65rem;font-weight:750}.landing-note{color:#526164;max-width:520px;margin:18px 0 0;font-size:.72rem;line-height:1.5}.landing-note strong{color:#473a68}.stage-shell{background:var(--night);color:#fff;min-width:0;box-shadow:var(--shadow);border:1px solid #28414b;border-radius:clamp(16px,2.2vw,28px);overflow:hidden}.landing-layout .stage-shell{align-self:center;height:min(760px,100dvh - 118px);min-height:590px;transform:rotate(.35deg)}.stage-shell{grid-template-rows:48px minmax(0,1fr) 42px;display:grid}.stage-header,.stage-footer{z-index:4;border-color:var(--line-dark);color:#a9bfc3;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:20px;padding:0 16px;font-size:.63rem;font-weight:750;display:flex;position:relative}.stage-header{border-bottom:1px solid var(--line-dark);justify-content:space-between}.stage-header>div:first-child{align-items:center;gap:8px;display:flex}.stage-header strong{color:#fff}.stage-live-dot{background:var(--violet);border-radius:50%;width:7px;height:7px}.stage-header code{color:var(--lime);font:inherit}.stage-context{align-items:center;gap:9px;display:flex}.stage-friends{color:var(--aqua);border:1px solid #53e5bd59;border-radius:999px;padding:3px 6px}.stage-footer{border-top:1px solid var(--line-dark)}.stage-footer span{align-items:center;gap:5px;display:inline-flex}.stage-footer i{border-radius:2px;width:7px;height:7px}.legend-local{background:var(--lime)}.legend-hazard{background:var(--coral)}.legend-pursuit{background:#ff526d}.stage-footer strong{color:#d0c6ff;letter-spacing:.08em;margin-left:auto;font-size:.55rem}.canvas-wrap{background:var(--night);min-width:0;min-height:0;position:relative;overflow:hidden}.course-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.preview-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07171fc7;border:1px solid #fff3;border-radius:10px;gap:3px;padding:10px 13px;display:grid;position:absolute;bottom:16px;right:16px}.preview-label span{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:.69rem;font-weight:850}.preview-label small{color:#b9c9c9;font-size:.62rem}.connecting-curtain{z-index:20;color:#fff;cursor:wait;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07171fe6;place-content:center;justify-items:center;gap:9px;padding:24px;display:grid;position:absolute;inset:0}.connecting-curtain strong{letter-spacing:-.02em;font-size:clamp(.9rem,2vw,1.12rem)}.connecting-curtain small{color:#b9c9c9;max-width:300px;font-size:.69rem;line-height:1.45}.connecting-pulse{align-items:center;gap:5px;min-height:14px;display:flex}.connecting-pulse i{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite alternate connecting-wave}.connecting-pulse i:nth-child(2){background:var(--aqua);animation-delay:.14s}.connecting-pulse i:nth-child(3){background:var(--coral);animation-delay:.28s}.stage-shell[aria-busy=true] .course-canvas{pointer-events:none}@keyframes connecting-wave{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(-3px)}}.game-layout{grid-template-columns:minmax(540px,1fr) minmax(270px,320px);gap:clamp(16px,2vw,28px);height:calc(100dvh - 76px);min-height:620px;display:grid}.app-shell[data-has-event-notice] .game-layout{height:calc(100dvh - 134px)}.game-layout .stage-shell{grid-template-rows:48px auto minmax(0,1fr) 42px;height:100%}.run-hud{z-index:6;border-bottom:1px solid var(--line-dark);pointer-events:none;background:#0a1b22;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 12px;display:grid;position:relative}.metric{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07171fc7;border:1px solid #ffffff29;border-radius:10px;min-width:0;padding:9px 11px}.metric>span,.metric>strong,.metric>small{display:block}.metric>span{color:#9eb3b7;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:800;overflow:hidden}.metric>strong{letter-spacing:-.05em;margin-top:2px;font:850 clamp(.9rem,1.6vw,1.25rem)/1.08 ui-monospace,SFMono-Regular,Menlo,monospace}.metric>small{color:#9eb3b7;text-transform:uppercase;font-size:.54rem}.metric[data-alert]{background:#581224db;border-color:#ff526da6}.metric[data-alert]>strong{color:#ffafba}.direction-pad{z-index:8;filter:drop-shadow(0 12px 22px #00000047);grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:4px;display:grid;position:absolute;bottom:clamp(14px,2.4vw,25px);right:clamp(14px,2.4vw,25px)}.direction-pad button{min-width:52px;min-height:52px;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#f6f1e6eb;border:1px solid #fff3;border-radius:13px;place-items:center;padding:0;font:900 1.2rem/1 ui-monospace,monospace;display:grid}.direction-pad button:active{background:var(--lime);transform:scale(.94)}.direction-pad button:disabled{cursor:default;opacity:.5}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-center{background:#07171fb8;border-radius:14px;grid-area:2/2}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.run-sidebar{border:1px solid var(--line);background:#f6f1e6c7;border-radius:24px;min-width:0;padding:clamp(18px,2.3vw,28px);overflow:auto;box-shadow:0 20px 60px #14232514}.sidebar-hero{border-bottom:1px solid var(--line);padding-bottom:22px}.sidebar-hero h2{letter-spacing:-.065em;margin:3px 0 9px;font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:.96}.sidebar-hero>p:not(.eyebrow){color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.event-state{color:#514171;background:#ebe6fa;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:7px 9px;font-size:.64rem;font-weight:850;display:inline-flex}.event-state>span{background:var(--violet);border-radius:50%;width:7px;height:7px}.event-state[data-online]{color:#1e624b;background:#e0f4e9}.event-state[data-online]>span{background:#35b98c}.presence-grid{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0;display:grid;overflow:hidden}.presence-grid div{background:#ffffff7a;min-width:0;padding:12px}.presence-grid span,.presence-grid strong{display:block}.presence-grid span{color:#526164;letter-spacing:.06em;text-transform:uppercase;font-size:.54rem;font-weight:800}.presence-grid strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font:850 1rem ui-monospace,monospace;overflow:hidden}.presence-note{background:#eee9fa;border:1px solid #bdb2d9;border-radius:13px;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;display:grid}.presence-symbol{background:var(--ink);border-radius:50%;width:38px;height:38px;position:relative}.presence-symbol i{background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;top:15px}.presence-symbol i:first-child{left:8px}.presence-symbol i:nth-child(2){background:var(--aqua);left:16px}.presence-symbol i:last-child{background:var(--coral);left:24px}.presence-note strong{font-size:.72rem;line-height:1.3;display:block}.presence-note p{color:#645d75;margin:4px 0 0;font-size:.65rem;line-height:1.45}.next-marker{margin-top:21px}.next-marker>span,.next-marker>strong{display:inline-block}.next-marker>span{color:#697679;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800}.next-marker>strong{float:right;font:850 .76rem ui-monospace,monospace}.next-marker>div{background:#d7d5cc;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.next-marker i{border-radius:inherit;background:var(--coral);height:100%;display:block}.next-marker i[data-progress="0"]{width:0%}.next-marker i[data-progress="1"]{width:10%}.next-marker i[data-progress="2"]{width:20%}.next-marker i[data-progress="3"]{width:30%}.next-marker i[data-progress="4"]{width:40%}.next-marker i[data-progress="5"]{width:50%}.next-marker i[data-progress="6"]{width:60%}.next-marker i[data-progress="7"]{width:70%}.next-marker i[data-progress="8"]{width:80%}.next-marker i[data-progress="9"]{width:90%}.input-hint{color:#687477;flex-wrap:wrap;align-items:center;gap:4px;margin-top:22px;font-size:.63rem;display:flex}kbd{min-width:24px;min-height:24px;color:var(--ink);background:#fff;border:1px solid #aeb7b4;border-bottom-width:2px;border-radius:5px;place-items:center;font:800 .62rem ui-monospace,monospace;display:inline-grid}.input-hint span{margin-left:4px}.death-panel{z-index:12;width:min(520px,100% - 34px);max-height:calc(100% - 34px);color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f1e6f5;border:1px solid #fff3;border-radius:22px;padding:clamp(22px,4vw,38px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #0000006b}.death-panel h2{letter-spacing:-.065em;margin:0;font-size:clamp(1.65rem,4vw,2.7rem);line-height:.98}.death-distance{align-items:baseline;gap:9px;margin:21px 0 18px;display:flex}.death-distance strong{letter-spacing:-.1em;font:900 clamp(4rem,10vw,7rem)/.76 ui-monospace,monospace}.death-distance span{color:#647174;letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:850}.death-details{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.death-details div{background:#ffffff9e;padding:10px}.death-details span,.death-details strong{display:block}.death-details span{color:#526164;text-transform:uppercase;font-size:.51rem;font-weight:800}.death-details strong{margin-top:3px;font-size:.7rem}.run-result-status{background:#ffffff94;border:1px solid #bcc6c2;border-radius:9px;gap:2px;margin:10px 0 0;padding:9px 11px;display:grid}.run-result-status strong{font-size:.69rem}.run-result-status span{color:#526164;font-size:.58rem;line-height:1.35}.run-result-status[data-status=matched]{background:#d3f36933;border-color:#84a53c}.run-result-status:is([data-status=invalid],[data-status=omitted]){background:#ff526d14;border-color:#c98a8f}.death-actions{grid-template-columns:1.35fr .8fr;gap:9px;margin-top:24px;display:grid}.retry-button,.share-button{border-radius:10px;min-height:52px}.retry-button{padding:12px 15px}.share-button{background:0 0;border:1px solid #aeb7b4;padding:10px;font-size:.75rem;font-weight:850}.share-status{color:#326c58;margin:13px 0 0;font-size:.72rem;font-weight:800}.settings-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07171f94;justify-content:end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--paper);width:min(520px,100%);height:100%;padding:clamp(22px,4vw,38px);overflow:auto;box-shadow:-24px 0 60px #0000003d}.settings-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding-bottom:22px;display:flex}.settings-panel h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:.95}.panel-close{flex:none;font-size:1.8rem;font-weight:400}.settings-list{display:grid}.setting-row,.setting-select{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 0;display:grid}.setting-row strong,.setting-row small,.setting-select strong,.setting-select small{display:block}.setting-row strong,.setting-select strong{font-size:.88rem}.setting-row small,.setting-select small{color:#657174;max-width:330px;margin-top:3px;font-size:.7rem;line-height:1.4}.setting-row input[type=checkbox]{width:48px;height:28px;accent-color:var(--ink);margin:0}.setting-select select{background:#fff;border:1px solid #a9b3af;border-radius:8px;min-width:116px;min-height:44px;padding:7px 30px 7px 10px;font-size:.75rem;font-weight:750}.control-reference{background:#e8e5dc;border-radius:14px;margin-top:26px;padding:18px}.control-reference>div{color:#526164;align-items:center;gap:5px;min-height:38px;font-size:.72rem;display:flex}.control-reference>div>span:last-child{margin-left:7px}.gesture-glyph{width:50px;min-height:30px;color:var(--ink);border:1px dashed #9ba7a4;border-radius:7px;place-items:center;font-size:1.1rem;font-weight:850;display:grid}.sr-status{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell[data-high-contrast] .stage-shell{border-color:#fff}.app-shell[data-high-contrast] .metric{background:#000;border-color:#fff}.app-shell[data-high-contrast] .direction-pad button{background:#fff;border:2px solid #000}.app-shell[data-high-contrast] :is(.guest-identity small,.landing-note,.presence-grid span){color:#1b292e}.app-shell[data-reduced-motion] *,.app-shell[data-reduced-motion] :before,.app-shell[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=980px){.landing-layout{grid-template-columns:minmax(260px,.66fr) minmax(420px,1.34fr);gap:24px}.landing-panel h1{font-size:clamp(3.4rem,7.7vw,5.4rem)}.game-layout{grid-template-columns:minmax(480px,1fr) 270px}.run-sidebar{padding:18px}}@media (width<=760px){.site-header{min-height:64px;padding:8px 12px;position:sticky;top:0}.event-notice-banner{min-height:0;padding:7px max(12px, env(safe-area-inset-right)) 7px max(12px, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"symbol copy""symbol timing"".stale";gap:3px 10px}.event-notice-symbol{width:26px;height:26px}.event-notice-timing{text-align:left;justify-content:space-between;gap:8px;min-width:0;display:flex}.event-notice-stale{justify-self:start}.brand-mark{width:34px;height:34px}.brand-mark i{width:12px;height:16px;top:9px}.brand-mark i:first-child{left:6px}.brand-mark i:last-child{right:5px}.brand>span:last-child{font-size:.75rem}.event-chip{gap:7px;padding:7px 9px}.event-chip small{display:none}.event-chip strong{font-size:.62rem}.header-actions{gap:5px}.icon-button,.settings-button{min-width:44px;min-height:44px}.settings-button{padding:7px 10px}.settings-button>span:last-child{display:none}.landing-layout,.game-layout{width:100%;padding:12px}.landing-layout{flex-direction:column;gap:18px;min-height:auto;display:flex}.landing-panel{padding:28px 4px 16px}.landing-panel h1{font-size:clamp(3.6rem,17.5vw,6rem)}.landing-rules{margin:25px 0 20px;font-size:.94rem}.play-button{width:100%}.live-unavailable{grid-template-columns:1fr}.live-unavailable button{width:100%}.landing-proof{margin-top:36px}.landing-layout .stage-shell{width:100%;height:min(72svh,650px);min-height:520px;transform:none}.game-layout{flex-direction:column;height:auto;min-height:calc(100dvh - 64px);display:flex}.game-layout .stage-shell{flex:none;grid-template-rows:42px auto minmax(0,1fr) 36px;width:100%;height:calc(100dvh - 88px);min-height:560px}.run-sidebar{width:100%;overflow:visible}.stage-shell{border-radius:17px;grid-template-rows:42px minmax(0,1fr) 36px}.stage-header,.stage-footer{padding-inline:11px;font-size:.55rem}.stage-footer{gap:10px}.stage-footer strong{text-overflow:ellipsis;white-space:nowrap;max-width:94px;overflow:hidden}.run-hud{grid-template-columns:1fr 1fr;gap:5px;padding:7px 8px}.metric{padding:6px 8px}.metric>strong{font-size:.88rem}.metric>small{margin-left:4px;display:inline}.direction-pad{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px);bottom:12px;right:12px}.direction-pad button{min-width:54px;min-height:54px}.settings-panel{height:min(92dvh,760px);padding:24px 18px max(22px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin-top:auto}.canvas-wrap[data-controls]{grid-template-rows:minmax(0,1fr) 73px;display:grid}.canvas-wrap[data-controls] .course-canvas{grid-area:1/1;min-height:0}.canvas-wrap[data-controls] .direction-pad{border-top:1px solid var(--line-dark);filter:none;background:#0a1b22;grid-area:2/1;grid-template-rows:54px;grid-template-columns:repeat(4,54px);place-content:center;gap:6px;width:100%;height:73px;padding:9px;position:relative;bottom:auto;right:auto}.canvas-wrap[data-controls] .dpad-left{grid-area:1/1}.canvas-wrap[data-controls] .dpad-up{grid-area:1/2}.canvas-wrap[data-controls] .dpad-down{grid-area:1/3}.canvas-wrap[data-controls] .dpad-right{grid-area:1/4}.canvas-wrap[data-controls] .dpad-center{display:none}}@media (width<=420px){.brand>span:last-child{display:none}.event-chip{justify-self:start}.landing-proof{grid-template-columns:1fr 1fr}.landing-proof div:last-child{grid-column:1/-1}.challenge-card{grid-template-columns:1fr}.challenge-actions{grid-column:1;justify-content:stretch}.challenge-actions button{flex:1 1 0}.landing-panel[data-challenge-active=true]{padding-top:12px}.landing-panel[data-challenge-active=true] .eyebrow{margin-bottom:6px}.landing-panel[data-challenge-active=true] h1{font-size:clamp(3rem,15vw,3.7rem)}.landing-panel[data-challenge-active=true] .landing-rules{gap:2px;margin:14px 0 10px;font-size:.82rem}.landing-panel[data-challenge-active=true] .mobile-input-lead{gap:6px;margin:-2px 0 10px;font-size:.68rem}.landing-panel[data-challenge-active=true] .mobile-input-lead>span{width:26px;height:26px;font-size:.86rem}.landing-panel[data-challenge-active=true] .landing-proof,.landing-panel[data-challenge-active=true] .landing-note{display:none}.challenge-card[data-active=true]{gap:5px;margin-top:9px;padding:8px}.challenge-card[data-active=true] .challenge-summary small{display:none}.challenge-card[data-active=true] .challenge-board{gap:1px;padding-top:4px}.challenge-card[data-active=true] .challenge-board li{min-height:21px;padding-block:1px}.challenge-card[data-active=true] .challenge-status{line-height:1.25}.death-panel{padding:22px 18px}.death-details{grid-template-columns:1fr 1fr}.death-details div:last-child{grid-column:1/-1}.death-actions{grid-template-columns:1fr}.setting-row,.setting-select{gap:12px}}@media (height<=620px) and (width>=640px){.site-header{min-height:56px;padding-block:5px}.event-notice-banner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"symbol copy timing";gap:7px;min-height:38px;padding-block:3px}.event-notice-symbol{width:24px;height:24px;font-size:.66rem}.event-notice-copy{align-items:baseline;gap:7px;display:flex}.event-notice-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-notice-timing{gap:6px;min-width:0;display:flex}.event-notice-stale{right:max(4px, env(safe-area-inset-right));font-size:.44rem;position:absolute;bottom:1px}.landing-layout{gap:18px;height:calc(100dvh - 56px);min-height:0;padding-block:8px;overflow:hidden}.landing-panel{justify-content:flex-start;padding-block:2px}.landing-panel .eyebrow{margin-bottom:6px}.landing-panel h1{font-size:clamp(2.55rem,6.2vw,3.5rem)}.landing-rules{gap:2px;margin:6px 0;font-size:.78rem;line-height:1.25}.play-button{min-height:46px;padding-block:10px}.landing-proof,.landing-note{display:none}.landing-panel:has(.challenge-card) h1{font-size:clamp(2.2rem,5.2vw,2.9rem)}.landing-panel:has(.challenge-card) .landing-rules{margin-block:4px;font-size:.7rem}.challenge-card{grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;margin-top:6px;padding:5px 7px}.challenge-card .challenge-kicker,.challenge-card .challenge-summary small,.challenge-card .challenge-board{display:none}.challenge-card .challenge-summary{align-content:center}.challenge-card .challenge-actions{grid-column:2;justify-content:flex-end}.challenge-card .challenge-actions button{min-height:44px;padding:5px 7px;font-size:.57rem}.challenge-card .challenge-owner-note{max-width:6rem;font-size:.54rem}.challenge-card .challenge-status{line-height:1.2}.landing-layout .stage-shell{height:calc(100dvh - 72px);min-height:0}.brand-mark{width:34px;height:34px}.icon-button,.settings-button{min-height:42px}.game-layout{height:calc(100dvh - 56px);min-height:480px;padding-block:8px}.direction-pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px)}.direction-pad button{min-width:44px;min-height:44px}.run-hud{grid-template-columns:1fr 1fr}}@media (height<=620px) and (width>=640px) and (width<=900px){.canvas-wrap[data-controls]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 63px;display:grid}.canvas-wrap[data-controls] .course-canvas{grid-area:1/1;min-width:0;min-height:0}.canvas-wrap[data-controls] .direction-pad{border-left:1px solid var(--line-dark);filter:none;background:#0a1b22;grid-area:1/2;grid-template-rows:repeat(4,44px);grid-template-columns:44px;place-content:center;gap:4px;width:63px;height:100%;padding:8px 9px;position:relative;inset:auto}.canvas-wrap[data-controls] .dpad-up{grid-area:1/1}.canvas-wrap[data-controls] .dpad-left{grid-area:2/1}.canvas-wrap[data-controls] .dpad-right{grid-area:3/1}.canvas-wrap[data-controls] .dpad-down{grid-area:4/1}.canvas-wrap[data-controls] .dpad-center{display:none}}:-webkit-any(:root:fullscreen,:root:-webkit-full-screen,.app-shell:fullscreen,.app-shell:-webkit-full-screen){background:var(--night);width:100%;height:100%;overflow:hidden}:is(:root:fullscreen,:root:fullscreen,.app-shell:fullscreen,.app-shell:fullscreen){background:var(--night);width:100%;height:100%;overflow:hidden}:root:fullscreen body{background:var(--night);width:100%;height:100%;overflow:hidden}:root:fullscreen #root{background:var(--night);width:100%;height:100%;overflow:hidden}:root:-webkit-full-screen body{background:var(--night);width:100%;height:100%;overflow:hidden}:root:-webkit-full-screen #root{background:var(--night);width:100%;height:100%;overflow:hidden}:root:fullscreen .app-shell{background:var(--night);width:100%;height:100%;overflow:hidden}:root:-webkit-full-screen .app-shell{background:var(--night);width:100%;height:100%;overflow:hidden}:root:fullscreen::backdrop{background:var(--night)}.app-shell:fullscreen::backdrop{background:var(--night)}@media (pointer:coarse){.control-reference .keyboard-reference{display:none}.mobile-input-lead{color:#4d3e78;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:-12px 0 24px;font-size:.76rem;font-weight:850;display:flex}.mobile-input-lead>span{border:1px dashed;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.app-shell:is([data-phase=playing],[data-phase=dead]){z-index:50;overscroll-behavior:none;background:var(--night);flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell:is([data-phase=playing],[data-phase=dead]) .event-notice-banner{flex:none}.app-shell:is([data-phase=playing],[data-phase=dead]) .canvas-wrap[data-controls]{display:block}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:not(:focus-within){clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;filter:none;border:0;gap:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset:0 auto auto 0;overflow:hidden}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within{inset:auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) auto;filter:drop-shadow(0 12px 22px #00000052);background:#07171feb;border:1px solid #fff3;border-radius:15px;grid-template-rows:48px;grid-template-columns:repeat(4,48px);place-content:center;gap:4px;width:auto;height:auto;padding:6px;position:absolute}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within button{min-width:48px;min-height:48px}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within .dpad-left{grid-area:1/1}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within .dpad-up{grid-area:1/2}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within .dpad-down{grid-area:1/3}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within .dpad-right{grid-area:1/4}.app-shell:is([data-phase=playing],[data-phase=dead]) .direction-pad:focus-within .dpad-center{display:none}.app-shell:is([data-phase=playing],[data-phase=dead]) .site-header{min-height:0;padding:max(5px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 5px max(8px, env(safe-area-inset-left));flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;top:auto}.app-shell:is([data-phase=playing],[data-phase=dead]) .brand{display:none}.app-shell:is([data-phase=playing],[data-phase=dead]) .event-chip{justify-self:start;min-width:0}.app-shell:is([data-phase=playing],[data-phase=dead]) .header-actions{justify-self:end}.app-shell:is([data-phase=playing],[data-phase=dead]) .game-layout{width:100%;height:auto;min-height:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--night);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.app-shell:is([data-phase=playing],[data-phase=dead]) .game-layout .stage-shell{grid-template-rows:42px auto minmax(0, 1fr) calc(36px + env(safe-area-inset-bottom));border:0;border-radius:0;flex:1 1 0;width:100%;height:100%;min-height:0}.app-shell:is([data-phase=playing],[data-phase=dead]) .stage-footer{padding-bottom:env(safe-area-inset-bottom)}.app-shell:is([data-phase=playing],[data-phase=dead]) .run-sidebar{display:none}}@media (pointer:coarse) and (height<=620px) and (width>=640px){.mobile-input-lead{gap:6px;margin:0;font-size:.62rem}.mobile-input-lead>span{width:24px;height:24px;font-size:.78rem}.app-shell:is([data-phase=playing],[data-phase=dead]) .site-header{padding-top:max(2px, env(safe-area-inset-top));padding-bottom:2px}.app-shell:is([data-phase=playing],[data-phase=dead]) .game-layout{padding-bottom:env(safe-area-inset-bottom)}.app-shell:is([data-phase=playing],[data-phase=dead]) .game-layout .stage-shell{grid-template-rows:auto minmax(0,1fr)}.app-shell:is([data-phase=playing],[data-phase=dead]) .stage-header,.app-shell:is([data-phase=playing],[data-phase=dead]) .stage-footer{display:none}.app-shell:is([data-phase=playing],[data-phase=dead]) .run-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px 6px}.app-shell:is([data-phase=playing],[data-phase=dead]) .metric{min-height:42px;padding:4px 6px}.app-shell:is([data-phase=playing],[data-phase=dead]) .metric>small{display:none}.death-panel{border-radius:16px;width:min(640px,100% - 20px);max-height:calc(100% - 10px);padding:10px 14px}.death-panel .eyebrow{margin-bottom:3px;font-size:.52rem;line-height:1.2}.death-panel h2{font-size:1.35rem;line-height:1}.death-distance{gap:7px;margin:8px 0}.death-distance strong{font-size:3rem;line-height:.78}.death-details div{padding:6px 8px}.death-actions{grid-template-columns:1.35fr .8fr;margin-top:8px}.retry-button,.share-button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.study-gate{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--night);color:var(--paper);place-items:center;display:grid}.study-gate>section{background:#0d242ceb;border:1px solid #ffffff24;border-radius:24px;width:min(100%,560px);padding:clamp(24px,6vw,48px)}.study-gate h1{margin:8px 0 14px;font-size:clamp(2rem,8vw,4rem);line-height:.95}
