:root{--ink: #0b0609;--panel: #2b1a1e;--panel2: #4a2c24;--amber: #e7b96b;--cream: #f8e3b0;--teal: #15b5b0;--teal2: #7ff4ea;--magenta: #e33c8e;--magenta2: #ff7cc2;--red: #ff5c47;--yellow: #ffd94a}*{box-sizing:border-box}.app-root{width:100%;height:100dvh;background:var(--ink);color:var(--cream);font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;position:relative;overflow:hidden}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.game-canvas{display:block;background:var(--ink);touch-action:none;cursor:crosshair}.game-canvas.dim{filter:brightness(.55)}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.5) 0px,rgba(0,0,0,.5) 1px,transparent 1px,transparent 3px);opacity:.08;z-index:90}.pix-btn{font-family:inherit;font-weight:700;letter-spacing:2px;font-size:15px;color:var(--cream);background:var(--panel);border:2px solid var(--amber);box-shadow:3px 3px 0 var(--ink),inset 0 0 0 2px var(--ink);padding:10px 18px;cursor:pointer;text-transform:uppercase;image-rendering:pixelated}.pix-btn:hover{background:var(--panel2);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink),inset 0 0 0 2px var(--ink)}.pix-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink),inset 0 0 0 2px var(--ink)}.pix-btn.accent{background:var(--magenta);border-color:var(--magenta2);color:#fff}.pix-btn.accent:hover{background:#f0509c}.pix-btn.small{font-size:11px;padding:5px 9px}.pix-btn:disabled{opacity:.4;cursor:default}.pix-input,.pix-select,.pix-textarea{font-family:inherit;font-weight:700;letter-spacing:1px;font-size:13px;color:var(--cream);background:var(--ink);border:2px solid var(--panel2);padding:6px 8px;text-transform:uppercase;min-width:0}.pix-textarea{width:100%;height:64px;font-size:10px;text-transform:none}.pix-range{accent-color:var(--magenta);width:140px}.menu-screen{background:radial-gradient(ellipse at 50% -20%,#4a2c24 0%,transparent 55%),repeating-linear-gradient(45deg,#14090c 0 12px,#170b0e 12px 24px);overflow-y:auto;padding:16px}.menu-panel{background:var(--panel);border:3px solid var(--amber);box-shadow:6px 6px 0 var(--ink),inset 0 0 0 3px var(--ink);padding:20px 24px;width:min(430px,94vw);display:flex;flex-direction:column;gap:10px;max-height:94vh;overflow-y:auto}.menu-panel.wide{width:min(560px,96vw)}.menu-title{margin:0 0 4px;font-size:26px;color:var(--yellow);text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--magenta);text-align:center;letter-spacing:4px}.menu-actions{display:flex;gap:10px;justify-content:center;margin-top:8px;flex-wrap:wrap}.cycler{display:flex;align-items:center;gap:8px}.cycler-label{width:110px;font-size:12px;color:var(--teal2)}.cycler-value{flex:1;text-align:center;font-size:13px;color:var(--cream)}.cycler-value.narrow{flex:0 0 34px}.cycler-arrow{font-family:inherit;font-weight:700;font-size:14px;background:var(--panel2);color:var(--yellow);border:2px solid var(--ink);cursor:pointer;padding:3px 9px}.cycler-arrow:active{transform:translateY(1px)}.seat-grid{display:flex;flex-direction:column;gap:6px;margin:4px 0}.seat-row{display:flex;gap:8px;align-items:center}.seat-row .pix-input,.seat-row .pix-select{flex:1}.seat-team{width:22px;height:22px;text-align:center;line-height:22px;font-size:12px;border:2px solid var(--ink)}.seat-row.team-0 .seat-team{background:var(--teal);color:var(--ink)}.seat-row.team-1 .seat-team{background:var(--magenta);color:#fff}.title-screen{background:var(--ink);flex-direction:column}.title-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.title-content>*{pointer-events:auto}.title-neon{text-align:center;user-select:none}.title-bonk{font-size:clamp(64px,18vw,130px);letter-spacing:10px;color:var(--magenta2);text-shadow:0 0 10px var(--magenta),0 0 34px var(--magenta),5px 5px 0 var(--ink),-2px -2px 0 var(--teal);animation:neon-flicker 3.7s infinite .9s;transform:rotate(-3deg)}.title-sub{font-size:clamp(11px,2.4vw,16px);letter-spacing:8px;color:var(--teal2);margin-top:4px;text-shadow:0 0 8px var(--teal),2px 2px 0 var(--ink);animation:neon-flicker 4.2s infinite}@keyframes neon-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}.title-menu{display:flex;flex-direction:column;gap:10px;width:220px}.tap-to-fowl{font-size:13px;letter-spacing:4px;color:var(--yellow);animation:blink 1.1s steps(1) infinite;text-shadow:2px 2px 0 var(--ink)}@keyframes blink{50%{opacity:0}}.match{background:var(--ink)}.hud{position:absolute;top:6px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.hud-team{background:#0b0609bf;border:2px solid var(--panel2);padding:5px 8px;min-width:130px}.hud-team.active{border-color:var(--yellow)}.hud-team.right{text-align:right}.hud-name{font-size:11px;color:var(--cream);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pips{display:flex;gap:2px;margin-top:3px}.hud-team.right .pips{justify-content:flex-end}.pip{width:6px;height:9px;background:var(--cream);border:1px solid var(--ink)}.pip.down{background:var(--panel2);opacity:.5}.fpips{display:flex;gap:3px;margin-top:3px}.hud-team.right .fpips{justify-content:flex-end}.fpip{width:9px;height:9px;border:1px solid var(--ink);background:var(--panel2);border-radius:50%}.fpip.won{background:var(--yellow)}.shot-clock{position:absolute;left:50%;top:4px;transform:translate(-50%);font-size:22px;color:var(--teal2);background:#0b0609cc;border:2px solid var(--teal);padding:2px 12px}.shot-clock.urgent{color:var(--red);border-color:var(--red);animation:blink .5s steps(1) infinite}.ai-chip,.aim-hint,.ot-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#0b0609cc;border:2px solid var(--panel2);padding:5px 14px;font-size:11px;letter-spacing:2px;color:var(--amber);pointer-events:none;white-space:nowrap}.ot-hint{color:var(--teal2);border-color:var(--teal);animation:blink 1s steps(1) infinite}.quit-corner{position:absolute;top:6px;left:50%;transform:translate(-50%)}.match .quit-corner{top:auto;bottom:8px;left:10px;transform:none}.arcade-sub{font-size:10px;color:var(--teal2);margin-top:2px}.arcade-toast{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:26px;color:var(--yellow);text-shadow:3px 3px 0 var(--ink);animation:toast-pop .35s cubic-bezier(.2,2.4,.4,1);pointer-events:none}@keyframes toast-pop{0%{transform:translate(-50%,-50%) scale(.2)}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20}.banner-overlay{background:#0b060973}.banner-overlay.tappable{cursor:pointer}.banner-box{background:var(--panel);border:3px solid var(--amber);box-shadow:0 0 0 3px var(--ink),6px 6px #0009;padding:18px 30px;text-align:center;animation:banner-in .25s cubic-bezier(.2,2,.4,1)}.banner-main{font-size:clamp(18px,4vw,28px);color:var(--yellow);letter-spacing:3px;text-shadow:2px 2px 0 var(--ink)}.banner-sub{font-size:12px;color:var(--teal2);margin-top:8px;letter-spacing:2px}@keyframes banner-in{0%{transform:scale(.3);opacity:0}}.vs-screen{background:linear-gradient(115deg,var(--panel) 0 49.6%,var(--yellow) 49.6% 50.4%,#201028 50.4% 100%);overflow:hidden}.vs-half{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.vs-left{animation:slam-left .3s cubic-bezier(.2,1.6,.4,1)}.vs-right{animation:slam-right .3s cubic-bezier(.2,1.6,.4,1) .15s backwards}@keyframes slam-left{0%{transform:translate(-120%)}}@keyframes slam-right{0%{transform:translate(120%)}}.vs-portrait{width:128px;height:192px;image-rendering:pixelated;border:3px solid var(--ink);box-shadow:5px 5px #00000080}.vs-name{font-size:clamp(12px,2.6vw,18px);letter-spacing:2px;color:var(--cream);text-shadow:2px 2px 0 var(--ink);text-align:center;max-width:40vw}.vs-nick{font-size:clamp(10px,2vw,14px);color:var(--yellow);background:var(--ink);padding:3px 10px;letter-spacing:2px}.vs-bolt{font-size:clamp(34px,8vw,64px);color:var(--yellow);z-index:2;text-shadow:0 0 14px var(--red),4px 4px 0 var(--ink);animation:vs-pulse .5s cubic-bezier(.2,2.4,.4,1) .3s backwards}@keyframes vs-pulse{0%{transform:scale(4);opacity:0}}.bonk-overlay{background:#ffffff1f;pointer-events:none}.bonk-word{display:flex;gap:2px}.bonk-letter{font-size:clamp(60px,16vw,130px);color:var(--yellow);font-weight:700;text-shadow:5px 5px 0 var(--red),9px 9px 0 var(--ink),0 0 30px var(--yellow);animation:bonk-in .4s cubic-bezier(.2,2.6,.4,1) backwards,bonk-spin 1.4s ease-in-out .4s infinite alternate;display:inline-block}@keyframes bonk-in{0%{transform:scale(6) rotate(40deg);opacity:0}}@keyframes bonk-spin{0%{transform:rotate(-6deg) scale(1)}to{transform:rotate(6deg) scale(1.08)}}.stamp-overlay{pointer-events:none}.stamp{font-size:clamp(40px,10vw,80px);color:var(--red);letter-spacing:6px;border:6px solid var(--red);padding:8px 26px;background:#0b0609b3;text-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg);animation:stamp-in .22s cubic-bezier(.3,3,.5,1)}.stamp-in{animation:stamp-in .3s cubic-bezier(.3,3,.5,1)}@keyframes stamp-in{0%{transform:rotate(-7deg) scale(3.2);opacity:0}}.challenge-callout{background:var(--ink);border:2px solid var(--magenta);color:var(--magenta2);font-size:12px;padding:8px 10px;text-align:center;letter-spacing:1px}.arcade-rules{font-size:11px;color:var(--amber);text-align:center;line-height:1.7;letter-spacing:1px}.board{border:2px solid var(--panel2);background:var(--ink);padding:8px 12px}.board-title{color:var(--teal2);font-size:12px;text-align:center;letter-spacing:3px;margin-bottom:6px}.board-empty{font-size:11px;color:var(--panel2);text-align:center;padding:8px}.board-row{display:flex;gap:10px;font-size:13px;padding:1px 0}.board-ini{color:var(--yellow);flex:1}.board-score{color:var(--cream)}.initials-overlay{background:#0b0609d9;z-index:40}.initials-score{text-align:center;font-size:20px;color:var(--teal2)}.initials-row{display:flex;gap:14px;justify-content:center;margin:8px 0}.initials-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.initials-letter{font-size:38px;color:var(--yellow);width:46px;text-align:center;background:var(--ink);border:2px solid var(--amber)}.result-line{text-align:center;font-size:13px;color:var(--cream);letter-spacing:1px}.io-block{border-top:2px solid var(--panel2);padding-top:10px;margin-top:4px}.career-strip{display:flex;gap:16px;justify-content:center;font-size:14px;color:var(--yellow);flex-wrap:wrap}.tier-block{border:2px solid var(--panel2);padding:8px;display:flex;flex-direction:column;gap:8px}.tier-block.locked{opacity:.35}.tier-head{font-size:12px;color:var(--teal2);letter-spacing:3px}.rival-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rival-card{position:relative;background:var(--ink);border:2px solid var(--panel2);cursor:pointer;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;font-weight:700;color:var(--cream)}.rival-card:hover:not(:disabled){border-color:var(--yellow)}.rival-card:disabled{cursor:default}.rival-card img{width:48px;height:72px;image-rendering:pixelated}.rival-card-name{font-size:9px;letter-spacing:0;text-align:center}.rival-card-nick{font-size:8px;color:var(--amber);letter-spacing:0;text-align:center}.rival-card.beaten{border-color:var(--teal)}.rival-check{position:absolute;top:2px;right:4px;color:var(--teal2);font-size:14px}.tier-done{font-size:11px;color:var(--teal2);text-align:center;letter-spacing:2px}.upgrade-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--panel2);padding:6px 0}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-size:13px;color:var(--cream)}.upgrade-desc{font-size:10px;color:var(--amber)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px}.pick-chip{font-family:inherit;font-weight:700;font-size:9px;letter-spacing:0;background:var(--ink);color:var(--cream);border:2px solid var(--panel2);padding:5px 4px;cursor:pointer;text-align:left}.pick-chip.sel{border-color:var(--magenta);color:var(--magenta2)}.stamp-row{display:flex;gap:6px}.stamp-pick{font-size:16px;width:32px;height:32px;background:var(--ink);border:2px solid var(--panel2);cursor:pointer}.stamp-pick.sel{border-color:var(--yellow)}.pix-input.grow{flex:1}.board-row.me .board-ini{color:var(--magenta2)}.fixture-actions{display:flex;gap:4px}.qp-tabs{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;z-index:25}.qp-tab{font-family:inherit;font-weight:700;font-size:11px;letter-spacing:2px;background:#0b0609cc;color:var(--amber);border:2px solid var(--panel2);padding:5px 10px;cursor:pointer}.qp-tab.sel{color:var(--yellow);border-color:var(--yellow)}.qp-tabs .pix-btn{margin-left:8px}.qp-tabs~.hud{top:34px}.tutorial-tip{position:absolute;bottom:44px;left:50%;transform:translate(-50%);background:var(--ink);border:2px solid var(--teal);color:var(--teal2);font-size:12px;letter-spacing:2px;padding:8px 16px;white-space:nowrap;animation:blink 1.4s steps(1) infinite;pointer-events:none}.grade-tag{position:absolute;top:24%;left:50%;transform:translate(-50%,-50%);font-size:15px;letter-spacing:3px;color:var(--teal2);background:#0b0609bf;border:2px solid var(--teal);padding:4px 12px;pointer-events:none;animation:toast-pop .3s cubic-bezier(.2,2.4,.4,1);z-index:12}.throw-lab{--dock-w: clamp(292px, 32vw, 380px);display:block;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.lab-stage{position:absolute;left:env(safe-area-inset-left);right:calc(var(--dock-w) + env(safe-area-inset-right));top:calc(52px + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#070407;border-right:2px solid var(--panel2)}.lab-stage .game-canvas{width:100%;height:100%;object-fit:contain;cursor:default}.throw-controls{position:absolute;z-index:18;right:env(safe-area-inset-right);top:calc(52px + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom);width:var(--dock-w);padding:10px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(180deg,rgba(74,44,36,.35),transparent 34%),repeating-linear-gradient(135deg,#14090c 0 10px,#170b0e 10px 20px);border-left:2px solid var(--amber);display:flex;flex-direction:column;gap:9px}.throw-controls.disabled{filter:saturate(.6)}.throw-controls.disabled .throw-pad{opacity:.55}.control-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-kicker{color:var(--teal2);font-size:9px;letter-spacing:3px}.control-title{color:var(--yellow);font-size:15px;letter-spacing:2px;margin-top:2px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--panel2)}.mode-switch button{min-height:44px;min-width:62px;border:0;padding:5px 8px;background:var(--ink);color:var(--amber);font:700 10px/1 Courier New,monospace;letter-spacing:1px;cursor:pointer}.mode-switch button.sel{background:var(--magenta);color:#fff}.loft-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.loft-row button{min-height:48px;border:2px solid var(--panel2);padding:5px 3px;background:var(--ink);color:var(--cream);font:700 11px/1 Courier New,monospace;cursor:pointer}.loft-row button small{display:block;margin-top:4px;color:var(--amber);font-size:7px;letter-spacing:0}.loft-row button.sel{border-color:var(--teal2);color:var(--teal2);box-shadow:inset 0 -3px 0 var(--teal)}.throw-pad{position:relative;min-height:180px;flex:1 0 180px;max-height:260px;overflow:hidden;border:2px solid var(--teal);background:radial-gradient(ellipse at 50% 22%,rgba(127,244,234,.13),transparent 34%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(127,244,234,.06) 26px 27px),linear-gradient(180deg,#160d1e,#0b0609);touch-action:none;user-select:none;cursor:grab}.throw-pad:active{cursor:grabbing;border-color:var(--yellow)}.pad-pocket{position:absolute;top:12px;left:50%;width:74%;height:24px;transform:translate(-50%);border:1px solid rgba(127,244,234,.35);border-bottom:0;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.pad-centerline{position:absolute;top:8px;bottom:34px;left:50%;width:2px;background:#ffd94a59}.pad-centerline:after{content:"";position:absolute;top:0;left:-6px;width:14px;height:2px;background:var(--yellow)}.pad-ball{position:absolute;width:36px;height:24px;transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%;background:#a64a24;border:3px solid #31140c;box-shadow:inset -5px -3px #6f2c18,inset 5px 3px #d87538,0 3px #0006;pointer-events:none}.pad-ball:after{content:"╫";position:absolute;inset:2px 0 0;color:#fff4cf;text-align:center;font-size:13px;transform:rotate(90deg)}.pad-power{position:absolute;left:8px;top:12px;bottom:36px;width:9px;background:#26151d;border:1px solid var(--panel2)}.pad-power i{position:absolute;inset:0;transform-origin:bottom;background:linear-gradient(to top,var(--teal),var(--yellow),var(--red))}.pad-readout{position:absolute;left:0;right:0;bottom:0;min-height:30px;padding:6px 9px;display:flex;justify-content:space-between;background:#0b0609e6;color:var(--teal2);font-size:9px;letter-spacing:1px;pointer-events:none}.control-hint{min-height:18px;color:var(--amber);font-size:9px;line-height:1.4;text-align:center;letter-spacing:1px}.meter-controls{display:flex;flex:1 0 auto;flex-direction:column;gap:10px}.meter-aim-row{display:grid;grid-template-columns:48px 1fr 48px;gap:7px;align-items:stretch}.meter-aim-row button{min-height:48px;background:var(--panel2);color:var(--yellow);border:2px solid var(--amber);font-size:18px;cursor:pointer}.meter-aim-row div{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);border:2px solid var(--panel2)}.meter-aim-row small{color:var(--amber);font-size:8px}.meter-aim-row strong{color:var(--teal2);font-size:11px;margin-top:3px}.kick-meter{padding:12px 10px;background:var(--ink);border:2px solid var(--panel2)}.meter-track{position:relative;height:24px;overflow:hidden;background:#1b1016;border:2px solid #5c3830}.power-track>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow) 62%,var(--red));transition:width 35ms linear}.power-track>b{position:absolute;top:0;bottom:0;left:62%;width:10%;border-left:2px solid #fff;border-right:2px solid #fff;opacity:.65}.accuracy-track{margin-top:12px;background:linear-gradient(90deg,#7b203b,#b2762d 32%,#158f8b 44% 56%,#b2762d 68%,#7b203b)}.accuracy-track em{position:absolute;top:0;bottom:0;left:calc(50% - 4px);width:8px;background:#ffffff73}.accuracy-track i{position:absolute;top:-3px;bottom:-3px;width:4px;transform:translate(-2px);background:#fff;box-shadow:0 0 7px #fff}.meter-label{display:flex;justify-content:space-between;margin-top:3px;color:var(--amber);font-size:8px}.meter-tap{min-height:58px;padding:10px;background:var(--magenta);color:#fff;border:3px solid var(--magenta2);box-shadow:3px 3px 0 var(--ink),inset 0 0 0 2px var(--ink);font:700 14px/1 Courier New,monospace;letter-spacing:2px;cursor:pointer}.throw-feedback{min-height:94px;padding:9px 10px;background:#0b0609e6;border:2px solid var(--panel2)}.throw-feedback.empty{display:flex;align-items:center;justify-content:center}.feedback-grade{color:var(--yellow);font-size:12px;letter-spacing:2px}.feedback-headline{color:var(--teal2);font-size:11px;margin-top:4px}.feedback-detail{color:var(--cream);font-size:9px;line-height:1.35;margin-top:4px;font-weight:400}.feedback-metrics{color:var(--amber);font-size:8px;line-height:1.4;margin-top:5px}.feedback-placeholder{color:var(--panel2);text-align:center;font-size:9px}.throw-lab .qp-tabs{top:calc(6px + env(safe-area-inset-top))}.throw-lab .qp-tab,.throw-lab .qp-tabs .pix-btn,.throw-lab .hud .pix-btn{min-height:44px}.throw-controls{scrollbar-width:thin;scrollbar-color:var(--panel2) var(--ink)}.throw-controls::-webkit-scrollbar{width:6px}.throw-controls::-webkit-scrollbar-track{background:var(--ink)}.throw-controls::-webkit-scrollbar-thumb{background:var(--panel2)}.throw-lab .qp-tabs~.hud{top:calc(58px + env(safe-area-inset-top));right:calc(var(--dock-w) + env(safe-area-inset-right));padding-inline:calc(8px + env(safe-area-inset-left)) 8px}.throw-lab .hud-team{min-width:0}.throw-lab .arcade-toast{left:calc((100% - var(--dock-w)) / 2)}.throw-lab .tutorial-tip{left:calc((100% - var(--dock-w)) / 2);bottom:calc(14px + env(safe-area-inset-bottom));font-size:9px}@media (max-width: 700px),(orientation: portrait){.throw-lab{--stage-h: min(31dvh, 230px)}.lab-stage{top:calc(52px + env(safe-area-inset-top));left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:auto;height:var(--stage-h);border-right:0;border-bottom:2px solid var(--amber)}.throw-controls{top:calc(52px + var(--stage-h) + env(safe-area-inset-top));left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);width:auto;border-left:0;border-top:2px solid var(--amber)}.throw-lab .qp-tabs~.hud{right:env(safe-area-inset-right)}.throw-lab .hud{gap:6px;padding-inline:6px}.throw-lab .hud-team{padding:4px 6px}.throw-lab .hud-name{font-size:9px}.throw-lab .arcade-sub{font-size:7px}.throw-lab .arcade-toast{left:50%;top:calc(52px + var(--stage-h) * .45);font-size:19px}.throw-lab .tutorial-tip{display:none}}@media (max-height: 500px) and (orientation: landscape){.throw-controls{padding:6px 8px;gap:6px}.throw-pad{min-height:122px;flex-basis:122px}.control-kicker,.feedback-detail{display:none}.throw-feedback{min-height:48px;padding:5px 7px}.throw-feedback.empty{display:none}.meter-controls{gap:6px}.kick-meter{padding:7px 8px}.accuracy-track{margin-top:7px}.control-hint{min-height:12px;font-size:7px}.loft-row button{min-height:44px}.meter-tap{min-height:48px}}.match-lab .lab-stage,.match-lab .throw-controls{top:env(safe-area-inset-top)}.match-lab .hud{right:calc(var(--dock-w) + env(safe-area-inset-right));top:calc(6px + env(safe-area-inset-top))}.match-lab .hud-team{min-width:0;max-width:42%}.match-lab .shot-clock,.match-lab .ai-chip,.match-lab .aim-hint,.match-lab .ot-hint,.match-lab .grade-tag{left:calc((100% - var(--dock-w)) / 2)}.match-lab .quit-corner{bottom:calc(8px + env(safe-area-inset-bottom))}@media (max-width: 700px),(orientation: portrait){.match-lab{--stage-h: min(38dvh, 300px)}.match-lab .lab-stage{top:env(safe-area-inset-top);height:var(--stage-h)}.match-lab .throw-controls{top:calc(var(--stage-h) + env(safe-area-inset-top))}.match-lab .hud{right:env(safe-area-inset-right);top:calc(4px + env(safe-area-inset-top))}.match-lab .hud-team{max-width:43%;padding:4px 5px}.match-lab .hud-name{max-width:34vw;font-size:8px}.match-lab .pip{width:4px;height:7px}.match-lab .fpip{width:7px;height:7px}.match-lab .shot-clock{top:calc(3px + env(safe-area-inset-top));font-size:16px;padding:2px 7px}.match-lab .shot-clock,.match-lab .ai-chip,.match-lab .aim-hint,.match-lab .ot-hint,.match-lab .grade-tag{left:50%}.match-lab .aim-hint{display:none}.match-lab .quit-corner{top:calc(var(--stage-h) - 48px + env(safe-area-inset-top));bottom:auto}}.arcade-map{align-items:flex-start;overflow-y:auto}.map-wrap{width:min(640px,96vw);margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:10px 0}.menu-title.small{font-size:18px;letter-spacing:3px}.map-frame{position:relative;width:100%;aspect-ratio:16/9;border:3px solid var(--amber);box-shadow:4px 4px 0 var(--ink);background:var(--ink)}.map-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.map-node{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;font-size:12px;line-height:1;background:var(--panel);color:var(--cream);border:2px solid var(--amber);cursor:pointer;z-index:3;border-radius:50%;display:flex;align-items:center;justify-content:center}.map-node:hover{transform:translate(-50%,-50%) scale(1.25);z-index:5}.map-node.stamped{background:var(--panel2);color:var(--yellow);border-color:var(--yellow)}.map-node.rejected{color:var(--red);border-color:var(--red)}.map-node.finale{border-color:var(--magenta2)}.map-node.here{outline:2px solid var(--teal2);animation:blink 1s steps(1) infinite}.postcard{gap:8px}.postcard-head{text-align:center}.postcard-city{font-size:18px;color:var(--yellow);letter-spacing:3px;text-shadow:2px 2px 0 var(--ink)}.postcard-venue{font-size:12px;color:var(--teal2);letter-spacing:2px}.postcard-blurb{font-size:11px;color:var(--cream);line-height:1.6;letter-spacing:.5px}.postcard-champ{display:flex;gap:10px;align-items:center;background:var(--ink);border:2px solid var(--panel2);padding:6px}.postcard-champ img{width:40px;height:60px;image-rendering:pixelated}.postcard-champ-name{font-size:13px;color:var(--cream)}.career-strip{display:flex;gap:14px;justify-content:center;font-size:13px;color:var(--yellow);flex-wrap:wrap}.career-strip .golden{color:var(--yellow);text-shadow:0 0 8px var(--yellow)}.career-strip .danger,.result-line.danger{color:var(--red)}.story-mission{position:relative;overflow:hidden;padding:11px 12px;background:linear-gradient(120deg,#17101f,#2b1a1e 64%,#3b202c);border:2px solid var(--teal);box-shadow:inset 4px 0 0 var(--magenta)}.story-mission:after{content:"";position:absolute;right:-18px;top:-32px;width:120px;height:120px;border:18px solid rgba(255,217,74,.04);transform:rotate(18deg);pointer-events:none}.story-act{color:var(--magenta2);font-size:9px;letter-spacing:3px}.story-title{color:var(--yellow);font-size:15px;letter-spacing:2px;margin-top:3px}.story-summary{color:var(--cream);max-width:560px;font-size:10px;line-height:1.45;margin-top:5px;font-weight:400}.story-objective{color:var(--teal2);font-size:10px;line-height:1.4;margin-top:8px}.story-objective span{display:block;color:var(--amber);font-size:8px;letter-spacing:2px;margin-bottom:2px}.hype-track{position:relative;height:17px;margin-top:9px;background:var(--ink);border:1px solid var(--panel2);overflow:hidden}.hype-track i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--magenta),var(--yellow))}.hype-track b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8px;letter-spacing:1px;text-shadow:1px 1px 0 var(--ink)}.region-panel{background:var(--panel);border:2px solid var(--panel2);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.region-title{font-size:13px;color:var(--teal2);letter-spacing:1px}.gate-chip{color:var(--red);font-size:10px;border:1px solid var(--red);padding:1px 5px;margin-left:6px}.result-line.payout{color:var(--yellow)}.event-card{gap:8px}.event-choice{font-family:inherit;font-weight:700;text-align:left;background:var(--ink);color:var(--cream);border:2px solid var(--panel2);padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.event-choice:hover:not(:disabled){border-color:var(--yellow)}.event-choice:disabled{opacity:.4;cursor:default}.event-choice-label{font-size:12px;letter-spacing:1px}.event-choice-delta{font-size:9px;color:var(--amber);letter-spacing:.5px}.credits-grid{display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto}.credit-stamp{font-size:11px;color:var(--red);border:2px solid var(--red);padding:3px 8px;transform:rotate(-2deg);letter-spacing:1px;background:#0b060980}.credit-stamp:nth-child(2n){transform:rotate(1.5deg);color:var(--teal2);border-color:var(--teal)}.dialogue-overlay{background:#0b06098c;align-items:flex-end;padding-bottom:24px;cursor:pointer;z-index:50}.dialogue-box{display:flex;gap:12px;align-items:flex-start;position:relative;background:var(--panel);border:3px solid var(--amber);box-shadow:0 0 0 3px var(--ink),6px 6px #0009;padding:12px 14px;width:min(520px,92vw)}.dialogue-portrait{width:64px;height:96px;image-rendering:pixelated;border:2px solid var(--ink);flex:none}.dialogue-body{flex:1;min-width:0}.dialogue-name{font-size:11px;color:var(--yellow);letter-spacing:2px;margin-bottom:6px}.dialogue-text{font-size:13px;color:var(--cream);line-height:1.5}.dialogue-hint{font-size:9px;color:var(--teal2);margin-top:8px;animation:blink 1.2s steps(1) infinite}.dialogue-skip{position:absolute;top:6px;right:6px}.debug-panel{position:absolute;bottom:8px;right:8px;z-index:60;background:#000c;color:#7ff4ea;font-size:10px;font-family:monospace;padding:6px 8px;border:1px solid #15b5b0;letter-spacing:0}.debug-panel button{font-size:10px;margin-top:4px}@media (max-width: 700px){.menu-screen{align-items:flex-start;padding:calc(10px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.menu-panel{width:100%;max-height:calc(100dvh - 20px);padding:14px 12px}.menu-panel.wide{width:100%}.menu-title{font-size:21px;letter-spacing:3px}.pix-btn{min-height:44px;padding:9px 12px;font-size:12px}.pix-btn.small{min-height:40px;font-size:10px;padding:7px 9px}.cycler{min-height:44px}.cycler-label{width:88px;font-size:10px}.cycler-arrow{min-width:40px;min-height:40px}.map-wrap{width:100%;gap:7px;padding:0}.map-frame{aspect-ratio:4 / 3}.map-node{width:30px;height:30px;font-size:13px}.postcard-city{font-size:15px}.postcard-blurb{font-size:10px}.region-panel{padding:9px}.region-title{font-size:11px;line-height:1.35}.career-strip{gap:7px 12px;font-size:11px}.story-mission{padding:9px 10px}.story-title{font-size:13px}.story-summary,.story-objective{font-size:9px}.dialogue-overlay{padding:8px 8px calc(12px + env(safe-area-inset-bottom))}.dialogue-box{width:100%;gap:9px;padding:10px}.dialogue-portrait{width:48px;height:72px}.dialogue-text{padding-right:28px;font-size:11px;line-height:1.45}.event-choice{min-height:54px}.vs-screen{padding:env(safe-area-inset-top) 6px env(safe-area-inset-bottom)}.vs-portrait{width:80px;height:120px}.vs-name{max-width:36vw;font-size:10px}.vs-nick{max-width:38vw;font-size:8px;text-align:center}.banner-box{max-width:92vw;padding:14px 16px}}@media (max-height: 500px) and (orientation: landscape){.title-content{gap:7px;padding:6px env(safe-area-inset-right) 6px env(safe-area-inset-left)}.title-bonk{font-size:clamp(42px,17vh,72px)}.title-sub{font-size:9px}.title-menu{width:min(620px,88vw);display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.title-menu .pix-btn{min-height:42px;padding:7px;font-size:10px}.tap-to-fowl{display:none}.dialogue-overlay{padding-bottom:8px}.dialogue-box{width:min(720px,94vw)}.vs-portrait{width:74px;height:111px}}