@font-face{font-family:Whacky Joe;src:url(/fonts/Whacky_Joe.ttf) format("truetype");font-display:swap}:root{font-family:Whacky Joe,sans-serif;color:#fff1d5;background:#211d32;font-synthesis:none;--cream: #fff1d5;--mint: #c5edb3;--coral: #f8a18c;--muted: #c0b3c9;--ink: #211d32;--panel: #292338f5;--line: #61526e}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}::selection{background:transparent}#lobby-code{-webkit-user-select:text;user-select:text}#share-code::selection,#lobby-code::selection{color:var(--ink);background:var(--mint)}body{margin:0;overflow:hidden;font-size:20px}button,input,select{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:transform .12s,background .12s,box-shadow .12s}button,input,select,summary{touch-action:manipulation}button:hover{transform:translateY(-2px) rotate(-.5deg)}button:active{transform:translateY(3px);box-shadow:none}button:disabled{opacity:.5;cursor:default;transform:none}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:400}h2{font-size:clamp(38px,4vw,56px);line-height:1.1}h3{font-size:27px}.hidden{display:none!important}#game{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;outline:none}#game canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.player-names{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.player-name{position:absolute;top:0;left:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;opacity:0;transition:opacity .15s ease-out;text-shadow:0 1px 3px #211d32,0 0 2px #211d32}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#171321d9,#211d3240 46%,transparent 75%);transition:opacity .35s}body:has(#intro.hidden) .vignette{opacity:.3}.app-header{position:fixed;inset:0 0 auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:4}.app-header button{pointer-events:auto}.wordmark{padding:0;color:var(--cream);background:none;font-size:38px;text-shadow:3px 3px var(--ink)}.brand-logo{display:inline-block;width:3.72em;height:1.1em;vertical-align:middle}body:not(:has(#intro.hidden)) .wordmark{visibility:hidden}.toolbar{display:flex;gap:10px}.icon-button{background:var(--panel);border:2px solid var(--line);padding:9px 14px;min-height:44px;font-size:18px;box-shadow:0 3px #14111f}.intro{position:absolute;left:8vw;top:50%;transform:translateY(-50%);width:min(440px,43vw);animation:home-in .4s both}h1{display:flex;font-size:clamp(110px,13vw,190px);line-height:1;letter-spacing:-4px;text-shadow:5px 7px #14111f;margin-left:-5px}.tagline{font-size:clamp(20px,2.1vw,28px);margin:12px 0 40px;text-shadow:2px 2px var(--ink)}.mode-menu{display:grid;gap:16px;max-width:380px}.mode-button{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;min-height:74px;background:var(--mint);color:var(--ink);font-size:clamp(23px,2.23vw,32px);box-shadow:0 6px #718d70,5px 9px #14111f99;border:2px solid var(--ink);text-align:left}.mode-button.secondary{background:var(--cream);box-shadow:0 6px #aa927e,5px 9px #14111f99}.singleplayer-option{position:relative}.singleplayer-option>.mode-button{width:100%}.high-score{isolation:isolate;position:absolute;left:calc(100% + 10px);top:50%;padding:11px 16px 12px;color:var(--muted);font-size:18px;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-10px,-45%) rotate(-3deg);transform-origin:left center;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}.high-score:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#30283feb;clip-path:var(--edge-a)}.singleplayer-option:has(.mode-button:hover,.mode-button:focus-visible) .high-score{opacity:1;transform:translateY(-50%) rotate(-1deg);transition-delay:80ms}@media(max-width:700px){.high-score{left:auto;right:0;top:-8px;padding:8px 14px;font-size:16px;transform:translateY(calc(-100% + 6px)) rotate(-3deg)}.singleplayer-option:has(.mode-button:hover,.mode-button:focus-visible) .high-score{transform:translateY(-100%) rotate(-1deg)}}.button-arrow{transition:transform .16s}.mode-button:hover .button-arrow{transform:translate(5px)}footer{position:fixed;bottom:22px;left:32px;right:32px;display:flex;justify-content:space-between;color:var(--muted);font-size:16px;pointer-events:none}.eyebrow{display:block;color:var(--mint);font-size:17px}.primary,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;min-height:52px;background:var(--mint);color:var(--ink);box-shadow:0 4px #6e8a68;font-size:25px}.secondary-button{background:transparent;color:var(--cream);border:2px solid var(--line);box-shadow:0 3px #171321;justify-content:center}.text-button{background:transparent;color:var(--cream);padding:10px 12px;min-height:44px;font-size:20px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}.online-browser,.lobby-panel:not(.in-round){position:absolute;top:100px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 40px));max-height:calc(100dvh - 130px);overflow:auto;scrollbar-color:var(--line) var(--ink);padding:24px;background:var(--panel);border:2px solid var(--line);box-shadow:7px 7px #14111f99;animation:panel-in .22s both}.screen-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.screen-heading .eyebrow{margin-bottom:6px}label,.control-field{display:grid;align-content:start;gap:8px;color:var(--muted);font-size:18px}input,select{border:2px solid var(--line);border-radius:0;background:#1e192c;padding:10px 12px;min-width:0;width:100%;color:var(--cream);font-size:22px;min-height:48px}input::placeholder{color:#a99ab5;opacity:1}.identity{display:grid;grid-template-columns:110px 1fr;align-items:center;margin-bottom:18px}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:2px solid var(--line);gap:4px}.tabs button{background:transparent;color:var(--muted);padding:10px 5px;font-size:22px;border-bottom:4px solid transparent}.tabs button[aria-selected=true]{color:var(--mint);border-color:var(--mint);background:#c5edb30b}.tab-panel{padding-top:18px;min-height:220px;animation:slide-in .18s both}.tab-panel h3{margin-bottom:20px}.tab-panel .primary{width:100%;margin:18px 0 6px}.list-heading{display:flex;justify-content:space-between;align-items:baseline}#public-lobbies{display:grid;gap:10px;color:var(--muted);padding-bottom:10px}.lobby-entry{text-align:left;display:grid;grid-template-columns:1fr auto;gap:5px 20px;width:100%;padding:15px;border:2px solid var(--line);background:#352c45;color:var(--cream)}.lobby-entry strong{overflow-wrap:anywhere;font-size:25px}.lobby-entry small{grid-column:1;color:var(--muted);font-size:17px}.lobby-entry span{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--mint)}.online-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1 / -1}.network-error{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--ink);border:2px solid var(--coral);padding:12px 18px;color:var(--cream);z-index:12;font-size:19px;text-align:center}.network-error:empty{display:none}.lobby-heading h2{margin:8px 0 12px;overflow-wrap:anywhere}#lobby-details{color:var(--muted);font-size:19px;line-height:1.5;overflow-wrap:anywhere}.lobby-code-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;margin-top:12px;border-block:1px solid var(--line)}#share-code{display:block;margin-top:6px;font-size:28px;letter-spacing:2px;-webkit-user-select:all;user-select:all}.lobby-code-row .secondary-button{font-size:18px}#lobby-members{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}#lobby-members li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#352c45;overflow-wrap:anywhere}#lobby-members li>span:first-child{min-width:0}.lobby-ready{flex:0 0 18px;height:18px;background:#ed777c;clip-path:polygon(0 3px,3px 3px,3px 0,15px 0,15px 3px,18px 3px,18px 15px,15px 15px,15px 18px,3px 18px,3px 15px,0 15px);position:relative}.lobby-ready:after{content:"";position:absolute;top:7px;right:4px;bottom:7px;left:4px;background:var(--ink)}#lobby-members li[data-ready=true] .lobby-ready{background:var(--mint)}#lobby-members li[data-ready=true] .lobby-ready:after{top:4px;right:4px;bottom:4px;left:4px;clip-path:polygon(0 4px,3px 4px,3px 7px,6px 7px,6px 0,10px 0,10px 10px,3px 10px,3px 7px,0 7px)}#ready-lobby{width:100%;justify-content:center}#next-round{display:block;margin-top:18px;color:var(--mint)}.lobby-panel.in-round{display:flex;flex-direction:column;gap:12px;padding-bottom:6px;pointer-events:auto}.lobby-panel.in-round>*{flex-shrink:0}.lobby-panel.in-round button:hover,.lobby-panel.in-round button:active{transform:none}.lobby-panel.in-round .lobby-heading,.lobby-panel.in-round #next-round{display:none}.lobby-panel.in-round #leave-lobby{width:100%;min-height:44px;font-size:17px;text-decoration:none}#spectator-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:10px;background:var(--panel);border:2px solid var(--line);box-shadow:0 3px #14111f;text-align:center;font-size:18px;pointer-events:auto}#spectating-name{min-width:0;overflow-wrap:anywhere;line-height:1.2;color:var(--mint)}#spectating-name:before{content:"Watching";display:block;color:var(--muted);font-size:13px}#end-round-vote{padding:12px;background:var(--panel);border:2px solid var(--line);box-shadow:0 3px #14111f;text-align:left;font-size:18px;pointer-events:auto;overflow-wrap:anywhere}#end-round-vote .primary{font-size:19px;width:100%;margin:10px 0;min-height:44px;padding:10px;justify-content:center}#end-round-vote-status{color:var(--muted);font-size:16px}.phase-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 22px;padding:10px 20px;min-width:260px;background:var(--panel);border:2px solid var(--line);box-shadow:0 4px #14111f}#phase-label{color:var(--mint);font-size:27px}#timer{grid-row:1 / 3;grid-column:2;font-size:48px;line-height:1;min-width:50px;text-align:right}#cycle{white-space:nowrap;font-size:16px;color:var(--muted)}.roster{position:fixed;left:24px;top:110px;width:220px;z-index:3;background:var(--panel);border:2px solid var(--line)}.roster summary{cursor:pointer;padding:12px;display:flex;justify-content:space-between;gap:8px;font-size:16px}.roster summary:after{content:"+";color:var(--mint)}.roster details[open] summary:after{content:"-"}#alive-count{white-space:nowrap;color:var(--mint);margin-left:auto}#roster-list{padding:0 12px 12px;max-height:calc(100dvh - 310px);overflow:auto}.roster-row{display:flex;align-items:center;gap:9px;min-height:27px;font-size:17px}.roster-row i{width:7px;height:7px;flex-shrink:0}.roster-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row small{color:var(--mint);margin-left:auto}.roster-row.dead{opacity:.4;text-decoration:line-through}.course-hud{width:max-content;max-width:calc(100% - 48px);position:fixed;top:108px;right:24px;display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--panel);border-right:3px solid var(--mint);pointer-events:none}.course-hud strong{white-space:nowrap;flex-shrink:0;font-size:36px}.course-hud div{min-width:0;display:grid;gap:3px;font-size:16px;color:var(--muted)}#section-name{overflow-wrap:anywhere;color:var(--cream)}.bottom-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:min(740px,calc(100% - 48px));display:grid;gap:12px;pointer-events:none;z-index:3}.bottom-hud{position:relative;width:100%;display:grid;grid-template-columns:1fr 1.3fr 1.1fr;align-items:center;gap:24px;padding:16px 22px;background:var(--panel);border:2px solid var(--line);box-shadow:0 5px #14111f;pointer-events:none}.phase-copy h2{font-size:29px;margin-top:2px}.phase-copy .eyebrow{color:var(--muted);font-size:16px}.power-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:19px}.power-heading strong{color:var(--mint)}.power-track,.fog-track{height:12px;margin-top:10px;background:#151020;border:2px solid #746180;overflow:hidden}#power-fill{width:0;height:100%;background:var(--mint)}.fog-track i{display:block;height:100%;background:#c29ae9}.fog-status .power-heading strong{white-space:nowrap;color:#dbb6ff;font-size:18px}.bottom-hud[data-danger=true] .fog-track i{background:var(--coral)}.bottom-hud[data-danger=true] .fog-status strong{color:var(--coral)}.announcement{position:fixed;top:24%;left:50%;transform:translate(-50%,-50%) scale(.94);font-size:clamp(28px,4vw,48px);text-shadow:3px 4px var(--ink);text-align:center;pointer-events:none;opacity:0;transition:opacity .15s,transform .22s}.announcement.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.player-label{position:fixed;transform:translate(-50%,-100%);text-align:center;font-size:19px;color:var(--mint);text-shadow:2px 2px var(--ink);pointer-events:none}.player-label span{display:block;font-size:12px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;overflow:auto;background:#151121a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.modal{width:min(440px,100%);padding:32px;background:var(--panel);border:2px solid var(--line);box-shadow:7px 7px #100d19;text-align:center;max-height:100%;overflow:auto;animation:slide-in .22s both}.modal h2{font-size:clamp(30px,5vw,48px);overflow-wrap:anywhere;margin:15px 0 18px}.modal p{color:var(--muted);font-size:22px;line-height:1.4}.modal .primary,.modal .secondary-button{width:100%;margin-top:18px}.modal .text-button{margin-top:18px}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;padding:20px 0;border-block:2px solid var(--line)}.result-stats b{display:block;color:var(--coral);font-size:clamp(17px,5vw,30px);letter-spacing:-1px}.result-stats span{color:var(--muted);font-size:16px}.online-match main:has(.lobby-panel.in-round:not(.hidden)){position:fixed;inset:124px 24px var(--hud-clearance, 144px);display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);gap:12px;pointer-events:none}.online-match main:has(.lobby-panel.in-round:not(.hidden))>.roster{position:relative;inset:auto;grid-column:1;grid-row:1 / -1;align-self:start;width:100%;max-height:100%;overflow:auto;scrollbar-color:var(--line) var(--ink);pointer-events:auto}.online-match main:has(.lobby-panel.in-round:not(.hidden)) #roster-list{max-height:none;overflow:visible}.online-match main:has(.lobby-panel.in-round:not(.hidden))>.match-sidebar{grid-column:3;grid-row:1;min-height:0;width:max-content;max-width:calc(100vw - 48px);overflow:auto;scrollbar-color:var(--line) var(--ink);display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto}.online-match main:has(.lobby-panel.in-round:not(.hidden))>.match-sidebar>*{flex-shrink:0}.online-match main:has(.lobby-panel.in-round:not(.hidden)) .course-hud{position:relative;inset:auto;max-width:100%;min-width:0;justify-self:end}.online-match .lobby-panel.in-round{width:min(280px,100%);min-width:0}.online-match .bottom-hud{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.1fr)}.online-match .phase-copy{min-width:0}.online-match #action-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slide-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes panel-in{0%{opacity:0;margin-top:12px}to{opacity:1;margin-top:0}}@keyframes home-in{0%{opacity:0;margin-left:-12px}to{opacity:1;margin-left:0}}@media(max-width:700px){.app-header{padding:16px}.wordmark{font-size:23px}.icon-button{padding:8px;font-size:14px}.toolbar{gap:6px}.intro{left:7%;width:86%}h1{font-size:clamp(70px,22vw,120px)}.tagline{font-size:24px;margin-bottom:28px}.mode-menu{max-width:340px}.mode-button{min-height:64px;font-size:clamp(20px,5.7vw,28px);padding:14px 16px;gap:12px}.vignette{background:linear-gradient(0deg,#171321ed,#211d3280 60%,transparent)}footer{left:20px;right:20px;bottom:16px}.online-browser,.lobby-panel:not(.in-round){top:82px;max-height:calc(100dvh - 105px);width:calc(100% - 28px);padding:20px}.screen-heading{margin-bottom:18px;gap:8px;align-items:flex-start}.screen-heading h2{font-size:clamp(24px,6.5vw,36px)}.screen-heading .eyebrow{font-size:12px}.screen-heading .text-button{font-size:16px;padding:4px}.identity{grid-template-columns:85px 1fr}.tabs button{font-size:clamp(12px,3.8vw,18px)}.phase-hud{top:76px;min-width:240px;padding:7px 14px}#phase-label{font-size:24px}#timer{font-size:40px}.roster{top:175px;left:12px;width:155px}.roster summary{font-size:13px;padding:9px;gap:5px}#roster-list{max-height:calc(100dvh - 380px)}.course-hud{top:175px;right:12px;padding:6px 10px;gap:8px;max-width:calc(100% - 191px);flex-direction:column;align-items:flex-start}.course-hud strong{font-size:28px}.course-hud div{font-size:11px;max-width:100%}.bottom-dock{bottom:14px;width:calc(100% - 24px)}.bottom-hud{gap:12px;padding:12px;grid-template-columns:1fr 1.2fr}.fog-status{grid-column:1 / -1;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:9px}.fog-track{margin-top:0;height:9px}.fog-status .power-heading,.fog-status .power-heading strong{font-size:13px}.phase-copy h2{font-size:25px}.announcement{top:55%;width:90%;font-size:22px}input,select{font-size:18px}.online-fields label,.online-fields .control-field{align-content:start}.online-match main:has(.lobby-panel.in-round:not(.hidden)){inset:175px 12px var(--hud-clearance, 156px);grid-template-columns:minmax(0,155px) minmax(0,1fr);gap:12px}.online-match main:has(.lobby-panel.in-round:not(.hidden))>.match-sidebar{grid-column:2;width:100%;max-width:100%}.online-match .bottom-hud{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}#spectator-controls,#end-round-vote{padding:8px;font-size:16px}#end-round-vote .primary{font-size:16px}#lobby-members{grid-template-columns:1fr}.modal{padding:20px}.modal p{font-size:18px}.modal .primary,.modal .secondary-button{font-size:clamp(17px,5vw,23px);padding:12px 14px;gap:8px}.result-stats b{font-size:clamp(17px,5vw,24px)}.result-stats span{font-size:clamp(10px,3vw,14px)}#share-code{font-size:clamp(15px,4.5vw,24px);letter-spacing:0}.lobby-code-row .secondary-button{font-size:15px;padding:10px}}@media(max-height:550px)and (min-width:701px){.intro{top:50%;width:45%}h1{font-size:105px}.tagline{margin:4px 0 20px;font-size:22px}.mode-menu{gap:12px;max-width:300px}.mode-button{min-height:52px;padding:8px 18px;font-size:26px}.app-header{padding:14px 24px}.online-browser,.lobby-panel:not(.in-round){top:76px;max-height:calc(100dvh - 92px)}.bottom-dock{bottom:12px}.bottom-hud{padding:10px 18px}.online-match main:has(.lobby-panel.in-round:not(.hidden)){top:124px;bottom:var(--hud-clearance, 112px);grid-template-columns:minmax(0,190px) minmax(0,1fr) auto}footer{bottom:12px}}@media(min-width:701px)and (max-width:1000px){.online-match .roster summary{font-size:11px;padding:8px;gap:4px}}@media(max-width:700px)and (max-height:650px){h1{font-size:22vw}.tagline{margin-bottom:20px;font-size:21px}.mode-button{min-height:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--edge-a: polygon( 0 9px, 7px 9px, 7px 3px, 24% 3px, 24% 0, 57% 0, 57% 3px, calc(100% - 12px) 3px, calc(100% - 12px) 7px, 100% 7px, 100% 43%, calc(100% - 3px) 43%, calc(100% - 3px) calc(100% - 8px) , calc(100% - 10px) calc(100% - 8px) , calc(100% - 10px) 100%, 68% 100%, 68% calc(100% - 3px) , 34% calc(100% - 3px) , 34% 100%, 5px 100%, 5px calc(100% - 9px) , 0 calc(100% - 9px) , 0 64%, 3px 64%, 3px 30%, 0 30% );--edge-b: polygon( 0 7px, 5px 7px, 5px 0, 28% 0, 28% 3px, 61% 3px, 61% 0, calc(100% - 8px) 0, calc(100% - 8px) 9px, 100% 9px, 100% 48%, calc(100% - 3px) 48%, calc(100% - 3px) calc(100% - 5px) , calc(100% - 13px) calc(100% - 5px) , calc(100% - 13px) 100%, 72% 100%, 72% calc(100% - 3px) , 31% calc(100% - 3px) , 31% 100%, 8px 100%, 8px calc(100% - 6px) , 0 calc(100% - 6px) , 0 68%, 3px 68%, 3px 34%, 0 34% );--edge-c: polygon( 0 10px, 8px 10px, 8px 3px, 21% 3px, 21% 0, 54% 0, 54% 3px, calc(100% - 10px) 3px, calc(100% - 10px) 6px, 100% 6px, 100% 39%, calc(100% - 3px) 39%, calc(100% - 3px) calc(100% - 9px) , calc(100% - 7px) calc(100% - 9px) , calc(100% - 7px) 100%, 65% 100%, 65% calc(100% - 3px) , 38% calc(100% - 3px) , 38% 100%, 6px 100%, 6px calc(100% - 11px) , 0 calc(100% - 11px) , 0 60%, 3px 60%, 3px 26%, 0 26% )}button:focus-visible{outline:none;filter:drop-shadow(1px 0 0 #fff1d580) drop-shadow(-1px 0 0 #fff1d580) drop-shadow(0 1px 0 #fff1d580) drop-shadow(0 -1px 0 #fff1d580)}button.text-button:focus-visible,button[role=tab]:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(forced-colors:active){button:focus-visible{outline:2px solid ButtonText;outline-offset:3px}}.mode-button,.mode-button.secondary,.primary,.secondary-button,.icon-button,.lobby-entry,.phase-hud,.roster,.course-hud,.bottom-hud,.online-browser,.lobby-panel:not(.in-round),.modal,.network-error,#spectator-controls,#end-round-vote{--paper: #30283f;--paper-shadow: #151020;isolation:isolate;background:transparent;border-color:transparent;box-shadow:none}.mode-button,.primary,.secondary-button,.icon-button,.lobby-entry,.modal,#spectator-controls,#end-round-vote{position:relative}:is(.mode-button,.primary,.secondary-button,.icon-button,.lobby-entry,.phase-hud,.roster,.course-hud,.bottom-hud,.online-browser,.lobby-panel:not(.in-round),.modal,.network-error,#spectator-controls,#end-round-vote):before,:is(.mode-button,.primary,.secondary-button,.icon-button,.lobby-entry,.phase-hud,.roster,.course-hud,.bottom-hud,.online-browser,.lobby-panel:not(.in-round),.modal,.network-error,#spectator-controls,#end-round-vote):after{content:"";position:absolute;top:0;right:3px;bottom:5px;left:0;pointer-events:none;clip-path:var(--edge-a);animation:paper-boil 1.8s steps(1,end) infinite}:is(.mode-button,.primary,.secondary-button,.icon-button,.lobby-entry,.phase-hud,.roster,.course-hud,.bottom-hud,.online-browser,.lobby-panel:not(.in-round),.modal,.network-error,#spectator-controls,#end-round-vote):before{z-index:-2;background:var(--paper-shadow);translate:3px 5px}:is(.mode-button,.primary,.secondary-button,.icon-button,.lobby-entry,.phase-hud,.roster,.course-hud,.bottom-hud,.online-browser,.lobby-panel:not(.in-round),.modal,.network-error,#spectator-controls,#end-round-vote):after{z-index:-1;background:var(--paper)}.mode-button,.primary{--paper: var(--mint);--paper-shadow: #6f8d65}.mode-button.secondary{--paper: var(--cream);--paper-shadow: #a58c73}#how-to{--paper: var(--coral);--paper-shadow: #ac695b}.mode-button:before,.mode-button:after{rotate:-1deg}.mode-button.secondary:before,.mode-button.secondary:after{rotate:.8deg;animation-delay:-.6s}.mode-button:hover:after,.primary:hover:after{filter:brightness(1.07)}.mode-button:active:before,.primary:active:before,.icon-button:active:before{translate:1px 1px}.secondary-button,.icon-button,.lobby-entry{--paper: #433650}.phase-hud{--paper: #3e334b;--paper-shadow: #897295}.phase-hud:before,.phase-hud:after{animation-delay:-.4s}.roster:before,.roster:after{animation-delay:-1.2s}.course-hud{--paper-shadow: #7e9b75}.course-hud:before,.course-hud:after{animation-delay:-.8s}.bottom-hud:before,.bottom-hud:after{animation-duration:2.4s}.network-error{--paper-shadow: var(--coral)}.online-browser,.lobby-panel:not(.in-round),.online-match .roster,.modal{background:var(--paper);clip-path:var(--edge-a)}:is(.online-browser,.lobby-panel:not(.in-round),.online-match .roster,.modal):before,:is(.online-browser,.lobby-panel:not(.in-round),.online-match .roster,.modal):after{display:none}.power-track,.fog-track{border-color:transparent;background:#171121;clip-path:polygon(0 2px,26% 2px,26% 0,100% 0,100% calc(100% - 2px),73% calc(100% - 2px),73% 100%,0 100%)}.text-button{text-decoration-style:wavy;text-decoration-thickness:1px;text-decoration-color:#a18bae}.tabs{border-color:transparent;gap:8px}.tabs button{position:relative;border-color:transparent;border-radius:0}.tabs button[aria-selected=true]{border-color:transparent;background:transparent;box-shadow:none}.tabs button:after{content:"";position:absolute;left:10px;right:10px;bottom:1px;height:8px;pointer-events:none;background:var(--mint);clip-path:polygon(0 2px,12% 2px,12% 0,42% 0,42% 2px,72% 2px,72% 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,100% 2px,100% 6px,84% 6px,84% 8px,56% 8px,56% 6px,24% 6px,24% 8px,4px 8px,4px 6px,0 6px);transform:scaleX(0);transform-origin:12% center;transition:transform .16s steps(4,end)}.tabs button[aria-selected=true]:after{transform:scaleX(1)}.field-surface{position:relative;isolation:isolate;display:block;min-width:0;--field-edge: #8b7599;--field-fill: #1b1728}.field-surface:before,.field-surface:after{content:"";position:absolute;pointer-events:none}.field-surface:before{z-index:-2;top:0;right:0;bottom:0;left:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 50' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cpath d='M2 6H48V3H84V6H132V3H178V9H179V42H178V45H126V47H78V44H2V41H1V12H2Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 50' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cpath d='M2 6H48V3H84V6H132V3H178V9H179V42H178V45H126V47H78V44H2V41H1V12H2Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--field-fill);box-shadow:inset 0 3px #100d1a80}.field-surface:after{z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--field-edge);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 50' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cpath d='M2 6H48V3H84V6H132V3H178V9H179V42H178V45H126V47H78V44H2V41H1V12H2Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 50' preserveAspectRatio='none' shape-rendering='crispEdges'%3E%3Cpath d='M2 6H48V3H84V6H132V3H178V9H179V42H178V45H126V47H78V44H2V41H1V12H2Z' fill='none' stroke='black' stroke-width='3' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background .14s}.field-surface:focus-within{--field-edge: var(--mint);--field-fill: #272236}.field-surface input,.field-surface select{cursor:pointer;border-color:transparent;border-radius:0;background:transparent;box-shadow:none;caret-color:var(--mint)}.field-surface :focus-visible{outline:none}.result-stats{border-color:#786384;border-style:dashed}.lobby-code-row{border:0;padding:16px;background:#352c45;clip-path:var(--edge-b)}.dropdown-trigger{width:100%;min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--cream);font-size:22px;text-align:left}.dropdown-trigger:after{content:"↓";color:var(--mint)}.dropdown-trigger[aria-expanded=true]:after{content:"↑"}.custom-dropdown:focus-within{z-index:5}.dropdown-options{position:absolute;top:100%;left:0;right:0;z-index:5;padding:12px;margin:6px 3px;isolation:isolate;filter:drop-shadow(3px 4px 0 #14111f)}.dropdown-options:before,.dropdown-options:after{content:"";position:absolute;pointer-events:none;clip-path:var(--edge-b)}.dropdown-options:before{top:0;right:0;bottom:0;left:0;background:#8b7599;z-index:-2}.dropdown-options:after{top:3px;right:3px;bottom:3px;left:3px;background:var(--ink);z-index:-1}.dropdown-options button{position:relative;isolation:isolate;display:block;width:100%;min-height:44px;padding:10px 12px;background:transparent;color:var(--cream);text-align:left;font-size:22px}.dropdown-options button:after{content:"";position:absolute;top:1px;right:0;bottom:1px;left:0;z-index:-1;clip-path:var(--edge-a);background:transparent}.dropdown-options button[aria-selected=true]{color:var(--mint)}.dropdown-options button[aria-selected=true]:after{background:#352c45}.dropdown-options button[aria-selected=true]:before{content:"> "}.dropdown-options button:hover,.dropdown-options button:focus-visible{color:var(--ink)}.dropdown-options button:hover:after,.dropdown-options button:focus-visible:after{background:var(--mint)}#lobby-capacity-options{display:grid;min-width:180px;left:auto;width:calc(100% - 6px);grid-template-columns:repeat(5,minmax(0,1fr))}#lobby-capacity-options button{text-align:center;padding:8px 0}#lobby-capacity-options button:before{content:none}.dropdown-trigger:hover,.dropdown-trigger:active,.dropdown-options button:hover,.dropdown-options button:active{transform:none}@media(max-width:700px){.dropdown-trigger,.dropdown-options button{font-size:18px}.dropdown-trigger{gap:4px;padding-inline:10px;font-size:16px}}#lobby-members li{clip-path:var(--edge-a)}@keyframes paper-boil{0%,to{clip-path:var(--edge-a)}33%{clip-path:var(--edge-b)}66%{clip-path:var(--edge-c)}}@media(prefers-reduced-motion:reduce){*:before,*:after{animation:none!important}}.lobby-panel.showing-summary:not(.in-round){width:min(820px,calc(100% - 32px));padding:28px;display:flex;flex-direction:column;gap:18px;overflow:auto}.showing-summary .lobby-heading{display:none}.showing-summary #round-summary{order:-1;margin:0;min-width:0;min-height:180px;display:flex;flex-direction:column}.summary-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:16px;margin:0 4px 20px;flex-shrink:0}.summary-topline>span:last-child{white-space:nowrap}.summary-topline .eyebrow{color:var(--cream)}.summary-hero{display:flex;align-items:center;gap:24px;padding:22px 26px;background:var(--mint);color:var(--ink);clip-path:var(--edge-b);flex-shrink:0}.summary-headline{min-width:0}.summary-hero .eyebrow{color:#43563e}#summary-title{overflow-wrap:anywhere;margin:8px 0;font-size:clamp(28px,3.5vw,44px);line-height:1.08}#summary-reason{margin:0;color:#43563e;font-size:18px;line-height:1.4}.summary-emblem{position:relative;flex:0 0 94px;height:106px;display:grid;place-items:center;background:var(--ink);color:var(--cream);clip-path:polygon(0 0,27% 17%,50% 0,73% 17%,100% 0,91% 78%,50% 100%,9% 78%);rotate:-6deg;font-size:66px}.summary-emblem span{padding-top:6px}[data-outcome=draw] .summary-hero{background:var(--cream)}[data-outcome=draw] .summary-emblem span{font-size:0}[data-outcome=draw] .summary-emblem span:after{content:"=";font-size:60px}#summary-personal{padding:16px 4px;color:var(--mint);font-size:18px;line-height:1.5;flex-shrink:0}.summary-scorecard{background:#261f33;padding:0 12px 8px;display:flex;flex-direction:column;min-height:100px}.summary-columns,#summary-results .summary-row{display:grid;grid-template-columns:56px minmax(0,1fr) 100px 72px;align-items:center;gap:12px}.summary-columns{padding:16px 12px 12px;color:var(--muted);font-size:14px;border-bottom:2px dashed var(--line);flex-shrink:0}.summary-columns span:first-child{grid-column:span 2}.summary-columns span:not(:first-child),.summary-distance,.summary-throws{text-align:right;font-variant-numeric:tabular-nums}#summary-results{list-style:none;overflow:auto;margin:6px 0 0;max-height:280px;padding:0 4px;scrollbar-gutter:stable;scrollbar-width:thin;min-height:50px}#summary-results .summary-row{overflow-wrap:anywhere;padding:13px 8px;border-bottom:1px solid #4a3c58}#summary-results .summary-row:last-child{border-bottom:0}.summary-rank{font-size:28px;color:var(--muted);white-space:nowrap}.summary-distance,.summary-throws{white-space:nowrap}.summary-identity{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}.summary-name{overflow-wrap:anywhere;min-width:0}.summary-status{width:100%;color:var(--muted);font-size:14px}.summary-you{padding:3px 6px;color:var(--ink);background:var(--mint);font-size:12px;clip-path:polygon(0 2px,100% 0,100% calc(100% - 2px),0 100%)}.summary-row[data-winner=true] .summary-rank,.summary-row[data-winner=true] .summary-name{color:var(--mint)}.summary-row[data-you=true]{background:#383046;box-shadow:inset 3px 0 var(--mint)}.summary-throws{color:var(--muted)}.showing-summary #next-round{flex-shrink:0;margin:0;padding:18px;text-align:center;font-size:23px;background:#42364e;clip-path:var(--edge-a)}.showing-summary #leave-lobby{flex-shrink:0;align-self:center;min-height:44px;padding-inline:28px;font-size:18px}@media(max-width:600px){.lobby-panel.showing-summary:not(.in-round){padding:18px 12px;gap:12px}.summary-topline{font-size:12px;margin-bottom:14px}.summary-topline .eyebrow{font-size:12px}.summary-hero{padding:16px;gap:14px}.summary-emblem{flex-basis:48px;height:62px;font-size:38px}[data-outcome=draw] .summary-emblem span:after{font-size:36px}#summary-reason,#summary-personal{font-size:15px}.summary-scorecard{padding-inline:4px}.summary-columns,#summary-results .summary-row{grid-template-columns:38px minmax(0,1fr) 62px 42px;gap:6px;font-size:14px}.summary-columns{padding-inline:8px;font-size:9px}.summary-rank{font-size:16px}.summary-status{font-size:12px}.showing-summary #next-round{font-size:19px;padding:14px}}@media(max-width:360px){.summary-emblem{display:none}#summary-title{font-size:26px}.summary-hero .eyebrow{font-size:12px}#summary-personal{padding-block:10px;font-size:13px}}@media(max-height:600px){.showing-summary #round-summary{flex-shrink:0}#summary-results{max-height:180px}}@media(any-hover:hover)and (any-pointer:fine){html.custom-cursor-active,html.custom-cursor-active *{cursor:none!important}}.cursor-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;overflow:hidden;contain:strict}.pixel-cursor{--cursor-color: var(--cream);position:absolute;top:0;left:0;width:30px;height:36px;will-change:transform}.pixel-cursor[hidden]{display:none}.cursor-arrow{display:block;overflow:visible;filter:drop-shadow(2px 2px 0 #15102080)}.cursor-outline{fill:var(--ink)}.cursor-fill{fill:var(--cursor-color)}.cursor-shine{fill:#fff9ed}.cursor-glint{position:absolute;left:23px;top:1px;width:10px;height:10px;background:var(--cursor-color);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);animation:cursor-twinkle 1.4s steps(1,end) infinite}.pixel-cursor[data-mode=hover]{--cursor-color: var(--mint)}.pixel-cursor[data-mode=hover] .cursor-glint{width:14px;height:14px;animation-duration:.65s}.pixel-cursor.is-pressed{--cursor-color: var(--coral)}.pixel-cursor.is-pressed .cursor-glint{visibility:hidden}.cursor-reticle,.cursor-charge,.cursor-blocked,.pixel-cursor[data-mode=aim] .cursor-arrow,.pixel-cursor[data-mode=aim] .cursor-glint{display:none}.pixel-cursor[data-mode=aim] .cursor-reticle{display:block;position:absolute;inset:-15px auto auto -15px;width:30px;height:30px;color:var(--mint);filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink))}.cursor-reticle i{position:absolute;width:8px;height:8px;border:2px solid currentColor}.cursor-reticle i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.cursor-reticle i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.cursor-reticle i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.cursor-reticle i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.cursor-reticle b{position:absolute;left:13px;top:13px;width:4px;height:4px;background:var(--cream)}.pixel-cursor.is-charging .cursor-reticle{color:var(--coral);animation:cursor-charge-pulse .5s steps(2,end) infinite}.pixel-cursor.is-charging .cursor-charge{display:block;position:absolute;top:23px;left:-17px;width:34px;height:8px;padding:2px;background:var(--ink);box-shadow:0 2px #15102080}.cursor-charge i{display:block;height:4px;background:var(--coral);transform:scaleX(var(--cursor-power, 0));transform-origin:left}.pixel-cursor[data-mode=disabled]{--cursor-color: var(--muted)}.pixel-cursor[data-mode=disabled] .cursor-glint{display:none}.pixel-cursor[data-mode=disabled] .cursor-blocked{display:block;position:absolute;left:17px;top:20px;width:12px;height:6px;background:var(--coral);border:2px solid var(--ink)}.cursor-spark{position:absolute;width:4px;height:4px;box-shadow:2px 2px #211d3280}.cursor-spark.is-burst:nth-child(odd){background:var(--coral)!important}@keyframes cursor-twinkle{0%,to{opacity:.4;translate:0 2px}40%{opacity:1;translate:0 0}70%{opacity:.7;translate:2px 0}}@keyframes cursor-charge-pulse{0%,to{opacity:1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.pixel-cursor *{animation:none!important}}.scene-effects{position:fixed;top:0;right:-20%;bottom:0;left:-20%;z-index:100;pointer-events:none;opacity:0;background:linear-gradient(90deg,#211d32 0,#211d32 87%,#61526e 87%,#61526e 93%,#c5edb3 93%,#c5edb3 97%,#fff1d5 97%)}.start-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:radial-gradient(ellipse at center,#211d3210 15%,#211d3280)}.start-countdown[hidden]{display:none}.start-countdown:before{content:"";position:absolute;width:min(65vw,42vh,360px);aspect-ratio:1;border:2px solid #c5edb366;border-radius:50%;box-shadow:0 0 0 16px #c5edb309,0 0 0 18px #c5edb322,0 0 90px #c5edb31a;transform:translateY(-20px)}.countdown-number{font-size:clamp(120px,min(34vw,38vh),310px);line-height:1;color:var(--cream);transform:rotate(-3deg);-webkit-text-stroke:2px var(--ink);text-shadow:0 8px 0 #61526e,0 15px 0 var(--ink),0 22px 45px #0008}.countdown-caption{margin-top:25px;padding:8px 18px;font-size:clamp(16px,3vw,25px);color:var(--mint);background:#211d32e8;border:1px solid #c5edb344;border-radius:4px;transform:rotate(-2deg)}.start-countdown[data-beat=go] .countdown-number{color:var(--mint)}@media(prefers-reduced-motion:reduce){.countdown-number,.countdown-caption{transform:none}}.tutorial{position:fixed;z-index:8;bottom:24px;left:50%;transform:translate(-50%);width:min(820px,calc(100% - 40px));padding:22px 28px 18px;isolation:isolate;filter:drop-shadow(0 8px 0 #151020a6)}.tutorial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,#393048,#282235 75%);clip-path:var(--edge-a);border-top:3px solid #897599}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--mint);font-size:11px}.tutorial-status{color:var(--muted);font-size:9px;display:flex;align-items:center;gap:8px}.tutorial-status:before{content:"";width:6px;height:6px;background:var(--mint);box-shadow:0 0 10px #c5edb344}.tutorial[data-paused=true] .tutorial-status:before{background:var(--coral)}.tutorial-lesson{display:flex;gap:20px;margin:18px 0 16px}.tutorial-number{display:grid;place-items:center;flex:0 0 64px;align-self:flex-start;height:64px;background:var(--mint);color:var(--ink);font-size:27px;clip-path:var(--edge-b);transform:rotate(-4deg)}.tutorial-copy{flex:1;min-width:0}.tutorial h2{font-size:28px;line-height:1.2;margin:0 0 8px}.tutorial p{color:#d6ccdf;font-size:14px;line-height:1.5;min-height:63px;max-width:620px}.tutorial kbd{font:inherit;display:inline-block;white-space:nowrap;text-align:center;color:var(--cream);border:1px solid #8b799b;background:#443950;padding:3px 9px;border-radius:3px;box-shadow:0 3px #181222}.tutorial-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:9px;color:#a99ab7;margin:4px 0 20px}.tutorial-timeline span{position:relative;padding-top:12px;transition:color .2s}.tutorial-timeline span:before,.tutorial-timeline span:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#554660}.tutorial-timeline span:after{background:var(--mint);transform:scaleX(var(--step-progress, 0));transform-origin:left}.tutorial-timeline .visited{color:#bdc8b8}.tutorial-timeline .current{color:var(--mint)}.tutorial-controls{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.tutorial-controls button{font-size:11px;min-height:46px;padding:12px 16px;justify-content:center;text-align:center}#tutorial-back{justify-self:end}@media(max-width:600px),(max-height:500px){.tutorial{bottom:12px;width:calc(100% - 24px);padding:16px}.tutorial-heading{font-size:9px}.tutorial-status{font-size:7px;gap:4px}.tutorial-lesson{gap:10px;margin:14px 0 12px}.tutorial-number{flex-basis:38px;height:40px;font-size:17px}.tutorial h2{font-size:19px;margin-bottom:6px}.tutorial p{font-size:11px;line-height:1.4;min-height:55px}.tutorial kbd{padding:2px 6px}.tutorial-timeline{font-size:7px;gap:5px}.tutorial-controls{grid-template-columns:1fr 1fr;gap:8px}.tutorial-controls button{font-size:10px;min-height:40px;padding:8px}#tutorial-back{justify-self:stretch}}@media(max-height:500px)and (min-width:601px){.tutorial{left:auto;right:16px;transform:none;width:370px;padding:14px 18px}.tutorial p{min-height:62px}.tutorial-controls{grid-template-columns:auto auto 1fr auto;gap:6px}.tutorial-controls button{font-size:8px;padding:7px}#tutorial-back{max-width:70px}.tutorial-status{font-size:8px}}.credits{position:fixed;top:90px;right:3vw;bottom:28px;left:7vw;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);align-items:center;gap:12px}.credits-copy{padding:20px 0}#music-roll{position:relative;align-self:stretch;min-width:0;min-height:0;overflow:hidden}#music-roll canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.music-roll-caption{position:absolute;left:0;right:0;bottom:7%;text-align:center;pointer-events:none}.music-roll-status{color:var(--muted);font-size:11px;margin-bottom:12px}.music-roll-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:12px}.music-roll-legend span{color:var(--part-color);opacity:.65}.music-roll-legend span:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;margin-right:7px}.music-roll-legend .is-playing{opacity:1;text-shadow:0 0 3px var(--part-color)}body:has(#credits:not(.hidden)) .vignette{opacity:0}.credits-eyebrow{color:var(--mint);font-size:12px;line-height:1.6}.credits h2{font-size:clamp(48px,6vw,82px);margin:12px 0 30px;text-shadow:4px 5px #14111f}.credits h2 span{display:inline-block;color:var(--coral);font-size:.5em;vertical-align:top;margin-left:12px;animation:credits-twinkle 2s steps(3) infinite}.credits h2 span svg{display:block;width:1em;height:1em}.credits-list{margin:0 0 34px}.credits-list>div{margin-bottom:24px;padding-left:18px;border-left:4px solid var(--coral)}.credits-list>div:nth-child(2){border-color:var(--mint)}.credits-list>div:nth-child(3){border-color:#baa1d5}.credits dt{color:var(--muted);font-size:16px;margin-bottom:8px}.credits dd{margin:0;font-size:clamp(19px,2vw,27px);line-height:1.4}.credits a{color:inherit;text-decoration-thickness:2px;text-underline-offset:5px}.credits a:hover{color:var(--mint)}#credits-back{font-size:20px;min-height:56px;padding:12px 22px}@keyframes credits-twinkle{50%{transform:rotate(20deg) scale(.8)}}@media(max-width:700px)and (min-height:551px){.credits{top:76px;right:16px;bottom:14px;left:16px;grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) auto;gap:0}.credits-copy{grid-row:2;padding:0 8px}#music-roll{grid-row:1}.music-roll-caption{bottom:4px}.music-roll-status{display:none}#music-roll[data-state=error] .music-roll-status{display:block}.music-roll-legend{font-size:8px;gap:6px 10px}.credits-eyebrow{font-size:9px}.credits h2{font-size:36px;margin:4px 0 12px}.credits-list{margin-bottom:14px}.credits-list>div{margin-bottom:12px;padding-left:12px}.credits dt{font-size:12px;margin-bottom:3px}.credits dd{font-size:17px}#credits-back{font-size:17px;min-height:44px;padding:8px 16px}}@media(max-height:550px){.credits{top:72px;right:20px;bottom:12px;left:20px;grid-template-columns:minmax(240px,1fr) minmax(0,1.2fr)}.credits-copy{padding:0}.credits-eyebrow{font-size:9px}.credits h2{font-size:36px;margin:4px 0 12px}.credits-list{margin-bottom:12px}.credits-list>div{margin-bottom:10px}.credits dt{font-size:12px;margin-bottom:2px}.credits dd{font-size:17px}#credits-back{min-height:44px;padding:8px 16px;font-size:17px}.intro .tagline{margin-bottom:12px;font-size:16px;line-height:1.3}.intro h1{font-size:70px}.intro .mode-menu{gap:10px}.intro .mode-button{min-height:44px;font-size:20px;line-height:1.2;padding-top:6px;padding-bottom:6px}}@media(prefers-reduced-motion:reduce){.credits h2 span{animation:none}}#settings-menu{z-index:120;padding:16px}.settings-dialog{color:var(--cream)}.volume-control{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0;text-align:left}.volume-control label{color:var(--cream);font-size:22px}.volume-control output{color:var(--mint);font-variant-numeric:tabular-nums}.volume-control input{--slider-color: var(--mint);--slider-track: repeating-linear-gradient(90deg, transparent 0 17px, #211d3255 17px 20px), linear-gradient( 90deg, var(--slider-color) 0 var(--volume-fill), #171121 var(--volume-fill) 100% );-moz-appearance:none;appearance:none;-webkit-appearance:none;grid-column:1 / -1;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent}.volume-control input::-webkit-slider-runnable-track{height:16px;border:3px solid var(--ink);border-radius:0;background:var(--slider-track);box-shadow:0 4px #100d19}.volume-control input::-moz-range-track{height:10px;border:3px solid var(--ink);border-radius:0;background:var(--slider-track);box-shadow:0 4px #100d19}.volume-control input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:32px;margin-top:-11px;border:4px solid var(--ink);border-radius:0;background:var(--cream);box-shadow:inset 0 4px #fff9ea,inset -4px -5px var(--coral);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}.volume-control input::-moz-range-thumb{width:20px;height:24px;border:4px solid var(--ink);border-radius:0;background:var(--cream);box-shadow:inset 0 4px #fff9ea,inset -4px -5px var(--coral);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}.volume-control input:is(:hover,:active){--slider-color: var(--coral)}.volume-control input:focus-visible{outline:3px dashed var(--cream);outline-offset:4px}.toast-stack{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:110;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 32px));max-height:min(440px,calc(100dvh - 100px));padding:6px;overflow-y:auto;pointer-events:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.toast{--toast-accent: var(--mint);position:relative;flex:none;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;padding:17px 16px 20px;color:var(--cream);background:var(--ink);border:3px solid var(--toast-accent);box-shadow:4px 4px #100d19;text-align:left;font-size:19px;line-height:1.25;pointer-events:auto;animation:toast-in .18s steps(4,end) both}.toast[data-kind=left]{--toast-accent: var(--muted)}.toast[data-kind=eliminated]{--toast-accent: var(--coral)}.toast-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--ink);background:var(--toast-accent);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);font-size:26px}.toast-message{overflow-wrap:anywhere}.toast-close{color:var(--toast-accent);font-family:sans-serif;font-size:20px}.toast-timed:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--toast-accent);transform-origin:left;animation:toast-timer var(--toast-duration) linear forwards}.toast:hover{background:#352c46}.toast-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:111;overflow:hidden;pointer-events:none}.toast-particle{position:absolute;top:0;left:0;width:var(--particle-size);height:var(--particle-size);background:var(--particle-color);box-shadow:2px 2px var(--ink);will-change:transform}.toast-particle:nth-child(3n){background:var(--cream)}@keyframes toast-in{0%{opacity:0;translate:16px 0}to{opacity:1;translate:0 0}}@keyframes toast-timer{to{transform:scaleX(0)}}@media(max-width:1500px){body:has(#bottom-hud:not(.hidden)) .toast-stack{bottom:var(--hud-clearance, 144px);max-height:min(340px,calc(100dvh - var(--hud-clearance, 144px) - 100px))}}@media(prefers-reduced-motion:reduce){.toast-burst{display:none}.toast{animation:none;transition:none}.toast-timed:after{animation:none}}#app-content{display:contents}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;padding:28px;overflow:auto;background:#211d32;text-align:center}#loading-screen[hidden],#loading-screen [hidden]{display:none}.is-loading .cursor-layer{visibility:hidden}html.custom-cursor-active .is-loading #loading-screen,html.custom-cursor-active .is-loading #loading-screen *{cursor:auto!important}html.custom-cursor-active .is-loading #loading-screen button,html.custom-cursor-active .is-loading #loading-screen button *{cursor:pointer!important}.loading-card{width:min(100%,440px)}.loading-logo{display:block;width:100%;height:auto;margin:0 auto 36px;image-rendering:pixelated}#loading-title{display:block;letter-spacing:-1px;margin:12px 0;font-size:clamp(24px,5vw,32px);line-height:1.1;color:var(--muted);text-shadow:none}.loading-action{margin:24px auto;width:min(100%,320px);min-height:74px;display:grid;align-items:center}#loading-progress{height:32px;padding:5px;border:3px solid var(--cream);background:#151020;box-shadow:5px 5px #110e20}#loading-fill{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,var(--mint) 0 12px,#91ba87 12px 15px)}#loading-open,#loading-retry{width:100%}@media(max-height:500px){.loading-logo{width:min(100%,300px);margin-bottom:12px}.loading-action{margin:12px auto}}