:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#031238;--navy:#071b4c;--blue:#0b2e78;--blue-light:#1455b7;--gold:#ffc72c;--gold-dark:#bf7811;--white:#fffdf3;--muted:#b9ceef;--paper-shadow:#00082299;--display:"Arial Black", Impact, Haettenschweiler, sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 22%,#173f91 0,#071b4c 45%,#020716 100%)}button{color:inherit;font:inherit;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:4px solid #7ee7ff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:100%;height:100%;padding:max(0px, env(safe-area-inset-top)) max(0px, env(safe-area-inset-right)) max(0px, env(safe-area-inset-bottom)) max(0px, env(safe-area-inset-left));place-items:center;display:grid}.game-shell{aspect-ratio:16/9;background:var(--ink);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100vw,177.778vh);position:relative;overflow:hidden;box-shadow:0 24px 90px #0000008c}.game-shell:after{z-index:20;content:"";pointer-events:none;border:clamp(3px,.45vw,7px) solid #ffffff29;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #031238b8,inset 0 0 60px #00051647}.game-canvas{z-index:0;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.broadcast-bug{z-index:10;color:#fff;-webkit-backdrop-filter:blur(7px)saturate(1.15);backdrop-filter:blur(7px)saturate(1.15);pointer-events:none;background:linear-gradient(#050e1fd6,#030a1ab3);border:1px solid #ffffff52;border-radius:3px;align-items:center;gap:clamp(3px,.4vw,6px);min-height:clamp(26px,2.7vw,36px);padding:clamp(3px,.36vw,5px) clamp(5px,.58vw,9px);display:flex;position:absolute;top:clamp(72px,8.6vw,112px);right:clamp(14px,2vw,28px);box-shadow:0 5px 16px #0004126b,inset 0 1px #ffffff1f}.broadcast-bug:after{content:"";border:1px solid #ffffff0f;border-radius:2px;position:absolute;inset:2px}.broadcast-bug__logo{background:#fffffff5;border-radius:2px;width:clamp(82px,9.2vw,122px);height:clamp(18px,2vw,27px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #05164224}.broadcast-bug__logo img{width:100%;height:auto;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.broadcast-bug__live,.broadcast-bug__hd{z-index:1;font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;font-size:clamp(7px,.65vw,9px);line-height:1;position:relative}.broadcast-bug__live{background:#e4162b;padding:.42em .52em;box-shadow:inset 0 1px #ffffff47}.broadcast-bug__hd{color:#ffffffb8}.icon-button{aspect-ratio:1;width:clamp(38px,4.5vw,58px);color:var(--white);background:var(--navy);border:clamp(2px, .25vw, 4px) solid var(--gold);box-shadow:0 4px 0 var(--gold-dark), 0 8px 18px var(--paper-shadow), inset 0 0 0 2px #123c8b;cursor:pointer;border-radius:4px;place-items:center;padding:0;transition:transform .12s,filter .12s;display:grid}.icon-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.icon-button:active{box-shadow:0 1px 0 var(--gold-dark), 0 4px 10px var(--paper-shadow), inset 0 0 0 2px #123c8b;transform:translateY(3px)}.icon-button svg{width:54%;height:54%}.menu-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.menu-layer:before{content:"";background:linear-gradient(#00072338,#0000 44%,#010d261f);position:absolute;inset:0}.corner-controls{z-index:2;pointer-events:auto;position:absolute;top:clamp(14px,2.1vw,28px)}.corner-controls--left{left:clamp(14px,2.1vw,28px)}.corner-controls--right{right:clamp(14px,2.1vw,28px)}.menu-content{z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:6.5% 19% 11%}.title-wrap{filter:drop-shadow(0 9px #010c2b7a)drop-shadow(0 18px 18px #00000047);place-items:center;width:min(62vw,620px);min-width:280px;max-width:66%;display:grid;position:relative;transform:rotate(-1.2deg)}.title-wrap:before{z-index:-1;background:var(--navy);border:4px solid var(--gold);clip-path:polygon(2% 8%,48% 2%,50% 7%,98% 2%,96% 91%,56% 96%,51% 90%,4% 98%);content:"";position:absolute;inset:-26% -8% -31%}.title-wrap>svg{z-index:2;color:#061944;width:clamp(23px,3vw,40px);height:auto;position:absolute;top:-45%}.title-logo{image-rendering:auto;width:100%;height:auto;display:block}.play-button,.primary-action,.secondary-action{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:4px;transition:transform .13s,filter .13s;position:relative}.play-button{width:clamp(190px,29vw,350px);color:var(--white);background:var(--navy);border:clamp(3px, .38vw, 5px) solid var(--gold);box-shadow:0 7px 0 var(--gold-dark), 0 17px 25px var(--paper-shadow), inset 0 0 0 3px #123f94;pointer-events:auto;text-shadow:0 4px #0000006b;margin-top:auto;margin-bottom:5%;padding:clamp(11px,1.8vw,23px) 24px;font-size:clamp(24px,4.2vw,58px);line-height:1}.play-button:hover,.primary-action:hover,.secondary-action:hover{filter:brightness(1.13);transform:translateY(-3px)rotate(-.4deg)}.play-button:active,.primary-action:active,.secondary-action:active{transform:translateY(4px)}.player-selector{z-index:3;color:var(--white);pointer-events:auto;justify-items:center;gap:5px;display:grid;position:absolute;bottom:clamp(19px,4vw,54px);right:clamp(18px,4vw,54px)}.selector-label{font-family:var(--display);letter-spacing:.05em;text-shadow:0 3px 0 var(--ink), 0 0 8px var(--ink);text-transform:uppercase;font-size:clamp(10px,1.35vw,18px)}.selector-controls{background:var(--navy);border:clamp(2px, .3vw, 4px) solid var(--gold);box-shadow:0 5px 0 var(--gold-dark), 0 12px 18px var(--paper-shadow), inset 0 0 0 2px #123f94;border-radius:4px;grid-template-columns:auto auto auto;align-items:center;padding:clamp(4px,.65vw,8px);display:grid}.selector-arrow{width:clamp(34px,4vw,50px);box-shadow:none;background:0 0;border:0}.selector-arrow:hover,.selector-arrow:active{box-shadow:none}.portrait-frame{aspect-ratio:1;border:clamp(2px, .28vw, 4px) solid var(--gold);background:radial-gradient(circle,#3d72cf,#091a48 72%);place-items:center;width:clamp(54px,7.4vw,94px);display:grid;overflow:hidden}.portrait-frame img{object-fit:contain;filter:drop-shadow(0 4px 3px #00000080);width:90%;height:90%}.flap-hint{z-index:3;color:var(--white);font-family:var(--display);letter-spacing:.04em;pointer-events:none;text-shadow:0 3px 0 var(--ink), 0 0 12px var(--ink);text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:clamp(10px,1.25vw,17px);display:flex;position:absolute;bottom:clamp(12px,2.4vw,30px);left:50%;transform:translate(-50%)}.desktop-control-hint{align-items:center;gap:10px;display:flex}.mobile-control-hint,.gameplay-tap-hint{display:none}kbd{color:var(--gold);background:var(--navy);box-shadow:0 3px 0 var(--gold-dark);font:inherit;border:2px solid;border-radius:3px;padding:.25em .55em .32em}.hud{z-index:5;pointer-events:none;background:linear-gradient(#010c2be0,#010c2b85 72%,#0000);grid-template-columns:minmax(130px,1fr) minmax(84px,.5fr) minmax(100px,.6fr) minmax(150px,1fr);align-items:start;gap:clamp(6px,1.25vw,18px);padding:clamp(9px,1.35vw,18px) clamp(11px,1.6vw,22px);display:grid;position:absolute;top:0;left:0;right:0}.hud-brand,.score-panel,.best-panel{border:clamp(2px, .23vw, 3px) solid var(--gold);background:#041641eb;border-radius:3px;min-height:clamp(42px,5.6vw,70px);box-shadow:0 5px #8f5507eb,0 9px 16px #00000040,inset 0 0 0 2px #123c88}.hud-brand{align-items:center;max-width:260px;padding:10px 17px;display:grid}.hud-brand img{width:100%;height:auto}.score-panel{min-width:clamp(84px,13vw,170px);color:var(--white);font-family:var(--display);text-shadow:0 4px #00000070;place-items:center;font-size:clamp(25px,4vw,54px);line-height:1;display:grid}.best-panel{font-family:var(--display);text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(7px,1vw,14px);padding:0 14px;display:flex}.best-panel span{color:var(--white);font-size:clamp(9px,1.2vw,17px)}.best-panel strong{color:var(--gold);font-size:clamp(17px,2.6vw,35px)}.hud-actions{pointer-events:auto;justify-content:flex-end;gap:clamp(6px,1vw,12px);display:flex}.hud-actions .icon-button{width:clamp(38px,5vw,64px)}.center-message{z-index:4;color:var(--white);text-align:center;text-transform:uppercase;pointer-events:none;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.center-message h1{font-family:var(--display);text-shadow:0 6px 0 var(--ink), 0 9px 0 var(--gold-dark), 0 14px 24px #0006;margin:0 0 12px;font-size:clamp(42px,7vw,92px);line-height:.95}.center-message p{font-family:var(--display);text-shadow:0 3px 0 var(--ink);justify-content:center;align-items:center;gap:10px;margin:0;font-size:clamp(11px,1.7vw,22px);display:flex}.modal-scrim{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00081f94;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.result-card{width:min(450px,78%);color:var(--white);background:linear-gradient(#061d52fa, #031339fa), var(--navy);border:clamp(3px, .45vw, 6px) solid var(--gold);box-shadow:0 9px 0 var(--gold-dark), 0 28px 55px #00000075, inset 0 0 0 3px #164ca5;text-align:center;border-radius:5px;padding:clamp(18px,3.4vw,42px);transform:rotate(-.45deg)}.result-card--small{width:min(390px,72%)}.card-kicker{color:var(--gold);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(11px,1.4vw,17px)}.result-card h1{font-family:var(--display);text-shadow:0 5px #00000080;text-transform:uppercase;margin:8px 0 clamp(14px,2.4vw,27px);font-size:clamp(34px,5.3vw,68px);line-height:.94}.result-scores{border-block:2px dashed #ffffff40;grid-template-columns:1fr 1fr;margin-bottom:clamp(15px,2.7vw,30px);display:grid}.result-scores div{gap:2px;padding:11px;display:grid}.result-scores div+div{border-left:2px dashed #ffffff40}.result-scores span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:clamp(10px,1.2vw,15px)}.result-scores strong{color:var(--white);font-family:var(--display);font-size:clamp(28px,4.5vw,54px)}.result-actions{gap:11px;display:grid}.primary-action,.secondary-action{width:100%;padding:clamp(10px,1.5vw,16px) 16px;font-size:clamp(14px,2vw,22px)}.primary-action{color:var(--ink);background:var(--gold);border:3px solid #fff1a3;box-shadow:0 5px #a95d0a}.secondary-action{color:var(--white);background:0 0;border:2px solid #6f94d7}.loading-layer{z-index:30;color:var(--white);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:#061944;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:clamp(15px,2vw,24px);display:flex;position:absolute;inset:0}.loading-layer svg{width:clamp(32px,5vw,60px);height:auto;color:var(--ink);animation:.9s steps(8,end) infinite warmup}@keyframes warmup{to{transform:rotate(360deg)}}@media (aspect-ratio<=4/5){html,body,#root{height:100dvh}body{background:#020716}.page-shell{background:#020716;height:100%;padding:0;display:block}.game-shell{aspect-ratio:auto;width:100%;height:100%;box-shadow:none}.game-shell:after{border-width:2px;box-shadow:inset 0 0 0 1px #031238a6,inset 0 0 40px #00051638}.corner-controls{top:calc(env(safe-area-inset-top) + 12px)}.corner-controls--left{left:calc(env(safe-area-inset-left) + 12px)}.corner-controls--right{right:calc(env(safe-area-inset-right) + 12px)}.corner-controls .icon-button{width:52px}.menu-layer:before{background:linear-gradient(#00072380,#0000 31%,#010d2614 62%,#010a1f61)}.menu-content{inset:0}.title-wrap{top:calc(env(safe-area-inset-top) + clamp(104px, 15dvh, 132px));width:min(100% - 34px,370px);min-width:0;max-width:none;position:absolute}.title-wrap:before{border-width:3px;inset:-22% -5% -27%}.title-wrap>svg{width:30px;top:-48%}.play-button{bottom:calc(env(safe-area-inset-bottom) + clamp(226px, 29dvh, 260px));border-width:4px;width:min(78%,330px);min-height:76px;margin:0;padding:15px 24px;font-size:clamp(36px,11vw,48px);position:absolute}.player-selector{right:auto;bottom:calc(env(safe-area-inset-bottom) + 62px);gap:7px;width:min(78%,320px);left:50%;transform:translate(-50%)}.selector-label{font-size:14px}.selector-controls{grid-template-columns:62px minmax(0,1fr) 62px;width:100%;padding:6px}.player-selector .selector-arrow{width:56px;min-width:56px}.portrait-frame{justify-self:center;width:76px}.flap-hint{right:0;bottom:calc(env(safe-area-inset-bottom) + 16px);letter-spacing:.08em;justify-content:center;font-size:14px;left:0;transform:none}.desktop-control-hint{display:none}.mobile-control-hint{display:inline}.hud{padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) 16px calc(env(safe-area-inset-left) + 8px);background:linear-gradient(#010c2bf5,#010c2bc7 72%,#0000);grid-template-columns:minmax(84px,1.25fr) 56px 64px auto;gap:4px}.hud-brand,.score-panel,.best-panel{border-width:2px;min-height:50px;box-shadow:0 3px #8f5507eb,0 6px 12px #00000038,inset 0 0 0 1px #123c88}.hud-brand{min-width:0;padding:6px 8px;display:grid}.score-panel{min-width:0;font-size:31px}.best-panel{flex-direction:column;align-items:center;gap:0;padding:5px 3px 3px}.best-panel span{font-size:8px}.best-panel strong{font-size:21px;line-height:1}.hud-actions{gap:4px}.hud-actions .icon-button{width:50px}.hud-actions .fullscreen-hud{display:none}.broadcast-bug{top:calc(env(safe-area-inset-top) + 72px);right:auto;left:calc(env(safe-area-inset-left) + 10px);min-height:24px;padding:2px 4px}.broadcast-bug__logo{width:70px;height:16px}.broadcast-bug__live,.broadcast-bug__hd{font-size:6px}.broadcast-bug__hd{display:none}.center-message{width:calc(100% - 32px);top:34%}.center-message h1{margin-bottom:18px;font-size:clamp(54px,17vw,72px)}.center-message p{font-size:16px}.gameplay-tap-hint{z-index:4;right:calc(env(safe-area-inset-right) + 22px);bottom:calc(env(safe-area-inset-bottom) + 18px);left:calc(env(safe-area-inset-left) + 22px);color:var(--white);font-family:var(--display);letter-spacing:.05em;text-align:center;text-shadow:0 3px 0 var(--ink);text-transform:uppercase;pointer-events:none;background:#0312386b;border:2px dashed #ffc72ceb;border-radius:12px;margin:0;padding:11px 12px 12px;font-size:clamp(13px,4.4vw,18px);animation:4.2s 1.4s both dismiss-mobile-hint;display:block;position:absolute}.gameplay-tap-hint span{color:var(--gold)}.modal-scrim{padding:calc(env(safe-area-inset-top) + 18px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 18px) calc(env(safe-area-inset-left) + 16px);align-items:center}.result-card,.result-card--small{border-width:4px;width:min(100%,420px);padding:clamp(24px,8vw,34px)}.card-kicker{font-size:13px}.result-card h1{font-size:clamp(45px,14vw,60px)}.result-scores span{font-size:12px}.result-scores strong{font-size:42px}.primary-action,.secondary-action{min-height:56px;font-size:18px}}@keyframes dismiss-mobile-hint{0%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (width<=350px) and (aspect-ratio<=4/5){.hud{grid-template-columns:1fr 64px auto}.hud-brand{display:none}.play-button{bottom:calc(env(safe-area-inset-bottom) + 218px)}.player-selector{width:86%}}@media (height<=650px) and (aspect-ratio<=4/5){.title-wrap{top:calc(env(safe-area-inset-top) + 74px)}.play-button{bottom:calc(env(safe-area-inset-bottom) + 166px);min-height:68px;padding-block:11px;font-size:34px}.player-selector{bottom:calc(env(safe-area-inset-bottom) + 43px);gap:4px;width:min(84%,292px)}.selector-label{font-size:12px}.selector-controls{grid-template-columns:54px minmax(0,1fr) 54px;padding:4px}.player-selector .selector-arrow{width:50px;min-width:50px}.portrait-frame{width:62px}.flap-hint{bottom:calc(env(safe-area-inset-bottom) + 8px);font-size:12px}}@media (hover:none){.broadcast-bug{-webkit-backdrop-filter:none;backdrop-filter:none}.icon-button:hover,.play-button:hover,.primary-action:hover,.secondary-action:hover{filter:none;transform:none}}@media (width<=620px){.selector-controls{padding:3px}.flap-hint{left:43%}.result-card{width:min(430px,88%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
