: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;overflow-x:hidden;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;width:var(--stage-w, 100dvw);height:var(--stage-h, 100dvh);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}.clock,.closing .hl,.board .panel .hl{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.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}.chip{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-family:var(--ui);font-size:14px;border:2px solid #000;background:var(--panel);cursor:pointer}.closing{position:absolute;right:14px;bottom:14px;text-align:right}.closing .tab{font-size:10px;color:var(--chalk);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.closing .hl{font-size:18px;color:var(--gold);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.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;transition:opacity .4s ease}.board .panel.chat-notice{display:flex;align-items:center;justify-content:center}.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,.outlined{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.totaliser,.credits,.hlreveal,.guidance,.whoami{isolation:isolate}.totaliser .backdrop,.credits .backdrop,.hlreveal .backdrop,.guidance .backdrop,.whoami .backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.45)}.totaliser>:not(.backdrop),.credits>:not(.backdrop),.hlreveal>:not(.backdrop),.guidance>:not(.backdrop),.whoami>:not(.backdrop){position:relative;z-index:1}.numbers{isolation:isolate}.numbers:before{content:"";position:absolute;inset:0;background:url(/art/title-stadium-bg.png?v=2) center / cover no-repeat;filter:brightness(.45);z-index:0;pointer-events:none}.numbers>*{position:relative;z-index:1}.numbers>.closing{position:absolute}.hlround{isolation:isolate}.hlround:before{content:"";position:absolute;inset:0;background:url(/art/title-stadium-bg.png?v=2) center / cover no-repeat;filter:brightness(.45);z-index:0;pointer-events:none}.hlround>*{position:relative;z-index:1}.hlround>.notice,.hlround>.scan,.hlround>.closing{position:absolute}.restricted{isolation:isolate}.restricted:before{content:"";position:absolute;inset:0;background:url(/art/title-stadium-bg.png?v=2) center / cover no-repeat;filter:brightness(.45);z-index:0;pointer-events:none}.restricted>*{position:relative;z-index:1}.restricted>.closing{position:absolute}.lineup{isolation:isolate}.lineup:before{content:"";position:absolute;inset:0;background:url(/art/title-stadium-bg.png?v=2) center / cover no-repeat;filter:brightness(.45);z-index:0;pointer-events:none}.lineup>*{position:relative;z-index:1}.lineup>.closing,.lineup>.drag-ghost{position:absolute}.wground{isolation:isolate}.wground:before{content:"";position:absolute;inset:0;background:url(/art/title-stadium-bg.png?v=2) center / cover no-repeat;filter:brightness(.45);z-index:0;pointer-events:none}.wground>*{position:relative;z-index:1}.wground>.closing{position:absolute}@keyframes wg-flash{0%,to{opacity:1;r:5}50%{opacity:.3;r:8}}.wground .wg-win{animation:wg-flash .6s ease-in-out infinite}@keyframes wg-pulse{0%{r:7;opacity:1}to{r:16;opacity:0}}.wground .wg-ground{animation:wg-pulse 1.2s ease-out infinite}.lineup .tile{height:15px;line-height:15px;text-align:center;font-family:var(--ui);font-size:8px;letter-spacing:.5px;background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12;color:var(--chalk);white-space:nowrap;overflow:hidden;touch-action:none;user-select:none}.lineup .tile.used{color:#3b4a6b;box-shadow:inset 2px 2px #1f2940,inset -2px -2px #070a12}.lineup .pitch{position:relative;width:300px;margin:6px auto 0;background:url(/art/board-full-pitch3.png) center / 100% 100% no-repeat;border:2px solid #000}.lineup .pl{position:absolute;transform:translate(-50%,-50%);text-align:center}.lineup .pl .face{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 10%;border:2px solid #000;box-shadow:0 0 0 2px var(--gold);background:#fff;display:block;margin:0 auto}.lineup .pl .face.ph{background:var(--panel-lo)}.lineup .pl .box{margin:2px auto 0;height:18px;line-height:18px;display:flex;align-items:center;justify-content:center;background:#070a12d9;border:2px dashed #94a3b8;font-family:var(--ui);font-size:7px;letter-spacing:.3px;color:var(--chalk-dim);white-space:nowrap;overflow:hidden}.lineup .pl .box.filled{border-style:solid;border-color:var(--gold);color:var(--chalk)}.lineup .pl .box.ok{border-style:solid;border-color:#22c55e;color:var(--chalk)}.lineup .pl .box.bad{border-style:solid;border-color:var(--t-red);color:var(--chalk)}.lineup .pl .mark{position:absolute;left:50%;top:20px;transform:translate(-50%,-50%);font-family:var(--hl);font-size:26px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;pointer-events:none}.lineup .drag-ghost{z-index:50;pointer-events:none;opacity:.95}.lineup .mbtn{flex:1;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;background:#0e4c66;border:2px solid #000;box-shadow:inset 2px 2px 0 var(--sky),inset -2px -2px #06202b;color:#e0f2fe;font-family:var(--ui);font-size:10px;text-align:center;letter-spacing:.5px}.lineup .mbtn img{width:26px;height:26px;object-fit:contain}.lineup .mbtn.chosen{background:#2a2410;box-shadow:inset 2px 2px 0 var(--gold),inset -2px -2px #06202b;color:var(--gold)}.totaliser>.closing,.credits>.closing,.hlreveal>.closing,.guidance>.closing,.whoami>.closing{position:absolute}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .35s ease}.hm-words{display:flex;flex-wrap:wrap;justify-content:center;column-gap:26px;row-gap:14px}.hm-word{display:flex;gap:4px;white-space:nowrap}.hm-slot{display:inline-block;text-align:center;font-family:var(--hl);color:#f8fafc;text-shadow:1px 1px 0 #000;line-height:1.2}.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)}}.card-rack{position:absolute;inset:0;pointer-events:none;z-index:10}.card-rack[hidden]{display:none}.rack-tab{position:absolute;right:8px;top:8px;width:170px;height:82px;padding:6px;box-sizing:border-box;pointer-events:auto;cursor:pointer;z-index:2}.rack-icons{display:flex;gap:6px;justify-content:center;align-items:center;height:100%}.rack-tab.disabled{filter:grayscale(1) brightness(.55);opacity:.7;cursor:default}.card-back,.ov-card{width:46px;height:62px;background-size:cover;background-position:center;border:2px solid #000;box-shadow:inset 0 0 0 1px #000}.card-back.spent,.ov-card.spent{filter:grayscale(1) brightness(.55);position:relative}.card-back.spent:after,.ov-card.spent:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 47%,#ef4444 47%,#ef4444 53%,transparent 53%)}.card-back.active,.ov-card.active{animation:cardPulse 1.4s ease infinite}@keyframes cardPulse{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}}.rack-notice{top:96px}.rack-overlay{position:absolute;inset:0;pointer-events:auto;animation:cardFade .3s ease}.rack-overlay[hidden]{display:none}@keyframes cardFade{0%{opacity:0}to{opacity:1}}.ov-pitch{position:absolute;left:14px;top:104px;width:332px;height:526px}.ov-close{position:absolute;inset:0}.ov-cards{position:absolute;left:0;right:0;top:240px;display:flex;gap:14px;justify-content:center}.ov-card{width:92px;height:123px;cursor:pointer;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.6))}.ov-card.spent{cursor:default}.card-tip-content{position:absolute;inset:194px 28px 16px;display:flex;flex-direction:column;justify-content:center;gap:18px}.tip-head{display:flex;gap:12px;align-items:flex-start}.tip-art{width:92px;height:123px;flex:none;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.6))}.tip-desc{font-size:13px;line-height:1.4;margin-top:8px;color:var(--chalk);text-shadow:1px 1px 0 #0b0f1a,-1px -1px 0 #0b0f1a,1px -1px 0 #0b0f1a,-1px 1px 0 #0b0f1a,0 0 6px #0b0f1a}.card-tip-content .tab{text-shadow:1px 1px 0 #0b0f1a,-1px -1px 0 #0b0f1a,1px -1px 0 #0b0f1a,-1px 1px 0 #0b0f1a,0 0 6px #0b0f1a}.tip-body{display:flex;flex-direction:column;gap:8px}.tip-players{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;text-align:center}.tip-player{cursor:pointer}.tip-player .hl{text-shadow:1px 1px 0 #0b0f1a,-1px -1px 0 #0b0f1a,1px -1px 0 #0b0f1a,-1px 1px 0 #0b0f1a,0 0 6px #0b0f1a}.tip-teams{display:flex;gap:8px;margin-top:4px}.tip-team,.tip-mode{flex:1;height:30px;font-size:14px}.tip-actions{display:flex;gap:10px;margin-top:4px}.hoard{position:absolute;left:0;right:0;overflow:hidden;z-index:0;display:flex;align-items:center;pointer-events:none}.hoard-run{display:inline-block;white-space:nowrap;will-change:transform;font-family:var(--hl);font-size:20px;letter-spacing:2px;color:#ff9f1c;text-shadow:0 0 6px rgba(255,159,28,.55);animation:hoard-scroll 26s linear infinite;-webkit-mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 3px),repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 3px);mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 3px),repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 3px);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes hoard-scroll{0%{transform:translate(360px)}to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.hoard{justify-content:center}.hoard-run{animation:none;transform:none}}.hoardings{position:absolute;inset:0;overflow:hidden}.hoardings .backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45);z-index:0}.hoardings>:not(.backdrop){position:absolute;z-index:1}.hd-title{left:0;right:0;top:10px;text-align:center;font-size:16px;color:var(--gold);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hd-bar{left:8px;right:8px;top:36px;display:flex;gap:6px;align-items:stretch;height:52px}.hd-notice{flex:1;background:var(--panel);border:2px solid #000;border-left:6px solid var(--gold);box-shadow:inset 2px 2px #3b4a6b;padding:4px 8px;display:flex;align-items:center}.hd-msg{font-size:9px;line-height:1.3;color:var(--chalk)}.hd-clock{width:78px;flex:none;background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.hd-clock .tab{font-size:7px}.hd-secs{font-size:15px;color:var(--gold);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hd-grid{left:8px;right:8px;top:98px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:26px;gap:4px}.hd-name{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--ui);font-size:8px;letter-spacing:.3px;color:var(--chalk);background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #3b4a6b,inset -2px -2px #070a12;padding:0 2px;overflow:hidden;touch-action:none;cursor:grab}.hd-name.dragging{opacity:.3}.hd-grid.full .hd-name:not(.in-cart){opacity:.35;cursor:default}.hd-name.in-cart{cursor:default;color:#e2e8f052;background:#1118278c;border-color:#00000073;box-shadow:inset 2px 2px #3b4a6b4d,inset -2px -2px #070a124d}.hd-name.in-cart .hd-mark{color:inherit}.hd-name.in-cart .hd-mark.plus{color:var(--pitch)}.hd-name.in-cart .hd-mark.minus{color:var(--red)}.hd-mark.plus{color:var(--pitch)}.hd-mark.minus{color:var(--red)}.hd-mark.zero{color:var(--chalk-dim)}.hd-name.wrong{border-color:var(--red);color:var(--red);opacity:.9}.hd-name.missed{border-color:var(--gold);color:var(--gold);opacity:.9}@keyframes hd-flash{0%,to{border-color:var(--gold);box-shadow:inset 0 0 0 2px #facc1580}25%,75%{border-color:#fff8d0;box-shadow:inset 0 0 0 2px #ffffffd9,0 0 8px #facc15cc}}.hd-name.flash{animation:hd-flash .5s ease 2}.hd-name{transition:border-color .45s ease,box-shadow .45s ease,opacity .45s ease}.hd-grid .hd-name.answer{border-color:var(--gold);box-shadow:inset 0 0 0 2px #facc1580}.hd-grid .hd-name.answer.in-cart{color:#e2e8f052}.hd-grid .hd-name.answer:not(.in-cart){opacity:1}.hd-mark{margin-left:4px;font-size:10px}.hd-tally{left:40px;right:40px;top:310px;z-index:5;display:flex;flex-direction:column;gap:4px;animation:hd-tally-in .4s ease both}@keyframes hd-tally-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hd-tally[hidden]{display:none}.hd-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:var(--hl);font-size:15px;color:var(--chalk);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hd-row.me{color:var(--chalk)}.hd-pts{color:var(--gold);font-size:17px}@keyframes hd-up{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes hd-down{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.hd-pts{display:inline-block;transform-origin:right center}.hd-pts.up{animation:hd-up .4s ease;color:var(--gold)}.hd-pts.down{animation:hd-down .4s ease;color:var(--red)}.hd-left{left:8px;right:8px;top:282px;text-align:center;font-size:10px;color:var(--gold);text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.hd-closing[hidden]{display:none}.hd-close-secs.urgent,.hd-secs.urgent{color:var(--red)}.hd-ghost{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-family:var(--ui);font-size:8px;color:var(--gold);background:var(--panel);border:2px solid var(--gold)}.hd-board{left:0;right:0;top:54.06%;height:8.75%;overflow:hidden;background:#0c0c0ceb}.hd-run{position:absolute;inset:0}.hd-ad{position:absolute;top:50%;left:0;height:48px;transform:translate(-120%,-50%);image-rendering:pixelated}@keyframes hd-cross{0%{transform:translate(380px,-50%)}to{transform:translate(-140%,-50%)}}.hd-cart{left:0;right:0;bottom:34px;height:290px;z-index:2}.hd-lads{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:290px;display:block;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.6));transition:opacity .5s ease}.hd-look,.hd-cart.looking .hd-idle{opacity:0}.hd-cart.looking .hd-look{opacity:1}.hd-drop{position:absolute;inset:0 0 -34px}.hd-cart[hidden],.hd-grid[hidden]{display:none}.hd-grid,.hd-cart{opacity:0;transition:opacity .6s ease}.hoardings.recalling .hd-grid,.hoardings.recalling .hd-cart{opacity:1}.hd-msg{transition:opacity .35s ease}.hd-msg.fading{opacity:0}.hoardings.recalling .hd-msg{opacity:1}.hoardings.closing-out .hd-cart{opacity:0}.mainmenu .mute-btn{position:absolute;right:8px;top:8px;z-index:3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;cursor:pointer;user-select:none;background:#0b0f1ab8;border:2px solid #000;box-shadow:inset 1px 1px #3b4a6b,inset -1px -1px #070a12}.mainmenu .mute-btn.off{opacity:.55}.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;overflow-x:hidden}.setup input[type=range]{-webkit-appearance:none;appearance:none;height:8px;background:#070a12;border:2px solid #000;box-shadow:inset 1px 1px #3b4a6b;outline:none}.setup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:15px;background:var(--gold);border:2px solid #000;box-shadow:inset -1px -1px #a16207;cursor:pointer}.setup input[type=range]::-moz-range-thumb{width:13px;height:15px;background:var(--gold);border:2px solid #000;box-shadow:inset -1px -1px #a16207;cursor:pointer;border-radius:0}.retro-scroll{scrollbar-width:auto;scrollbar-color:var(--gold) #070a12}.retro-scroll::-webkit-scrollbar{width:12px}.retro-scroll::-webkit-scrollbar-track{background:#070a12;border-left:2px solid #000;box-shadow:inset 1px 0 #3b4a6b}.retro-scroll::-webkit-scrollbar-thumb{background:var(--gold);border:2px solid #000;box-shadow:inset -2px -2px #a16207,inset 2px 2px #fde68a}.retro-scroll::-webkit-scrollbar-button{display:none;height:0}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}