:root{--ground: #0B0F1A;--panel: #1A2238;--panel-lo: #111829;--chalk: #F8FAFC;--chalk-dim: #94A3B8;--gold: #FACC15;--red: #EF4444;--sky: #38BDF8;--pitch: #22C55E;--pitch-dk: #15803D;--t-red: #EF4444;--t-yel: #FACC15;--t-blu: #38BDF8;--t-grn: #22C55E;--hl: "Press Start 2P", "Silkscreen", monospace;--ui: "Silkscreen", "Press Start 2P", monospace;--fit: 1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ground);color:var(--chalk);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--ui);-webkit-text-size-adjust:100%}#stage{position:fixed;inset:0;display:grid;place-items:center;background:var(--ground)}#game{position:relative;width:360px;height:640px;overflow:hidden;transform-origin:center;transform:scale(var(--fit));image-rendering:pixelated;background:var(--ground)}#game img{image-rendering:pixelated;-webkit-user-drag:none;pointer-events:none}.hl{font-family:var(--hl);text-transform:uppercase}.tab{font-family:var(--ui);text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--chalk-dim)}.bev{background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12}.btn{display:flex;align-items:center;justify-content:center;font-family:var(--hl);font-size:16px;color:var(--chalk);text-transform:uppercase;min-height:44px;background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12;padding:0 12px;text-align:center;cursor:pointer}.btn:active,.btn.focus{background:#0e4c66;box-shadow:inset 2px 2px 0 var(--sky),inset -2px -2px #06202b;color:var(--sky)}.btn.gold{color:var(--gold)}.btn.small{font-family:var(--ui);font-size:16px;min-height:36px}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.notice{position:absolute;left:8px;right:8px;top:44px;padding:8px 10px;background:var(--panel);border:2px solid #000;border-left:6px solid var(--t-red);font-size:14px;box-shadow:inset 2px 2px #3b4a6b}.closing{position:absolute;right:14px;bottom:14px;text-align:right}.closing .tab{font-size:10px}.closing .hl{font-size:18px;color:var(--sky)}.scan:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px)}.board{position:absolute;inset:0}.board .pitch{position:absolute;left:14px;top:104px;width:332px;height:526px}.board .lines{position:absolute;inset:0;width:360px;height:640px;shape-rendering:crispEdges}.board .sprite{position:absolute;transform-origin:center;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.5))}.board .counter{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.6));z-index:3;transition:left .28s ease-in-out,top .28s ease-in-out}.board .counter img{width:100%;height:100%;display:block}.board .counter.jump{transition:left .9s ease-in-out,top .9s ease-in-out;z-index:4}.board .counter.up{animation:climb .9s ease-in-out}.board .counter.down{animation:slide .9s ease-in-out}@keyframes climb{0%,to{transform:scale(1)}50%{transform:scale(1.35) rotate(-8deg)}}@keyframes slide{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(18deg)}70%{transform:scale(1.2) rotate(-18deg)}}.board .panel{position:absolute;left:8px;top:8px;width:170px;height:82px;padding:3px;box-sizing:border-box}.board .panel.results{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}.board .panel .entry{display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.board .panel .entry .hl{font-size:20px;color:var(--chalk)}.board .panel .entry .hl.gold{color:var(--gold)}.board .panel .entry.spent{opacity:.12}.board .panel.count,.board .panel.fulltime{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hl.outlined{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.board .goal{position:absolute;left:179.5px;top:339.5px;width:240px;height:170px;z-index:5;transform:translate(-50%,-50%) scale(.002);opacity:0;filter:drop-shadow(2px 4px 0 rgba(0,0,0,.6))}.board .goal.show{animation:goalGrow 4.4s linear forwards}@keyframes goalGrow{0%{transform:translate(-50%,-50%) scale(.002);opacity:1}16%{transform:translate(-50%,-50%) scale(1)}27%{transform:translate(-50%,-50%) scale(1.07)}38%{transform:translate(-50%,-50%) scale(1)}49%{transform:translate(-50%,-50%) scale(1.07)}60%{transform:translate(-50%,-50%) scale(1)}71%{transform:translate(-50%,-50%) scale(1.07)}82%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes dropTargetPulse{0%,to{box-shadow:0 0 0 2px var(--gold),inset 0 0 0 1px #000}50%{box-shadow:0 0 0 4px var(--gold),inset 0 0 0 1px #000}}.lobby .slot.drop{animation:dropTargetPulse 1.4s ease infinite;color:var(--gold)}.lobby .team.over{filter:brightness(1.25)}.hlround .card{transition:none;transform-origin:50% 50%}.hlround .btn.focus,.hlround .btn:active{background:#0e4c66;box-shadow:inset 2px 2px 0 var(--sky),inset -2px -2px #06202b;color:var(--sky)}@keyframes triviaFlash{0%{filter:brightness(1)}50%{filter:brightness(1.8)}}.frame{position:relative;border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12,0 0 0 2px var(--fc, #3b4a6b);background:var(--panel);overflow:hidden}.frame .ph{position:absolute;inset:4px;background-color:var(--pc, #6b7280);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><rect width='40' height='40' fill='none'/><circle cx='20' cy='14' r='8' fill='%23111827'/><path d='M4 40c0-9 7-14 16-14s16 5 16 14z' fill='%23111827'/></svg>"),repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);background-size:100% 100%,4px 4px;background-repeat:no-repeat,repeat;image-rendering:pixelated}.frame .photo{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;object-position:50% 8%;image-rendering:auto}.p1{--pc: #8b5e3c }.p2{--pc: #c084fc }.p3{--pc: #60a5fa }.p4{--pc: #f59e0b }.p5{--pc: #94a3b8 }.p6{--pc: #34d399 }.p7{--pc: #f472b6 }.p8{--pc: #fb7185 }.fr{--fc: var(--t-red) }.fy{--fc: var(--t-yel) }.fb{--fc: var(--t-blu) }.fg{--fc: var(--t-grn) }.ros{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gold);color:#000;font-family:var(--hl);font-size:12px;border:2px solid #000;box-shadow:inset -2px -2px #a16207}.ros.s{width:22px;height:22px;font-size:10px}.kbd{display:grid;gap:2px;padding:2px;background:#000;width:100%;box-sizing:border-box}.kbd .row{display:flex;gap:2px;justify-content:center}.kbd .k{width:34px;height:46px;display:flex;align-items:center;justify-content:center;font-family:var(--ui);font-size:16px;background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12;color:var(--chalk)}.kbd .k.w{width:70px}.kbd .k.ww{width:142px}.kbd .k.on{background:#0e4c66;color:var(--sky);box-shadow:inset 2px 2px 0 var(--sky),inset -2px -2px #06202b}.kbd .k.dead{color:#3b4a6b;box-shadow:inset 2px 2px #1f2940,inset -2px -2px #070a12}.input{height:44px;display:flex;align-items:center;padding:0 10px;font-family:var(--hl);font-size:16px;color:var(--chalk);background:var(--panel-lo);border:2px solid #000;box-shadow:inset 2px 2px #070a12,inset -2px -2px #3b4a6b}.input .cur{display:inline-block;width:10px;height:18px;background:var(--chalk);margin-left:3px;animation:cur 1s steps(1,end) infinite}@keyframes cur{50%{opacity:0}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--ground);z-index:10}