@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#e4e7eb;background:#101214;font-synthesis:none;--acid:#ff805f;--muted:#7d838b}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:disabled{cursor:default}header{height:72px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #2b2e33}.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-size:27px;font-weight:900;letter-spacing:-.5px}.wordmark span{color:var(--acid)}.mission-heading{font-size:10px;letter-spacing:2px;color:#a0a6af;display:flex;align-items:center;gap:13px}.live-dot{width:6px;height:6px;background:var(--acid);box-shadow:0 0 12px color-mix(in srgb,var(--acid) 33%,transparent)}.toolbar{display:flex;gap:20px}.icon-btn{background:none;color:#a0a6af;border:0;font-size:11px;padding:10px 0}.icon-btn:hover{color:var(--acid)}main{max-width:1536px;margin:auto;padding:26px 36px 0}.stage{position:relative;aspect-ratio:16/9;max-height:calc(100svh - 175px);margin:auto;background:#1c1f24;overflow:hidden;box-shadow:0 0 0 1px #373b41;width:100%;container-type:inline-size}.stage canvas#game{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain;cursor:crosshair}.stage:fullscreen{max-height:none;height:100vh;display:flex;align-items:center;justify-content:center;background:#101214}.stage:fullscreen canvas#game{object-fit:contain}.scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#00000009 0,#00000009 1px,transparent 1px,transparent 4px);z-index:2}.vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 100px #090a0c55;z-index:2}.hud{position:absolute;inset:24px 26px auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:3;pointer-events:none;text-shadow:0 2px #111417}.identity{display:flex;gap:12px}.portrait{background:#191c20dd;border:1px solid #6a7789;width:64px;height:64px;image-rendering:pixelated}.name{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:25px;line-height:1;letter-spacing:1px}.role{font-size:8px;letter-spacing:1.5px;color:var(--acid);margin-top:5px}.health{margin-top:10px;display:flex;gap:5px}.health i{width:15px;height:6px;background:var(--acid);box-shadow:0 1px #000}.health i.empty{background:#4c5460}.resources{width:190px}.meter-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.meter-track{height:8px;background:#14171a;border:1px solid #6a7483}.meter-fill{height:100%;background:var(--acid);transition:width .07s linear}.reset-label{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.reset-label kbd{color:#131619;background:var(--acid);padding:3px 6px;text-shadow:none;border:0}.reset-label.spent{color:#9ea3aa}.reset-label.spent kbd{background:#4e555f}.status-mid{text-align:center;font-size:9px;letter-spacing:2px;padding-top:5px;color:#d2d6dc}.status-mid strong{display:block;font-family:Barlow Condensed,Impact,sans-serif;font-size:22px;letter-spacing:1px;margin-top:4px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;background:linear-gradient(90deg,#0b0c0eee,#0f1114d9 36%,#0f111447,#0f11140b)}.overlay[hidden],.hud[hidden]{display:none}.briefing{padding:5% 6%;max-width:650px;width:61%;animation:arrive .55s ease-out}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--acid);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--acid)}h1{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:900;font-size:clamp(65px,10.7cqw,165px);line-height:.78;letter-spacing:-.025em;margin:24px 0 23px}h1 span{display:block;color:var(--acid)}.subtitle{font-family:Barlow Condensed,Impact,sans-serif;font-size:22px;font-weight:600;letter-spacing:3px;margin:0 0 12px}.description{font-size:11px;line-height:1.8;color:#aeb3bb;max-width:340px;margin:0 0 25px}.primary{background:var(--acid);border:0;color:#14171b;padding:17px 22px;min-width:235px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:600;font-size:12px;letter-spacing:1.5px;box-shadow:4px 4px #404853;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px #404853}.primary .arrow{font-size:22px;line-height:12px}.briefing .micro{font-size:8px;letter-spacing:1.3px;color:#777e87;margin-top:18px}.build-stamp{position:absolute;right:25px;bottom:24px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#949ca8}.bottom-line{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:20px}.controls{display:flex;gap:20px;font-size:9px;color:#8f99a6;align-items:center;flex-wrap:wrap}.controls span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;font-size:9px;padding:3px 5px;border:1px solid #383f48;color:#d0d4da;border-bottom:2px solid #414954;min-width:19px;text-align:center}.level-caption{font-size:9px;color:#717881;letter-spacing:1px;white-space:nowrap}.level-caption b{color:#aeb6c1;font-weight:400}.footnote{max-width:1536px;margin:auto;padding:4px 36px 18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#4f5763}.footnote button{background:transparent;border:0;font-size:8px;color:#7a8594;padding:0}.toast{position:absolute;bottom:45px;left:50%;transform:translate(-50%);z-index:3;text-align:center;pointer-events:none;white-space:nowrap}.toast strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:32px;letter-spacing:2px;color:var(--acid);text-shadow:2px 2px #171a1f}.toast small{display:block;font-size:9px;letter-spacing:1px;color:#dbdee3;margin-top:5px;text-shadow:1px 1px #000}.touch{display:none;position:absolute;bottom:10px;inset-inline:10px;justify-content:space-between;z-index:4;pointer-events:none}.touch div{display:flex;gap:8px}.touch button{pointer-events:auto;touch-action:none;background:#121518aa;color:var(--acid);border:1px solid #8c97a766;width:48px;height:44px;font-size:18px}.result-title{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(45px,7cqw,100px);line-height:.9;font-weight:900;margin:25px 0;color:var(--acid)}.result-stats{font-size:11px;line-height:2;color:#b9c0c9;margin-bottom:20px}.pause-actions{display:flex;gap:18px;align-items:center}.text-btn{color:#c4cad2;border:0;background:none;font-size:10px}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){header{height:55px;padding:0 16px}.mission-heading{display:none}main{padding:15px 12px 0}.stage{max-height:none}.bottom-line{align-items:flex-start;padding:16px 0}.controls{gap:9px;font-size:8px}.level-caption{display:none}.hud{top:12px;right:12px;bottom:12px;left:12px}.portrait{width:44px;height:44px}.name{font-size:18px}.role{font-size:6px}.health{margin-top:5px}.resources{width:135px}.status-mid{display:none}.briefing{width:70%;padding:5%}.eyebrow{font-size:7px;letter-spacing:2px}h1{margin:15px 0;font-size:13cqw}.subtitle{font-size:14px;margin-bottom:8px}.description{font-size:8px;margin-bottom:14px;max-width:240px}.primary{min-width:180px;padding:12px 15px;font-size:10px}.briefing .micro{font-size:6px;margin-top:11px}.footnote{padding:4px 12px 16px}.toast strong{font-size:23px}.toast small{font-size:7px}}@media(pointer:coarse){.touch.active{display:flex}.controls{display:none}.stage{touch-action:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:851px){.stage{width:min(100%,calc((100svh - 175px) * 16 / 9))}}.title-portrait{position:absolute;right:0;bottom:-4%;width:49%;height:100%;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(-12px 0 35px #070e1388)}.briefing{position:relative;z-index:2}.intro-overlay{background:linear-gradient(0deg,#0b171a77,transparent 65%);pointer-events:auto;overflow:hidden}.reveal-portrait{position:absolute;bottom:-12%;left:0;width:48%;height:104%;object-fit:contain;object-position:bottom;animation:portrait-in .38s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(12px 0 0 #0a141766)}.reveal-band{position:absolute;left:0;right:0;bottom:12%;padding:17px 25px 19px 44%;background:linear-gradient(90deg,#23282e00 7%,#1c1f24e8 30%,#101f21f5);border-top:3px solid var(--acid);border-bottom:2px solid #727f92;box-shadow:0 0 25px #c9ff3b44;animation:band-in .3s .13s ease-out both}.reveal-kicker{font-size:8px;letter-spacing:2px;color:#a9b1bd}.reveal-name{font-family:Barlow Condensed,Impact,sans-serif;font-weight:900;font-style:italic;font-size:clamp(48px,8.7cqw,125px);line-height:.83;color:#e2e4e8;text-shadow:3px 4px #414955,-1px -1px var(--acid);margin:12px 0;white-space:nowrap}.reveal-name span{display:block;font-size:.38em;letter-spacing:1px;color:var(--acid);margin-top:8px}.reveal-bark{font-size:9px;letter-spacing:2px;color:#a1aab7}.skip-intro{position:absolute;right:20px;bottom:18px;background:#14171aba;color:#b3bbc5;border:1px solid #6e7c90;padding:8px 11px;font-size:9px;letter-spacing:1px}.reveal-speedlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 30px,color-mix(in srgb,var(--acid) 7%,transparent) 30px,color-mix(in srgb,var(--acid) 7%,transparent) 31px,transparent 32px,transparent 53px);animation:speed-in .3s ease-out}@keyframes portrait-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes band-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes speed-in{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:850px){.reveal-kicker{font-size:6px}.reveal-bark{font-size:6px;letter-spacing:.5px}.reveal-band{padding-top:8px;padding-bottom:10px}.skip-intro{font-size:7px;bottom:8px;padding:5px}.title-portrait{right:-7%;width:52%}.reveal-name{margin:6px 0}}.resources{width:230px;padding:8px 10px;background:linear-gradient(90deg,#181b2055,#181b20e6 14%);--shot-color:var(--acid)}.meter-label{align-items:baseline;letter-spacing:1px}.meter-label #usage{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}.meter-track{height:12px;position:relative;overflow:hidden}.meter-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#181b20 10%);pointer-events:none}.meter-fill{position:absolute;inset:0 auto 0 0;transition:none}.meter-trail{position:absolute;inset:0 auto 0 0;background:#f5d8a0}.token-detail{display:flex;justify-content:space-between;min-height:17px;padding-top:4px;font-size:8px;color:#d0d4da;font-variant-numeric:tabular-nums}#token-spend{color:#ffd59b;font-weight:700}.tokens-low .meter-fill{background:#ffc183}.tokens-empty .meter-fill{background:#ff805e}.tokens-empty #usage,.tokens-empty #token-cost{color:#ffb48e}.thinking-control{display:flex;align-items:center;gap:10px;height:25px;color:var(--shot-color)}.thinking-control label{font-size:8px;white-space:nowrap;width:73px;letter-spacing:.5px}.thinking-control b{font-weight:600}#thinking-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;flex:1;min-width:0;width:100%;height:22px;margin:0;background:transparent;cursor:ew-resize;pointer-events:auto;--thinking-progress:0%}#thinking-slider::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--shot-color) var(--thinking-progress),#454d59 var(--thinking-progress));box-shadow:0 1px #0e1013}#thinking-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4px;height:12px;margin-top:-3px;background:#e8ebee;box-shadow:1px 1px #0e1013}#thinking-slider::-moz-range-track{height:6px;background:#454d59}#thinking-slider::-moz-range-progress{height:6px;background:var(--shot-color)}#thinking-slider::-moz-range-thumb{width:4px;height:12px;border:0;border-radius:0;background:#e8ebee}#thinking-slider:focus-visible{outline:1px solid var(--shot-color);outline-offset:2px}.abilities{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:#d0d4da}.reset-label{margin:0;gap:6px;font-size:8px}.reset-label kbd{padding:2px 4px;font-size:8px}#secondary-ready{white-space:nowrap}.controls{gap:12px}.toast{bottom:28px;left:50%}.toast strong{font-size:27px}.stage canvas#game{cursor:none}@media(max-width:850px){.resources{width:176px;padding:6px}.meter-label #usage{font-size:13px}.meter-label{font-size:7px}.token-detail{font-size:6px}.meter-track{height:10px}.thinking-control{gap:5px}.thinking-control label{font-size:7px;width:64px}.abilities,.reset-label{font-size:7px}.toast{bottom:17px}.toast strong{font-size:17px}.toast small{max-width:260px;white-space:normal}}@media(pointer:coarse){.touch button{width:38px;font-size:12px}.touch div{gap:4px}}.bro-select{display:flex;gap:16px;margin:0 0 18px}.bro-select button{padding:6px 0;background:none;border:0;border-bottom:2px solid #576170;color:#909aa7;text-align:left;font-family:Barlow Condensed,Impact,sans-serif;font-size:19px;min-width:90px}.bro-select button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.bro-select small{display:block;font:7px IBM Plex Mono,monospace;letter-spacing:1px;margin-top:3px}.controls b{font-weight:400}.thinking-control label{width:89px}.pause-actions{flex-wrap:wrap}@media(max-width:850px){.bro-select{margin-bottom:9px;gap:12px}.bro-select button{font-size:15px;min-width:72px}.thinking-control label{width:78px}.briefing .micro{display:none}}:root[data-character=peter]{--acid:#ff805f}:root[data-character=tibo]{--acid:#d5ff60}.portrait{border-color:var(--acid)}.title-portrait{filter:drop-shadow(-12px 0 35px #080e1688)}#defense-ready{color:var(--acid);white-space:nowrap}#defense-ready.spent{color:#8c98a7}.abilities{gap:6px}.tokens-gained .meter-track{box-shadow:0 0 10px #d5ff6099;border-color:#edffc7}.tokens-gained #usage{color:#edffc7}:root[data-character=dimillian]{--acid:#c39aff}[data-character=dimillian] .reveal-name{font-size:clamp(34px,6.4cqw,94px)}[data-character=dimillian] .reveal-band{box-shadow:0 0 25px #ac77e644}[data-character=dimillian] .title-portrait,[data-character=dimillian] .reveal-portrait{image-rendering:pixelated}[data-character=dimillian] .name{font-size:23px}@media(max-width:850px){[data-character=dimillian] .name{font-size:16px}.bro-select{gap:9px}.bro-select button{min-width:65px;font-size:14px}}.stage.roster-open{height:calc(100svh - 175px);min-height:440px;max-height:820px;aspect-ratio:auto}.roster-screen{display:flex;flex-direction:column;align-items:stretch;padding:24px 28px 14px;gap:18px;background:#15181e;overflow:auto}.roster-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-shrink:0}.roster-kicker{color:#8c939f;letter-spacing:2.5px;font-size:8px;margin-bottom:9px}.roster-heading h1{font-size:clamp(38px,5.8cqw,74px);letter-spacing:-.025em;line-height:.82;margin:0;color:#eef0ee}.roster-heading h1 span{display:inline;color:#eef0ee}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:230px}.bro-card{isolation:isolate;position:relative;overflow:hidden;text-align:left;min-width:0;border:1px solid #42454e;background:#24272e;color:#e8e9ed;padding:0;transition:border-color .18s,background .18s,transform .18s;animation:roster-enter .42s both;animation-delay:calc(var(--slot)*65ms)}.bro-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--bro-color);transform:scaleX(0);transform-origin:left;transition:transform .2s}.bro-card:hover{border-color:#a0a4b0;background:#2d303a;transform:translateY(-3px)}.bro-card[aria-pressed=true]{border-color:var(--bro-color);background:color-mix(in srgb,var(--bro-color) 9%,#24272e)}.bro-card[aria-pressed=true]:after{transform:scaleX(1)}.bro-card:focus-visible{outline:2px solid #f3f1e9;outline-offset:3px}.bro-number{position:absolute;top:13px;left:14px;z-index:2;color:#b4b8c4;font-size:10px;letter-spacing:1px}.bro-selected{position:absolute;right:12px;top:12px;z-index:2;font-size:7px;letter-spacing:1px;color:var(--bro-color);opacity:0;transition:opacity .15s}.bro-selected b{font-size:12px;padding-left:5px}.bro-card[aria-pressed=true] .bro-selected{opacity:1}.bro-art{position:absolute;top:8%;right:-7%;bottom:0;left:-7%;display:block;pointer-events:none;overflow:hidden}.bro-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.7) brightness(.83);transition:transform .26s ease-out,filter .26s;image-rendering:pixelated}.bro-card:hover .bro-art img,.bro-card[aria-pressed=true] .bro-art img{filter:saturate(1) brightness(1);transform:scale(1.04)}.bro-caption{position:absolute;inset:auto 0 0;padding:45px 16px 18px;display:flex;flex-direction:column;background:linear-gradient(transparent,#14171cee 45%,#14171c)}.bro-role{font-size:7px;letter-spacing:1.5px;color:var(--bro-color);margin-bottom:6px}.bro-caption strong{font:900 clamp(24px,4cqw,58px)/.95 "Barlow Condensed",Impact,sans-serif;letter-spacing:.4px}.bro-style{font-size:8px;letter-spacing:1.8px;color:#a5acb8;margin-top:9px}.roster-deploy{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.roster-deploy .primary{min-width:215px;box-shadow:none;padding:17px 20px;font-size:10px}.roster-deploy .primary:hover{transform:translateY(-2px);box-shadow:0 3px #45414c}@keyframes roster-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.stage.roster-open{height:calc(100svh - 170px);min-height:460px}.roster-screen{padding:20px;gap:16px}.roster-heading h1{font-size:7cqw}.roster-deploy .primary{min-width:180px}.bro-caption{padding:40px 12px 15px}.bro-caption strong{font-size:4.5cqw}}@media(max-width:560px){.roster-screen{padding:18px 12px 12px;gap:16px}.roster-heading{align-items:flex-start;flex-direction:column;gap:14px}.roster-heading h1{font-size:42px}.roster-grid{gap:7px;min-height:200px}.bro-art{top:6%;right:-22%;bottom:14%;left:-22%}.bro-caption{padding:40px 7px 15px}.bro-caption strong{font-size:clamp(17px,5.4cqw,29px)}.bro-role{font-size:5px;letter-spacing:.4px}.bro-style{font-size:6px;letter-spacing:.5px}.bro-number{left:8px;top:9px;font-size:8px}.bro-selected{right:6px;top:8px;font-size:0}.bro-selected b{font-size:13px}.roster-deploy{flex-direction:column;align-items:stretch;gap:14px}.roster-deploy .primary{width:100%;padding:15px 18px}.stage.roster-open{min-height:540px;height:calc(100svh - 140px)}.roster-open+.bottom-line{display:none}}.stage.roster-open:fullscreen{width:100%;height:100svh;max-height:none;min-height:0}.roster-screen:focus{outline:none}@media(max-width:560px){.bro-art{top:5%;right:-22%;bottom:10%;left:-22%}.bro-art img{object-fit:cover;object-position:50% 30%}.bro-card[data-bro=dimillian] .bro-art img{object-position:60% 30%}}.stage.roster-open{width:min(100%,1280px);height:calc(100svh - 155px);min-height:520px;max-height:860px}.roster-screen{padding:24px 28px 14px;gap:17px}.roster-heading h1{font-size:clamp(38px,5cqw,66px)}.roster-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:26px;flex:1;min-height:310px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.roster-grid .bro-caption{padding:34px 10px 13px}.roster-grid .bro-caption strong{font-size:clamp(18px,2.3cqw,30px)}.roster-grid .bro-role{font-size:6px;letter-spacing:.6px;margin-bottom:5px}.roster-grid .bro-style{font-size:6px;letter-spacing:.6px;margin-top:6px}.roster-grid .bro-art{top:7%;right:-15%;bottom:6%;left:-15%}.roster-grid .bro-art img{object-fit:cover;object-position:50% 18%}.roster-grid .bro-card[data-bro=dimillian] .bro-art img{object-position:60% 18%}.roster-grid .bro-selected{font-size:0;top:8px;right:8px}.roster-grid .bro-selected b{font-size:12px}.roster-grid .bro-number{font-size:8px;top:11px;left:11px}.bro-locked{--bro-color:#626977;background:repeating-linear-gradient(135deg,#1b1e25 0,#1b1e25 3px,#1d2027 3px,#1d2027 4px);border-color:#333841;animation:none;cursor:not-allowed}.bro-locked:hover{background:repeating-linear-gradient(135deg,#1b1e25 0,#1b1e25 3px,#1d2027 3px,#1d2027 4px);border-color:#333841;transform:none}.bro-locked .bro-caption{background:linear-gradient(transparent,#171a20 75%)}.bro-locked .bro-caption strong{font-size:clamp(12px,1.6cqw,20px);color:#737b89}.bro-locked .bro-style{color:#656e7d}.bro-locked .bro-number{color:#5b6472}.unknown-bro{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);color:#47505f;font:600 clamp(30px,4cqw,60px) "Barlow Condensed",Impact,sans-serif}.bro-showcase{min-width:0;min-height:0;display:flex;flex-direction:column;--preview-progress:0}.showcase-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px}#showcase-role{color:var(--acid);font-size:7px;letter-spacing:2px}#showcase-name{font:900 clamp(28px,3.8cqw,52px)/1 "Barlow Condensed",Impact,sans-serif;margin:5px 0 0;color:#eceef0}.showcase-tag{font-size:7px;letter-spacing:1.2px;color:#969eab;display:flex;align-items:center;gap:8px}.showcase-tag:before{content:"";width:5px;height:5px;background:var(--acid);box-shadow:0 0 8px color-mix(in srgb,var(--acid) 50%,transparent)}.showcase-viewport{position:relative;flex:1;min-height:160px;overflow:hidden;border:1px solid #525967;background:#12161f;box-shadow:0 8px 30px #080b1244}#showcase-game{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;image-rendering:pixelated;object-fit:fill}.showcase-corner{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:linear-gradient(#0b1020aa,transparent);font-size:6px;letter-spacing:1.2px;color:#d0d9e6;pointer-events:none}#preview-toggle{pointer-events:auto;border:0;background:#141923bb;color:#c9d3e0;padding:6px 8px;font-size:7px;letter-spacing:1px}.showcase-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--acid);transform:scaleX(var(--preview-progress));transform-origin:left}#showcase-clips{display:flex;border-bottom:1px solid #373c47;margin-top:10px;gap:6px}#showcase-clips button{position:relative;flex:1;min-width:0;text-align:left;border:0;border-bottom:2px solid transparent;background:transparent;color:#8d97a7;font:700 clamp(10px,1.35cqw,17px) "Barlow Condensed",Impact,sans-serif;padding:8px 0 9px;white-space:nowrap}#showcase-clips button span{display:inline-block;font:6px IBM Plex Mono,monospace;color:#636e7f;margin-right:6px}#showcase-clips button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}#showcase-caption{margin:10px 0 0;min-height:16px;font-size:8px;line-height:1.5;color:#a6afbd}.roster-deploy{border-top:1px solid #343944;padding-top:15px}@media(max-width:950px){.roster-screen{padding:20px;gap:15px}.roster-body{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.roster-grid{gap:7px}.roster-grid .bro-caption{padding:28px 7px 11px}.roster-grid .bro-caption strong{font-size:2.6cqw}.roster-grid .bro-locked .bro-caption strong{font-size:1.7cqw}.roster-grid .bro-role{font-size:5px;letter-spacing:.2px}.roster-grid .bro-style{font-size:5px}.roster-heading h1{font-size:46px}.showcase-tag{font-size:6px;letter-spacing:.5px}}@media(max-width:650px){.stage.roster-open{height:auto;min-height:0;max-height:none}.stage.roster-open>canvas#game{display:none}.roster-screen{position:relative;padding:18px 14px 14px;gap:18px}.roster-heading{gap:13px}.roster-heading h1{font-size:40px}.roster-body{display:flex;flex-direction:column;gap:22px;min-height:0}.roster-grid{flex:none;height:320px;gap:8px}.roster-grid .bro-caption strong{font-size:21px}.roster-grid .bro-locked .bro-caption strong{font-size:15px}.roster-grid .bro-role{font-size:5px;letter-spacing:.4px}.roster-grid .bro-style{font-size:6px}.roster-grid .bro-art{top:2%;right:-9%;bottom:0;left:-9%}.roster-grid .bro-art img{object-position:50% 20%}.unknown-bro{font-size:46px}.showcase-viewport{flex:none;height:220px}.showcase-heading{padding-bottom:10px}#showcase-name{font-size:36px}#showcase-clips button{font-size:15px}#showcase-caption{font-size:8px}.roster-deploy{align-items:stretch;flex-direction:column;gap:14px}.roster-deploy .primary{width:100%}.roster-open+.bottom-line{display:none}}.stage.roster-open:fullscreen{width:100%;height:100svh;min-height:0;max-height:none;overflow:auto}@media(prefers-reduced-motion:reduce){.showcase-tag:before{box-shadow:none}}.bro-showcase{position:relative}.showcase-heading{position:absolute;inset:18px 18px auto;z-index:2;padding:0;pointer-events:none;text-shadow:0 2px 4px #080b12}.showcase-heading .showcase-tag{display:none}.showcase-viewport:after{content:"";position:absolute;inset:0 0 auto;height:100px;background:linear-gradient(#0d1119d9,#0d111900);pointer-events:none}.showcase-corner{z-index:3;justify-content:flex-end;background:none}.showcase-corner>span{display:none}#showcase-name{font-size:clamp(28px,3.5cqw,48px)}#preview-toggle{font-size:6px;padding:6px}@media(max-width:650px){.showcase-heading{inset:16px 12px auto}.showcase-viewport{height:240px}#showcase-name{font-size:32px}.showcase-corner{padding:8px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ending-quip{color:#eceee9;font-size:13px;margin-bottom:18px;line-height:1.6}.ending-quip b{display:block;color:var(--acid);font-size:8px;letter-spacing:2px;margin-bottom:4px}:root[data-character=pidalf]{--accent:#efc47f;--accent-soft:#c8ab79;--acid:#efc47f}.controls [hidden],.abilities [hidden]{display:none!important}:root[data-character=marcus]{--acid:#70e1ef;--accent:#70e1ef;--accent-soft:#bdeef4}@media(max-width:650px){.bro-showcase[data-preview-character=marcus] #showcase-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}}.coop-button{background:#303c4b;color:#edf0e4;border:2px solid #758497;padding:16px 20px;font:700 13px monospace;cursor:pointer;white-space:nowrap}.coop-button:hover{background:#45556b;color:#fff}.coop-button:disabled,.primary:disabled{opacity:.6;cursor:wait}.coop-status{font:10px monospace;color:#c9d5dd;letter-spacing:1px;padding:8px 0}.coop-invite{display:flex;gap:10px;padding:5px 0}.coop-invite input{min-width:0;flex:1;color:#eef2e6;background:#17222f;border:1px solid #667185;padding:9px;font:11px monospace}.coop-invite button{background:#303b4c;border:0;color:#f1e6ce;font:10px monospace;cursor:pointer;padding:8px}@media(max-width:700px){.roster-deploy{flex-wrap:wrap}.coop-button{padding:12px;font-size:10px}.coop-status{font-size:8px;letter-spacing:0}.coop-invite input{font-size:9px}}html,body,#app{width:100%;height:100%;overflow:hidden;background:#101214}.stage,.stage.roster-open,.stage:fullscreen,.stage.roster-open:fullscreen{width:100%;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto;margin:0;box-shadow:none;display:block;overflow:hidden;background:#101214}.stage{--play-top:max(0px, calc((100dvh - 56.25vw)/2) );--play-side:max(0px, calc((100vw - 177.7778dvh)/2) )}.hud{top:calc(var(--play-top) + 24px);left:calc(var(--play-side) + 26px);right:calc(var(--play-side) + 26px)}.toast{bottom:calc(var(--play-top) + 28px)}.touch{bottom:calc(var(--play-top) + 10px);left:calc(var(--play-side) + 10px);right:calc(var(--play-side) + 10px)}.roster-screen{padding:clamp(20px,3vw,42px);padding-bottom:58px;gap:20px}.roster-body{min-height:280px}.game-options{display:none;position:absolute;right:28px;bottom:17px;z-index:6;background:none;border:0;color:#c2c9d3;font-size:10px;letter-spacing:2px;padding:8px 0;align-items:center;gap:14px}.game-options span{font-size:16px;color:var(--acid)}.game-options:hover{color:var(--acid)}.stage:has(>.overlay:not([hidden]):not(.intro-overlay))>.game-options{display:flex}#options{color:#e5e8ec;background:#15191ff5;border:0;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:clamp(24px,5vw,48px);overflow:auto;box-shadow:0 20px 100px #0008}#options[open]{animation:arrive .18s ease-out}#options::backdrop{background:#090c12c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.options-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.options-heading h2{font:900 clamp(34px,6vw,56px)/.95 "Barlow Condensed",Impact,sans-serif;margin:0;color:var(--acid)}#close-options{padding:14px 0;white-space:nowrap}.options-switches{display:flex;flex-wrap:wrap;gap:12px 24px;margin:32px 0;padding:20px 0;border-block:1px solid #46505d}.options-switches button{border:0;background:none;color:#e2e6ec;padding:8px 0;font-size:11px;font-weight:600}.options-switches button:hover{color:var(--acid)}#options h3{font:700 20px Barlow Condensed,Impact,sans-serif;letter-spacing:2px;margin:0 0 22px}#options .controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;align-items:start;font-size:10px;color:#c0c7d1}#options .controls>span{display:flex;align-items:center;gap:12px;line-height:1.6}#options kbd{font-size:10px;white-space:nowrap;min-width:45px;padding:5px 7px}.options-note{margin:32px 0 0;font-size:9px;color:#86909e;line-height:1.8}@media(max-width:850px){.hud{top:calc(var(--play-top) + 12px);left:calc(var(--play-side) + 12px);right:calc(var(--play-side) + 12px)}}@media(max-width:650px){.roster-screen{position:absolute;padding:20px 14px 58px;overflow:auto}.roster-body{flex:none;min-height:0}.game-options{right:14px;bottom:10px;background:#15181ef2;padding:9px 14px}.briefing{width:100%;max-height:90%;overflow:auto}.options-switches{gap:8px 18px;margin:24px 0}#options .controls{grid-template-columns:1fr;gap:15px}.options-note{margin-top:24px}}@media(prefers-reduced-motion:reduce){#options[open]{animation:none}}.stage canvas#game:focus{outline:none}.control-ribbon{display:none;position:absolute;inset:auto 0 0;z-index:4;padding:16px 24px 12px;background:linear-gradient(transparent,#101419e8 32%);pointer-events:none}@media(min-width:851px)and (pointer:fine){.stage:has(>.overlay[hidden])>.control-ribbon{display:block}.control-ribbon .controls{display:flex;justify-content:center;gap:9px 16px;color:#c1c8d1;font-size:10px;line-height:1.5;text-shadow:0 1px 2px #000}.control-ribbon .controls>span{white-space:nowrap;gap:7px}.control-ribbon kbd{color:var(--acid);background:#171d25;border:0;border-bottom:2px solid #535c69;padding:3px 6px;font-size:10px}.stage:has(>.overlay[hidden])>.toast{bottom:max(calc(var(--play-top) + 28px),78px)}}.showcase-inputs{position:absolute;inset:auto 0 2px;z-index:3;padding:22px 16px 12px;background:linear-gradient(transparent,#10141acc);pointer-events:none}.showcase-keys{display:flex;gap:6px}.showcase-keys kbd{display:block;min-width:28px;padding:5px 7px;text-align:center;font-size:9px;color:#8d99aa;background:#232a34;border:0;border-bottom:3px solid #414b5a;border-radius:2px;transition:transform .08s,color .08s,background .08s}.showcase-keys [data-active=true] kbd{color:#151a20;background:var(--acid);border-bottom-color:color-mix(in srgb,var(--acid),#000 45%);transform:translateY(2px)}#showcase-clips,.bro-showcase[data-preview-character=marcus] #showcase-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;flex-shrink:0}#showcase-clips button{white-space:normal;font-size:clamp(12px,1.35cqw,17px);padding:8px 0;line-height:1.15}#showcase-caption{font-size:10px;line-height:1.55;min-height:32px;flex-shrink:0}@media(max-width:950px){#showcase-clips button{font-size:13px}.showcase-inputs{padding:25px 12px 10px}.showcase-keys{gap:4px}.showcase-keys kbd{padding:4px 5px;min-width:23px;font-size:8px}}@media(max-width:650px){.showcase-viewport{height:310px}#showcase-clips button{font-size:14px}#showcase-caption{min-height:0}.showcase-keys kbd{font-size:9px}}@media(prefers-reduced-motion:reduce){.showcase-keys kbd{transition:none}}@media(min-width:651px)and (max-height:800px){.showcase-heading{inset:10px 14px auto}.showcase-heading>div{display:flex;align-items:baseline;gap:10px;flex-direction:row-reverse}#showcase-name{font-size:23px;margin:0}#showcase-role{font-size:6px;letter-spacing:1px}.showcase-viewport:after{height:45px}}@media(min-width:651px)and (max-height:800px){.roster-screen{padding:22px 28px 48px;gap:12px}.roster-heading h1{font-size:48px}.roster-deploy{padding-top:10px}}:root[data-character=theo]{--acid:#78d9ff;--accent:#78d9ff;--accent-soft:#b9ecff}.roster-grid .bro-card[data-bro=theo] .bro-art img{object-position:50% 12%}[data-character=theo] .reveal-portrait{height:105%;bottom:-5%;left:4%;width:40%;image-rendering:pixelated}[data-character=theo] .reveal-band{box-shadow:0 0 25px #78d9ff33}.roster-screen{padding-bottom:clamp(20px,3vw,42px)}.roster-heading{flex-direction:row;align-items:center;justify-content:space-between}.roster-options{display:flex;align-items:center;gap:12px;border:0;background:none;color:#c2c9d3;padding:12px 0 12px 18px;font:10px monospace;letter-spacing:2px}.roster-options span{font-size:17px;color:var(--acid)}.roster-options:hover{color:var(--acid)}.stage.roster-open>.game-options{display:none!important}.roster-deploy{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border:0;padding-top:8px}.roster-deploy #start{grid-column:2;grid-row:1;justify-self:center;width:auto;min-width:250px;padding:19px 28px}.roster-deploy .coop-button{grid-column:3;grid-row:1;justify-self:end;background:none;border:0;color:#a6b1bd;font-size:10px;padding:14px 0;letter-spacing:1px}.roster-deploy .coop-button:hover{color:var(--acid)}.coop-status:empty{display:none}@media(max-width:650px){.roster-screen{padding:20px 14px 24px}.roster-options{font-size:9px;letter-spacing:1px;gap:8px}.roster-deploy{grid-template-columns:1fr;gap:8px}.roster-deploy #start{grid-column:1;grid-row:1;width:min(100%,320px);min-width:0}.roster-deploy .coop-button{grid-column:1;grid-row:2;justify-self:center;padding:12px}}.options-switches{display:grid;gap:0;margin:26px 0;padding:0;border:0}.options-switches button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px;padding:14px 8px;border-bottom:1px solid #343d49;text-align:left;letter-spacing:1.5px}.options-switches button:hover{background:#ffffff05}.options-switches button b{display:flex;align-items:center;justify-content:center;gap:10px;min-width:102px;padding:10px 14px;background:#282f39;color:#97a3b3;font-size:10px;letter-spacing:1px}.options-switches button[role=switch] b:before{content:"";width:7px;height:7px;background:#687483}.options-switches button[aria-checked=true] b{color:var(--acid);background:color-mix(in srgb,var(--acid) 12%,#1b2129)}.options-switches button[aria-checked=true] b:before{background:var(--acid);box-shadow:0 0 10px color-mix(in srgb,var(--acid) 35%,transparent)}#fullscreen b{color:#e8edf3}.roster-deploy #start{width:clamp(320px,38vw,520px);padding:18px 32px;font:800 28px/1 Barlow Condensed,Impact,sans-serif;letter-spacing:2px;box-shadow:0 5px color-mix(in srgb,var(--acid) 45%,#16212b);transition:background .2s,box-shadow .2s,transform .15s}.roster-deploy #start:hover{transform:translateY(-2px);box-shadow:0 7px color-mix(in srgb,var(--acid) 45%,#16212b),0 0 32px color-mix(in srgb,var(--acid) 18%,transparent)}.roster-deploy #start:active{transform:translateY(3px);box-shadow:0 2px color-mix(in srgb,var(--acid) 45%,#16212b)}.bro-showcase .showcase-viewport{border-color:color-mix(in srgb,var(--acid) 65%,#333b49);box-shadow:0 0 26px color-mix(in srgb,var(--acid) 9%,transparent);transition:border-color .18s,box-shadow .18s}.bro-showcase .showcase-viewport:after{height:95px;background:linear-gradient(color-mix(in srgb,var(--acid) 28%,#10141deb),#10141d00)}#showcase-name{color:color-mix(in srgb,var(--acid) 40%,white)}.bro-showcase .showcase-inputs{background:linear-gradient(transparent,color-mix(in srgb,var(--acid) 15%,#10141aef))}.bro-showcase #showcase-clips{border-bottom-color:color-mix(in srgb,var(--acid) 40%,#373c47)}.bro-showcase .showcase-progress{height:3px}@media(max-width:650px){.roster-deploy #start{width:100%;padding:21px 20px;font-size:27px}.options-switches button{font-size:10px;gap:12px;padding-inline:0}.options-switches button b{min-width:92px}}@media(prefers-reduced-motion:reduce){.roster-deploy #start,.bro-showcase .showcase-viewport{transition:none}}.game-menu{background:#0b1018a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-menu .briefing{width:min(520px,90%);padding:28px 32px;background:linear-gradient(135deg,color-mix(in srgb,var(--acid) 8%,#171e28),#131922);box-shadow:0 20px 80px #0006;animation:arrive .2s ease-out}.game-menu .result-title{font:900 clamp(42px,7cqw,78px)/.95 "Barlow Condensed",Impact,sans-serif;margin:0 0 26px;color:var(--acid)}.game-menu .result-stats{margin:0 0 22px;line-height:1.8}.game-menu .pause-actions{display:grid;gap:10px;margin:0}.game-menu .primary{width:100%;font:800 26px Barlow Condensed,Impact,sans-serif;letter-spacing:1px;padding:17px 20px;margin-bottom:8px;box-shadow:0 4px color-mix(in srgb,var(--acid) 40%,#151e25)}.menu-action{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #485261;background:#262f3c;color:#edf0f3;padding:13px 19px;font:700 23px Barlow Condensed,Impact,sans-serif;letter-spacing:.6px;transition:background .14s,transform .14s,border-color .14s}.menu-action small{display:block;font:8px IBM Plex Mono,monospace;letter-spacing:1px;color:#a2b0c2;margin-top:5px}.menu-action b{font:22px monospace;color:var(--acid)}.menu-action:hover,.menu-action:focus-visible{background:color-mix(in srgb,var(--acid) 14%,#252e3c);border-color:var(--acid);transform:translate(3px)}.menu-action:active{transform:translate(3px) scale(.985)}.stage:has(>.overlay.game-menu:not([hidden]))>.game-options{display:none}.death-screen{background:none;pointer-events:none}.death-card{text-align:center;padding:12px 24px;text-shadow:0 2px 3px #101419,0 0 10px #101419;animation:event-sting .95s both}.death-card .result-title{font:900 44px/.95 Barlow Condensed,Impact,sans-serif;color:var(--acid);margin:0}.death-card p{font:9px monospace;letter-spacing:2px;color:#b9c5d4;margin:14px 0}.respawn-track{height:4px;background:#354151}.respawn-track i{display:block;height:100%;background:var(--acid);transform-origin:left;animation:respawn-fill 1.1s linear forwards}@keyframes respawn-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-height:600px){.game-menu .briefing{padding:20px 28px}.game-menu .result-title{font-size:44px;margin-bottom:16px}.game-menu .primary{padding:12px 16px;margin-bottom:3px}.menu-action{padding:9px 16px;font-size:20px}.game-menu .pause-actions{gap:7px}}@media(max-width:650px){.game-menu .briefing{width:90%;padding:24px}.game-menu .result-title{font-size:52px}.death-card{padding:22px}.death-card .result-title{font-size:34px}}.stage:has(>.overlay.death-screen:not([hidden]))>.game-options{display:none}.game-menu,.death-screen{justify-content:center}.stage>.toast,.stage:has(>.overlay[hidden])>.toast{top:calc(50% - min(6dvh,3.375vw));bottom:auto;left:50%;width:min(86%,560px);transform:translate(-50%,-50%);white-space:normal;z-index:4}.event-banner{position:relative;width:fit-content;max-width:100%;margin:auto;padding:10px 22px;background:radial-gradient(ellipse at center,#101820e6 25%,#101820b8 65%,transparent 100%);animation:event-pop 1.65s both;transform-origin:center}.toast .event-banner strong{display:block;font:900 italic clamp(26px,3.2cqw,42px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:1px;color:var(--acid);text-shadow:1px 2px #111922,0 0 8px #111922;animation:event-title .16s ease-out both}.toast .event-banner small{display:block;max-width:500px;margin:5px auto 0;font-size:clamp(8px,.75cqw,10px);line-height:1.4;letter-spacing:.4px;color:#dce5ee;white-space:normal;text-shadow:0 1px 3px #000,0 0 6px #000}@keyframes event-sting{0%{opacity:0;transform:scale(.9) translateY(5px)}10%{opacity:1;transform:scale(1.05) translateY(0)}19%,62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98) translateY(-12px)}}@keyframes event-pop{0%{opacity:0;transform:scale(.28) translateY(8px);animation-timing-function:cubic-bezier(.16,1,.3,1)}13%{opacity:1;transform:scale(1.12) translateY(0);animation-timing-function:ease-in-out}22%{opacity:1;transform:scale(.97)}29%,73%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96) translateY(-10px)}}@keyframes event-title{0%{filter:brightness(1.5)}to{filter:brightness(1)}}@media(max-width:650px){.toast .event-banner strong{font-size:26px}.toast .event-banner small{font-size:8px;letter-spacing:.2px}}@media(prefers-reduced-motion:reduce){.event-banner,.toast .event-banner strong{animation:none}}.controller-help{font:10px/1.9 IBM Plex Mono,monospace;color:#b9c5d4;margin:18px 0 0}.controller-menu-hint{font:9px/1.5 IBM Plex Mono,monospace;color:#b9c5d4;text-align:center}.controller-menu-hint[hidden]{display:none}html[data-input=controller] button:focus{outline:2px solid var(--acid);outline-offset:3px}html[data-input=controller] .controller-menu-hint{grid-column:1/-1;grid-row:3}html[data-input=controller] .controls{display:flex}