@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.psr-root{--teal-hi: #2a9db8;--teal-lo: #0f4a5c;--pink: #ffb0d2;--pink-hi: #ffcfe4;--navy: #16357f;--gold: #ffc93c;--green: #3ddc55;--red: #ff4b4b;--grey: #b8bec9;--white: #ffffff;--black: #000000;min-height:100vh;min-height:100dvh;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.1) 50%,transparent 51%),radial-gradient(2px 2px at 70% 60%,rgba(255,255,255,.08) 50%,transparent 51%),radial-gradient(2px 2px at 45% 80%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(180deg,var(--teal-hi) 0%,var(--teal-lo) 100%);color:var(--white);font-family:"Press Start 2P",monospace;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}.psr-root input{-webkit-user-select:text;user-select:text}.psr-root img{color:transparent}.px-text{text-shadow:2px 2px 0 var(--black);line-height:1.5}.px-gold{color:var(--gold)}.px-btn{font-family:"Press Start 2P",monospace;background:var(--white);color:var(--navy);border:3px solid var(--black);box-shadow:4px 4px #00000080;padding:12px 16px;font-size:12px;cursor:pointer;text-transform:uppercase;transition:transform .05s steps(1)}.px-btn:hover,.px-btn:focus-visible{background:var(--pink-hi);outline:none}.px-btn:active{transform:translate(3px,3px);box-shadow:1px 1px #00000080}.px-btn:disabled{background:var(--grey);color:#6a7078;cursor:not-allowed;transform:none;box-shadow:4px 4px #00000080}.px-btn.small{padding:8px 10px;font-size:9px}.px-btn.gold{background:var(--gold)}.px-btn.gold:hover{background:#ffdd7a}.px-btn.play{background:var(--green);color:#0b3b14}.px-btn.play:hover,.px-btn.play:focus-visible{background:#6ceb80}.px-card{background:radial-gradient(2px 2px at 25% 25%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(2px 2px at 75% 45%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(2px 2px at 40% 75%,rgba(255,255,255,.45) 50%,transparent 51%),var(--pink);border:3px solid var(--black);box-shadow:4px 4px #00000080;display:flex;align-items:center;justify-content:center}.px-card.selected{outline:4px solid var(--gold)}.px-card.dark{background:#1a6478}.px-panel{background:#00000059;border:3px solid var(--black);box-shadow:4px 4px #00000080}@keyframes bob8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}@keyframes popIn{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes shake8{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(12deg)}}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-24px);opacity:0}}.anim-bob8{animation:bob8 .5s steps(2) infinite}.anim-blink{animation:blink 1s steps(1) infinite}.anim-pop8{animation:popIn .18s steps(3) both}.anim-shake8{animation:shake8 .4s steps(2) infinite}.anim-coinspin{animation:spinCoin 1.6s cubic-bezier(.3,0,.4,1) both}.anim-floatup{animation:floatUp 1s steps(6) both}@media (prefers-reduced-motion: reduce){.anim-bob8,.anim-blink,.anim-pop8,.anim-shake8,.anim-coinspin,.anim-floatup{animation:none!important}}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font-size:9px}.hud .label{font-size:7px;opacity:.8;display:block;margin-bottom:3px}.rotate-overlay{display:none}@media (orientation: landscape) and (max-height: 500px){.rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(180deg,var(--teal-hi) 0%,var(--teal-lo) 100%);flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}}.pip{width:14px;height:14px;border:2px solid var(--black);background:var(--white);display:inline-block}.pip.win{background:var(--green)}.pip.lose{background:var(--red)}.pip.draw{background:var(--grey)}.bk-grid{display:flex;align-items:stretch;justify-content:center;height:224px}.bk-col{display:flex;flex-direction:column;justify-content:space-around}.bk-slot{width:70px;height:18px;border:2px solid var(--black);background:#ffffffeb;color:var(--navy);font-size:6px;display:flex;align-items:center;padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-shadow:2px 2px #00000073}.bk-slot.empty{background:#ffffff40}.bk-slot.loser{background:#7d8590;color:#3a3f46;text-decoration:line-through}.bk-slot.you{background:var(--gold)}.bk-slot.winner{background:var(--green)}.bk-slot.live{background:var(--pink)}.bk-match{display:flex;align-items:center}.bk-match.rtl{flex-direction:row-reverse}.bk-pair{display:flex;flex-direction:column;gap:5px}.bk-join{width:6px;align-self:stretch;margin:9px 0;border-top:2px solid var(--black);border-bottom:2px solid var(--black)}.bk-match:not(.rtl) .bk-join{border-right:2px solid var(--black)}.bk-match.rtl .bk-join{border-left:2px solid var(--black)}.bk-stub{width:5px;border-top:2px solid var(--black);align-self:center}.px-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px}.bkv{width:100%;max-width:340px;margin:0 auto}.bkv-row{display:flex;justify-content:space-around}.bkv-match{width:23%;display:flex;flex-direction:column;gap:3px}.bkv-match .bk-slot,.bkv-final .bk-slot{width:100%;box-sizing:border-box}.bkv-conn{height:10px;position:relative}.bkv-conn.down{border-left:2px solid var(--black);border-right:2px solid var(--black);border-bottom:2px solid var(--black)}.bkv-conn.up{border-left:2px solid var(--black);border-right:2px solid var(--black);border-top:2px solid var(--black)}.bkv-stub{position:absolute;left:50%;width:2px;height:7px;background:var(--black);transform:translate(-1px)}.bkv-conn.down .bkv-stub{bottom:-7px}.bkv-conn.up .bkv-stub{top:-7px}.bkv-line{width:2px;height:8px;background:var(--black);margin:0 auto}@media (max-height: 640px){.bk-slot{height:15px;font-size:5px}.bkv-conn{height:7px}.bkv-match{gap:2px}}