:root{--wood:#3b2312;--wood2:#5a3618;--cream:#f8e7c4;--ink:#2a1709;--red:#d8321f;--red2:#ff5a3d;--gold:#f2c14e;--green:#4fbf5a;--amber:#f0a020;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Trebuchet MS", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--cream);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#1a0f08;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:2px;outline:3px solid #7fd0ff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#c{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.top{padding:calc(6px + var(--safe-t)) 10px 4px;pointer-events:none;background:linear-gradient(#000a,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.pill{white-space:nowrap;background:#0008;border:1px solid #fff2;border-radius:999px;padding:5px 11px;font-size:14px;font-weight:800}.pill b{color:var(--gold)}.top .spacer{pointer-events:none;flex:1}.iconbtn{background:#0009;border:2px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:18px;font-weight:900;display:grid}.iconbtn[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:#fff8}.trays{left:6px;right:6px;top:calc(52px + var(--safe-t));pointer-events:none;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:absolute}.tray{text-align:center;background:#000a;border:2px solid #fff1;border-radius:10px;padding:4px 5px 5px;transition:opacity .3s,border-color .2s}.tray.turn{border-color:var(--gold);box-shadow:0 0 10px #f2c14e88}.tray.out{opacity:.4}.tray .nm{letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.tray .pips{justify-content:center;gap:2px;margin:3px 0 2px;display:flex}.tray .pip{background:#c41d0e;border:1px solid #fff5;border-radius:2px 2px 3px 3px;width:8px;height:11px}.tray .pip.done{background:#555;border-color:#fff2}.tray .odds{font-size:11px;font-weight:800}.tray.h0 .odds{color:#8fe08f}.tray.h1 .odds{color:#ffc35a}.tray.h2 .odds{color:#ff7a66}#bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble{max-width:170px;color:var(--ink);text-align:center;background:#fffaf0;border-radius:14px;padding:7px 11px;font-size:15px;font-weight:800;line-height:1.15;animation:.18s ease-out pop;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #0005}.bubble:after{content:"";border:8px solid #0000;border-top-color:#fffaf0;border-bottom:0;margin-left:-8px;position:absolute;bottom:-8px;left:50%}.bubble.you{background:#ffe9a8}.bubble.you:after{border-top-color:#ffe9a8}.bubble.loud{text-transform:uppercase;font-size:16px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.6)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.banner{text-align:center;pointer-events:none;letter-spacing:.02em;color:#fff;-webkit-text-stroke:3px #2a0b05;text-shadow:0 5px #2a0b05;opacity:0;font-size:54px;font-weight:1000;position:absolute;top:34%;left:0;right:0}.banner.show{animation:1s ease-out forwards slam}.banner.red{color:var(--red2)}.banner.green{color:#8dff86}.banner.small{font-size:34px}@keyframes slam{0%{opacity:0;transform:scale(2.2)}12%{opacity:1;transform:scale(.95)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#e0200ccc 100%);position:absolute;inset:0}.vignette.mild{animation:.9s ease-out flash}.vignette.inferno{animation:2.6s ease-out forwards burn}@keyframes flash{0%{opacity:0}20%{opacity:.8}to{opacity:0}}@keyframes burn{0%{opacity:0}15%{opacity:1;background-color:#ff300022}60%{opacity:1;background-color:#ff300066}to{opacity:.9;background-color:#300}}.toast{pointer-events:none;opacity:0;background:#000c;border-radius:12px;padding:8px 14px;font-size:18px;font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%)}.toast.show{animation:1.4s ease-out forwards fade}@keyframes fade{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.bottom{padding:0 10px calc(10px + var(--safe-b));background:linear-gradient(#0000,#000c 30%);position:absolute;bottom:0;left:0;right:0}.chat{color:#f6e6c8;text-shadow:0 1px 2px #000;flex-direction:column;justify-content:flex-end;min-height:58px;padding:6px 58px 6px 4px;font-size:13px;line-height:1.35;display:flex}.chat .line b{color:var(--gold)}.chat .line.sys{color:#c9b28d;font-style:italic}.chat.expanded{background:#000c;border-radius:10px;justify-content:flex-start;max-height:40vh;overflow-y:auto}.chat-toggle{background:#0009;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-size:12px;position:absolute;top:-26px;right:12px}.controls{align-items:center;gap:6px;min-height:76px;display:flex}.controls>*{min-width:0}.status{color:#f2dfbd;text-align:center;flex:1;font-size:16px;font-weight:800}.ring{flex:0 0 46px;width:46px;height:46px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .bg{stroke:#fff2}.ring .fg{stroke:var(--gold);transition:stroke .2s}.ring.low .fg{stroke:var(--red2)}.ring span{place-items:center;font-size:16px;font-weight:900;display:grid;position:absolute;inset:0}.coinbtn{height:68px;color:var(--ink);background:radial-gradient(circle at 40% 30%,#ffe08a,#c98b14);border:3px solid #fff3;border-radius:16px;flex:1;font-size:30px;font-weight:1000;box-shadow:0 4px #6b4207}.coinbtn:active,.coinbtn.picked{transform:translateY(3px);box-shadow:0 1px #6b4207}.coinbtn.picked{outline:3px solid #fff}.stepper{background:#0009;border:2px solid #fff2;border-radius:16px;flex:none;align-items:center;height:68px;display:flex}.stepper button{background:0 0;border:0;width:34px;height:64px;font-size:30px;font-weight:900}.stepper button:disabled{opacity:.25}.stepper .n{text-align:center;width:34px;color:var(--gold);font-size:32px;font-weight:1000}.claimbtn{background:linear-gradient(#5aa04a,#2f6b25);border:3px solid #fff4;border-radius:16px;flex:1;height:68px;padding:0 2px;font-size:19px;font-weight:1000;line-height:1.05;box-shadow:0 4px #173a12}.claimbtn small{opacity:.85;font-size:12px;font-weight:800;display:block}.liarbtn{letter-spacing:.02em;color:#fff;text-shadow:0 2px #0006;background:radial-gradient(circle at 50% 35%,#ff6a4a,#b3170a);border:3px solid #ffd2c8;border-radius:16px;flex:1.1;height:68px;padding:0 2px;font-size:26px;font-weight:1000;box-shadow:0 4px #5a0b04}.liarbtn:disabled,.claimbtn:disabled{filter:grayscale(.8);opacity:.45}.claimbtn:active,.liarbtn:active{box-shadow:none;transform:translateY(3px)}.chatbtn{background:#0009;border:2px solid #fff3;border-radius:50%;width:46px;height:46px;padding:0;font-size:20px;position:absolute;top:-84px;right:10px}.quick{z-index:5;right:10px;bottom:calc(196px + var(--safe-b));background:#1c120bf2;border:2px solid #fff2;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;width:250px;padding:8px;display:grid;position:absolute}.quick button{background:#ffffff14;border:1px solid #fff2;border-radius:10px;padding:9px 6px;font-size:14px;font-weight:800}.quick[hidden]{display:none}.screen{padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b));text-align:center;background:radial-gradient(at 50% 30%,#4a2a12ee,#120904f5);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.glass{background:#120904d9}.logo{color:var(--gold);-webkit-text-stroke:2px #3a1a05;text-shadow:0 5px #3a1a05;margin:0 0 6px;font-size:50px;font-weight:1000;line-height:.95;transform:rotate(-3deg)}.sub{color:#e9cfa2;margin:4px 0 18px;font-size:15px;font-weight:700}.big{width:min(320px,88vw);height:62px;color:var(--ink);background:linear-gradient(#f5b335,#c97a0c);border:3px solid #fff5;border-radius:18px;margin:6px;font-size:24px;font-weight:1000;box-shadow:0 5px #6b3d05}.big.alt{color:var(--cream);background:linear-gradient(#6b4a2c,#3b2312);height:52px;font-size:20px;box-shadow:0 5px #1d0f06}.big:active{box-shadow:none;transform:translateY(4px)}.fine{color:#c9ad84;margin-top:14px;font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:10px;width:min(360px,94vw);display:grid}.card{text-align:center;background:#2a180c;border:3px solid #fff2;border-radius:16px;padding:10px 8px 9px}.card[aria-pressed=true]{border-color:var(--gold);background:#3d2410}.card .face{border:3px solid #0006;border-radius:50%;width:64px;height:64px;margin:0 auto 4px;position:relative}.card .face:before,.card .face:after{content:"";background:#1a0e08;border-radius:50%;width:9px;height:9px;position:absolute;top:38%}.card .face:before{left:30%}.card .face:after{right:30%}.card .nm{color:var(--gold);font-size:18px;font-weight:1000}.card .an{color:#e6cda2;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.card .tg{color:#d9c29b;margin-top:3px;font-size:12px;line-height:1.2}.chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 14px;display:flex}.chip{background:#b3170a;border:5px dashed #fff8;border-radius:50%;width:62px;height:62px;font-size:18px;font-weight:1000;box-shadow:0 4px #0007}.chip:nth-child(2){background:#1d5fb3}.chip:nth-child(3){background:#1f6b24}.chip:nth-child(4){background:#222}.chip:nth-child(5){background:#7a2ab3}.chip[aria-checked=true]{outline:4px solid var(--gold);transform:scale(1.08)}table.prizes{border-collapse:collapse;margin:4px auto 10px;font-size:15px}table.prizes td,table.prizes th{border-bottom:1px solid #fff2;padding:4px 12px}table.prizes th{color:var(--gold);text-align:left}.result .place{color:var(--gold);-webkit-text-stroke:2px #3a1a05;font-size:64px;font-weight:1000;line-height:1}.result .pay{margin:6px 0;font-size:26px;font-weight:1000}.result .moment{background:#0006;border-radius:12px;max-width:330px;margin:10px 0 14px;padding:10px 14px;font-weight:800}.result .moment small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:12px;display:block}.rules{text-align:left;justify-content:flex-start;max-width:440px;font-size:15px;line-height:1.45}.rules h2{color:var(--gold);margin:16px 0 4px;font-size:20px}.rules h1{color:var(--gold);text-align:center;margin:6px 0}.rules ul,.rules ol{margin:4px 0;padding-left:20px}.rules .close{align-self:flex-end;position:sticky;top:0}.rtp{border:2px solid var(--gold);text-align:center;background:#f2c14e22;border-radius:12px;margin:10px 0;padding:8px 12px;font-weight:900}@media (prefers-reduced-motion:reduce){.banner.show{animation:1.2s forwards fade}.bubble{animation:none}.vignette.inferno{opacity:.6;animation:none}}@media (min-aspect-ratio:4/5){.bottom{background:0 0;width:480px;left:50%;right:auto;transform:translate(-50%)}.trays{width:480px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:359px){.claimbtn{font-size:15px}.claimbtn small{font-size:10px}.liarbtn{font-size:19px}.stepper button{width:28px}.stepper .n{width:28px;font-size:26px}.iconbtn{flex:0 0 36px;width:36px;height:36px;font-size:16px}.pill{padding:5px 8px;font-size:12px}.tray .odds{font-size:10px}.tray .pip{width:6px}}
