:root{color-scheme:dark}html,body{margin:0;height:100%}body{background:#050d1a;color:#f4f6fb;font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#plinko-live-mock{--ink: #f4f6fb;--muted: #9db4cc;--navy-deep: #050d1a;--cyan: #43d0ff;--pink: #ff5f91;--gold: #ffcd5c;max-width:520px;margin:0 auto;user-select:none;-webkit-user-select:none}#plinko-live-mock *{box-sizing:border-box}#plinko-live-mock button{font:inherit;touch-action:manipulation}#plinko-live-mock .game{min-height:min(800px,100dvh);position:relative;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto auto;gap:9px;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 50% -22%,rgba(64,140,220,.55) 0,transparent 46%),radial-gradient(circle at 8% 108%,rgba(255,95,145,.14) 0,transparent 38%),radial-gradient(circle at 94% 104%,rgba(67,208,255,.12) 0,transparent 36%),linear-gradient(180deg,#0d2340 0%,#07172c 58%,var(--navy-deep) 100%);border-radius:22px}#plinko-live-mock .topline{display:flex;justify-content:space-between;align-items:center;gap:8px}#plinko-live-mock .brand{font-weight:900;letter-spacing:.1em;font-size:15px;background:linear-gradient(100deg,#fff5da 10%,var(--gold) 38%,#ff9d5c 62%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(255,205,92,.25)}#plinko-live-mock .brand span{background:linear-gradient(100deg,#b7ecff,var(--cyan) 60%,#7db8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#plinko-live-mock .live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#ffc2d4;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,95,145,.45);background:linear-gradient(180deg,#5a1834e6,#340e22e6);box-shadow:0 0 14px #ff5f912e}#plinko-live-mock .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff4d84;box-shadow:0 0 6px 1px #ff4d84e6;animation:plinko-live-pulse 1.4s ease-in-out infinite}@keyframes plinko-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}#plinko-live-mock .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;text-align:center}#plinko-live-mock .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:58px;padding:7px 10px;border-radius:13px;background:linear-gradient(180deg,#65d98b,#167144);border:1px solid rgba(204,255,214,.54);box-shadow:inset 0 1px #effff257,0 4px 14px #00000040;text-align:center}#plinko-live-mock .stat label{display:block;width:100%;color:#f2fff5d6;font-size:10px;font-weight:700;line-height:1.1;text-align:center;text-transform:none;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#plinko-live-mock .stat b{display:block;width:100%;margin-top:3px;font-size:17px;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#fff,#d9f9e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#plinko-live-mock .stats.showing-results .stat label{color:#e4f6ff}#plinko-live-mock .stats.showing-results .stat.is-zero{background:linear-gradient(180deg,#fff0c8,#d7b97b);border-color:#7a5b2c7a;box-shadow:inset 0 1px #ffffff9e,0 4px 14px #00000040}#plinko-live-mock .stats.showing-results .stat.is-zero label{color:#5a4120}#plinko-live-mock .stats.showing-results .stat.is-zero b{background:linear-gradient(180deg,#6e4d26,#422a12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#plinko-live-mock .stats.showing-results .stat.is-winner{background:linear-gradient(180deg,#a6f0a5,#258e4e);border-color:#e1ffd8e6;box-shadow:inset 0 1px #ffffff9e,0 8px 18px #10703752;animation:plinko-stat-win-pop .62s cubic-bezier(.2,1.45,.35,1) both}#plinko-live-mock .stats.showing-results .stat.is-winner label{color:#0b3c20}#plinko-live-mock .stats.showing-results .stat.is-winner b{background:linear-gradient(180deg,#fff,#dcffe3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes plinko-stat-win-pop{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-7px) scale(1.075)}70%{transform:translateY(1px) scale(.985)}to{transform:translateY(0) scale(1)}}#plinko-live-mock .roster{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#plinko-live-mock .stage>.roster{position:absolute;z-index:3;left:10px;right:10px;top:8px}#plinko-live-mock .stage>.roster .rchip{box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e}#plinko-live-mock .stage>.roster .rchip.won{box-shadow:inset 0 0 0 1px #ffec8ebf,inset 0 1px #ffffff6b}#plinko-live-mock .rchip{display:flex;align-items:center;justify-content:center;min-width:0;min-height:54px;padding:7px 6px;border-radius:10px;color:#fff;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px #ffffff47,0 4px 12px #00000047;transition:border-color .18s ease,box-shadow .18s ease}#plinko-live-mock .rchip.c0{background:linear-gradient(180deg,#f05b8b,#ae2858)}#plinko-live-mock .rchip.c1{background:linear-gradient(180deg,#35c6ff,#0d6c9d)}#plinko-live-mock .rchip.c2{background:linear-gradient(180deg,#f5c34e,#9b6916)}#plinko-live-mock .rchip .dot{display:none}#plinko-live-mock .rmeta{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;line-height:1.18;text-align:center}#plinko-live-mock .rname{color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#plinko-live-mock .rsub{color:#ffffffd1;font-size:9px;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#plinko-live-mock .rchip.won{border-color:#ffec8ef2;box-shadow:0 0 14px #ffcd5c61,inset 0 1px #ffffff6b}#plinko-live-mock .rchip.won .rsub{color:#fff}#plinko-live-mock .rchip.lost .rsub{color:#fffc}#plinko-live-mock .rchip.empty{opacity:.32}#plinko-live-mock .stage-frame{position:relative;min-height:0;border-radius:19px;padding:1px;background:linear-gradient(160deg,#ffd6828c,#60aaff47 34%,#09182c1a 60%,#ff5f914d);box-shadow:0 16px 38px #0000006b,0 0 30px #43b2ff1a;display:grid}#plinko-live-mock .stage{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:#0a1e36}#plinko-live-mock canvas{display:block;width:100%;height:100%;touch-action:none}#plinko-live-mock .status{display:none;position:absolute;left:50%;top:49%;translate:-50% -50%;max-width:90%;padding:9px 15px;color:#fff;background:linear-gradient(180deg,#0e2038f0,#06101ef0);border:1px solid rgba(160,210,255,.3);border-radius:999px;box-shadow:0 10px 26px #00000073,0 0 18px #43b2ff26,inset 0 1px #c8e6ff26;text-align:center;font-size:12.5px;font-weight:800;opacity:0;transform:scale(.94);transition:opacity .16s ease,transform .16s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#plinko-live-mock .status.show{opacity:1;transform:scale(1)}#plinko-live-mock .history{min-height:34px;overflow:hidden;display:flex;gap:6px;align-items:center;justify-content:center;padding:6px 10px;color:#cfe0ef;border-radius:12px;background:linear-gradient(180deg,#142d4ccc,#0b1b30d9);border:1px solid rgba(146,200,246,.12);font-size:11px;white-space:nowrap}#plinko-live-mock .history strong{color:var(--gold);text-shadow:0 0 10px rgba(255,205,92,.35)}#plinko-live-mock .controls{display:grid;grid-template-columns:1fr auto auto;gap:7px}#plinko-live-mock button{min-height:40px;border:1px solid rgba(146,200,246,.18);color:var(--ink);background:linear-gradient(180deg,#21486f,#16334f);border-radius:13px;padding:0 13px;cursor:pointer;font-weight:800;box-shadow:inset 0 1px #bee2ff24,0 4px 12px #0000004d;transition:transform .08s ease,filter .12s ease}#plinko-live-mock button:active:not(:disabled){transform:scale(.965);filter:brightness(1.12)}#plinko-live-mock button.primary{position:relative;overflow:hidden;color:#05233a;border-color:transparent;background:linear-gradient(135deg,#8ce8ff,#47c7ff 42%,#4f8dff);box-shadow:0 8px 22px #3fb4ff59,inset 0 1px #ffffff8c;text-shadow:0 1px 0 rgba(255,255,255,.3)}#plinko-live-mock button.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.5) 46%,transparent 60%);transform:translate(-120%);animation:plinko-sheen 3.4s ease-in-out infinite;pointer-events:none}@keyframes plinko-sheen{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}#plinko-live-mock button[aria-pressed=true]{outline:2px solid var(--cyan);outline-offset:-2px;box-shadow:inset 0 1px #bee2ff24,0 0 16px #43d0ff4d}#plinko-live-mock button:disabled{cursor:default;opacity:.45}#plinko-live-mock button.primary:disabled:after{animation:none}#plinko-live-mock .ux-panel{position:absolute;z-index:12;left:10px;right:10px;bottom:48px;display:grid;gap:9px;padding:11px;border-radius:15px;background:linear-gradient(180deg,#12304efa,#071627fa);border:1px solid rgba(151,218,255,.28);box-shadow:0 16px 32px #0000007a,inset 0 1px #e1f7ff24}#plinko-live-mock .ux-panel[hidden]{display:none}#plinko-live-mock .ux-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}#plinko-live-mock .ux-panel-title{color:#f8fbff;font-size:12px;font-weight:800;letter-spacing:.04em}#plinko-live-mock .ux-panel-close{min-height:27px;width:27px;padding:0;border-radius:8px;color:#d9efff;font-size:18px;line-height:1;background:#ffffff14;box-shadow:none}#plinko-live-mock .ux-panel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#plinko-live-mock .ux-item{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 7px;border-radius:8px;color:#e7f5ff;background:#6bb8e61c;border:1px solid rgba(150,218,255,.12);font-size:10px}#plinko-live-mock .ux-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#plinko-live-mock .ux-item-status{flex:0 0 auto;color:#8ec9e9;font-size:9px;white-space:nowrap}#plinko-live-mock .ux-item.played{opacity:.62;background:#8fb6ca14}#plinko-live-mock .ux-item.played .ux-item-name{text-decoration:line-through}#plinko-live-mock .ux-item.current{border-color:#ffcd5ca8;background:#ffcd5c1f}#plinko-live-mock .ux-item.current .ux-item-status{color:var(--gold)}#plinko-live-mock .ux-award{background:#65d98b29;border-color:#9ff7ad47}#plinko-live-mock .ux-award .ux-item-status{color:#a8f2b2;font-weight:800}#plinko-live-mock .ux-empty{grid-column:1 / -1;padding:8px;color:#a9c9dd;font-size:10px;text-align:center}#plinko-live-mock .debug{display:none;color:#abc4d7;font-size:10px;text-align:center}#plinko-live-mock.debug .debug{display:block}@media(max-height:680px){#plinko-live-mock .game{min-height:100dvh;gap:6px;padding-top:6px;padding-bottom:6px}#plinko-live-mock .stat{padding:6px 8px}#plinko-live-mock .stat b{font-size:14px}#plinko-live-mock .rchip{padding:4px 6px}}@media(prefers-reduced-motion:reduce){#plinko-live-mock .status{transition:none}#plinko-live-mock .live:before{animation:none}#plinko-live-mock button.primary:after{animation:none}#plinko-live-mock .stats.showing-results .stat.is-winner{animation:none}}