:root{--pk-bg: #14102b;--pk-bg-2: #1c1640;--pk-ink: #f1eefc;--pk-ink-dim: #a79fd1;--pk-card: #221c4a;--pk-card-line: #362e63;--pk-gold: #ffb020;--pk-brand: #2f6fea;--pk-brand-dim: #7ea3f5;--pk-danger: #ff5a7a;--pk-font-display: -apple-system, "Helvetica Neue", Arial, sans-serif;--pk-font-body: -apple-system, "Segoe UI", Roboto, sans-serif;--pk-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 700px 500px at 50% -5%,rgba(47,111,234,.16),transparent 60%),var(--pk-bg);color:var(--pk-ink);font-family:var(--pk-font-body)}button{font-family:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--pk-brand);outline-offset:2px}.pk-page{min-height:100vh;max-width:480px;margin:0 auto;padding:.9rem;display:flex;flex-direction:column;gap:.9rem}.pk-center{justify-content:center;align-items:center;text-align:center}.pk-center-text{text-align:center}.pk-muted{color:var(--pk-ink-dim);font-size:.9rem}.pk-eyebrow{font-family:var(--pk-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-brand);margin:0 0 .4rem}.pk-wordmark{font-family:var(--pk-font-display);font-weight:900;font-size:.95rem;letter-spacing:.01em;color:var(--pk-brand)}.pk-wordmark-banda{color:var(--pk-ink)}.pk-prompt{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:320px}.pk-prompt h1{font-family:var(--pk-font-display);font-weight:900;text-transform:uppercase;font-size:1.6rem;margin:0}.pk-prompt input{background:var(--pk-card);border:1px solid var(--pk-card-line);color:var(--pk-ink);border-radius:8px;padding:.6rem .7rem;font-size:1rem}.pk-prompt button{background:var(--pk-brand);color:#fff;border:none;border-radius:9px;padding:.65rem;font-weight:700;cursor:pointer}.pk-hud{display:flex;flex-direction:column;gap:.3rem;font-family:var(--pk-font-mono);font-size:.78rem;color:var(--pk-ink-dim);font-variant-numeric:tabular-nums}.pk-hud-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pk-player{color:var(--pk-ink);font-weight:600}.pk-timer{color:var(--pk-brand);font-weight:700}.pk-endtime{font-size:.7rem;opacity:.75}.pk-sound-toggle{font-family:var(--pk-font-mono);font-size:.65rem;color:var(--pk-ink-dim);background:none;border:1px solid var(--pk-card-line);border-radius:6px;padding:.2rem .45rem;cursor:pointer}.pk-sound-toggle:hover{border-color:var(--pk-brand)}.pk-autoplay-banner{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin:.5rem 0;padding:.5rem .7rem;border-radius:8px;background:color-mix(in srgb,var(--pk-brand) 14%,var(--pk-card));border:1px solid rgba(47,111,234,.4);font-family:var(--pk-font-mono);font-size:.75rem;color:var(--pk-ink)}.pk-autoplay-banner button{font-family:var(--pk-font-mono);font-size:.7rem;font-weight:700;color:var(--pk-ink);background:var(--pk-card);border:1px solid var(--pk-card-line);border-radius:6px;padding:.25rem .6rem;cursor:pointer}.pk-autoplay-start{display:flex;flex-direction:column;gap:.35rem;align-items:center}.pk-overdue-banner{margin:.5rem 0;padding:.55rem .75rem;border-radius:8px;background:#dc3c3c26;border:1px solid rgba(220,60,60,.4);color:#d33;font-size:.78rem;font-weight:600}.pk-board{position:relative;background:linear-gradient(180deg,var(--pk-bg-2),var(--pk-bg));border:1px solid var(--pk-card-line);border-radius:16px;padding:1.1rem .7rem .8rem;overflow:hidden}.pk-pegs{display:flex;flex-direction:column;gap:14px;padding:0 4%}.pk-peg-row{display:flex;justify-content:space-evenly}.pk-peg{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9a90c9 60%,#6c5fa8);box-shadow:0 1px 2px #0006}.pk-ball-track{position:relative;height:30px}.pk-ball{position:absolute;top:4px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3cf,var(--pk-gold) 55%,#a8690a);box-shadow:0 0 10px #ffb02099,0 3px 3px #00000073;transform:translate(-50%);transition:left .6s cubic-bezier(.34,1.4,.4,1)}@media(prefers-reduced-motion:no-preference){.pk-ball-dropping .pk-ball{animation:pk-bounce 1.1s ease-in-out infinite}.pk-ball-idle .pk-ball{animation:pk-idle 2.4s ease-in-out infinite}}.pk-ball-settling .pk-ball{animation:none;transition:left 5s cubic-bezier(.22,1,.36,1)}.pk-ball-landed .pk-ball{animation:none}@keyframes pk-bounce{0%{left:14%;transform:translate(-50%) translateY(0)}25%{left:38%;transform:translate(-50%) translateY(8px)}50%{left:62%;transform:translate(-50%) translateY(0)}75%{left:86%;transform:translate(-50%) translateY(8px)}to{left:14%;transform:translate(-50%) translateY(0)}}@keyframes pk-idle{0%{left:25%;transform:translate(-50%) translateY(0)}50%{left:75%;transform:translate(-50%) translateY(3px)}to{left:25%;transform:translate(-50%) translateY(0)}}.pk-bins{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pk-bin{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .2rem;border:none;border-radius:0 0 8px 8px;background:hsl(calc(var(--pk-bin-hue) * 1deg) 70% 42%);color:#fff;cursor:pointer}.pk-bin:disabled{cursor:default}.pk-bin-mult{font-family:var(--pk-font-mono);font-weight:700;font-size:.78rem;font-variant-numeric:tabular-nums}.pk-bin-label{font-family:var(--pk-font-mono);font-size:.6rem;opacity:.75}.pk-bin.pk-bin-selected{outline:3px solid var(--pk-brand);outline-offset:-3px}.pk-bin.pk-bin-winner{outline:3px solid #fff;outline-offset:-3px}.pk-bin.pk-bin-suggested{outline:2px dashed rgba(255,255,255,.85);outline-offset:-2px}.pk-bin-suggest-badge{position:absolute;transform:translateY(-1.35rem);font-family:var(--pk-font-mono);font-size:.55rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--pk-brand);border-radius:4px;padding:.1rem .3rem;white-space:nowrap}.pk-result-banner{text-align:center;font-family:var(--pk-font-mono);font-size:.88rem;font-weight:700;color:var(--pk-ink);background:var(--pk-card);border:1px solid var(--pk-card-line);border-radius:9px;padding:.7rem}.pk-result-banner.pk-won{color:var(--pk-gold);background:#ffb0201a;border-color:#ffb02059}.pk-result-banner.pk-lost{color:var(--pk-ink-dim)}.pk-slots{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.pk-slots-label{font-family:var(--pk-font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pk-ink-dim);margin:0}.pk-slots-list{display:flex;flex-direction:row;gap:.4rem;overflow-x:auto;padding-bottom:.3rem}.pk-slot{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--pk-card);border:1px solid var(--pk-card-line);border-radius:9px;padding:.45rem .7rem;font-family:var(--pk-font-mono);font-size:.72rem;color:var(--pk-ink-dim);min-width:4.6rem;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.pk-slot:hover{border-color:var(--pk-brand)}.pk-slot:active{transform:scale(.96)}.pk-slot:focus-visible{outline:2px solid var(--pk-brand);outline-offset:1px}.pk-slot-current{border-color:var(--pk-brand);background:color-mix(in srgb,var(--pk-brand) 16%,var(--pk-card))}.pk-slot-badge{color:var(--pk-brand-dim);font-weight:700;font-variant-numeric:tabular-nums}.pk-slot-current .pk-slot-badge{color:var(--pk-ink)}.pk-slot-time{font-variant-numeric:tabular-nums;color:var(--pk-ink)}.pk-slot-board{font-size:.65rem;opacity:.7}.pk-stake-bar{display:flex;flex-direction:column;gap:.55rem}.pk-chips{display:flex;gap:.4rem}.pk-chip{flex:1;background:var(--pk-card);border:1px solid var(--pk-card-line);color:var(--pk-ink);border-radius:8px;padding:.5rem 0;font-family:var(--pk-font-mono);font-size:.85rem;font-weight:600;cursor:pointer}.pk-chip:disabled{opacity:.4;cursor:default}.pk-chip-locked{opacity:.55}.pk-autoplay-hint{color:var(--pk-danger, #d33);font-weight:700}.pk-chip.pk-active{background:var(--pk-brand);color:#fff;border-color:var(--pk-brand)}.pk-drop-button{background:linear-gradient(180deg,#ff7a9a,var(--pk-danger));color:#2a0a12;border:none;border-radius:9px;padding:.75rem .5rem;font-family:var(--pk-font-mono);font-weight:700;font-size:.82rem;cursor:pointer}.pk-drop-button:disabled{opacity:.6;cursor:default}.pk-error{color:var(--pk-danger);font-size:.8rem;text-align:center}.pk-history{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.pk-history-list{display:flex;flex-direction:row;gap:.35rem;overflow-x:auto;padding-bottom:.3rem}.pk-hist-chip{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;font-family:var(--pk-font-mono);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--pk-ink-dim);background:var(--pk-card);border:1px solid var(--pk-card-line);border-radius:6px}.pk-hist-chip.pk-win{color:#241a04;background:var(--pk-gold);border-color:var(--pk-gold)}.pk-reaction-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.pk-reaction-feed{display:flex;flex-direction:column;gap:.25rem;max-height:6.5rem;overflow-y:auto}.pk-reaction-chip{font-family:var(--pk-font-mono);font-size:.72rem;color:var(--pk-ink-dim)}.pk-reaction-chip:first-child{color:var(--pk-ink)}.pk-mybets-list{display:flex;flex-direction:column;gap:.3rem}.pk-mybet-row{display:flex;justify-content:space-between;align-items:center;background:var(--pk-card);border:1px solid var(--pk-card-line);border-radius:7px;padding:.4rem .6rem;font-family:var(--pk-font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--pk-ink-dim)}.pk-mybet-slot{color:var(--pk-ink);font-weight:700}.pk-mybet-won .pk-mybet-status{color:var(--pk-gold);font-weight:700}.pk-mybet-lost .pk-mybet-status{color:var(--pk-ink-dim)}.pk-mybet-refunded .pk-mybet-status{color:var(--pk-ink-dim);font-style:italic}.pk-mybet-pending .pk-mybet-status{color:var(--pk-ink-dim)}.pk-result-icon{display:inline-block;position:relative;width:22px;height:22px;margin-right:.4rem;vertical-align:middle}.pk-icon-win:before,.pk-icon-win:after{content:"";position:absolute;background:var(--pk-gold);border-radius:2px}.pk-icon-win:before{width:3px;height:9px;left:5px;top:9px;transform:rotate(45deg)}.pk-icon-win:after{width:3px;height:16px;left:9px;top:1px;transform:rotate(-45deg)}.pk-icon-lose:before,.pk-icon-lose:after{content:"";position:absolute;width:3px;height:18px;top:2px;left:10px;border-radius:2px;background:var(--pk-ink-dim)}.pk-icon-lose:before{transform:rotate(45deg)}.pk-icon-lose:after{transform:rotate(-45deg)}@media(prefers-reduced-motion:no-preference){.pk-result-banner.pk-won{animation:pk-win-pulse 1.1s ease-in-out 2}}@keyframes pk-win-pulse{0%,to{box-shadow:0 0 #ffb02000}50%{box-shadow:0 0 16px #ffb02080}}