:root{--bg:#eef5ff;--ink:#17213a;--muted:#7d8aa7;--panel:#fff;--primary:#6558f5;--primary2:#8579ff;--felt:#0c7568;--felt2:#07564f;--feltline:rgba(255,255,255,.13);--shadow:0 18px 44px rgba(39,53,95,.13);--red:#f25f67;--gold:#ffbd4a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif}body{overscroll-behavior:none}.app{width:min(100%,760px);min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--primary2),var(--primary));font-size:15px;box-shadow:0 7px 15px color-mix(in srgb,var(--primary) 30%,transparent)}.top-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;border:0;border-radius:14px;background:rgba(255,255,255,.75);color:var(--ink);font-size:18px;font-weight:800;box-shadow:0 6px 18px rgba(39,53,95,.08);cursor:pointer}.status-row{display:flex;align-items:center;justify-content:space-between}.pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;background:#dff6e8;color:#25815b;font-size:10px;font-weight:900;letter-spacing:.08em}.dot{width:7px;height:7px;border-radius:50%;background:#35ba79;box-shadow:0 0 0 4px rgba(53,186,121,.12)}.balance{text-align:right}.balance small,.hand-summary small,.pot-card small,.dialog-head small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}.balance strong{font-size:17px}.table-wrap{position:relative;min-height:390px;flex:1;border-radius:42% / 12%;overflow:hidden;background:radial-gradient(circle at 50% 36%,var(--felt),var(--felt2));box-shadow:inset 0 0 0 9px rgba(255,255,255,.11),inset 0 0 0 11px rgba(0,0,0,.05),var(--shadow)}.table-wrap:after{content:"";position:absolute;inset:17px;border:1px solid var(--feltline);border-radius:42% / 12%;pointer-events:none}canvas{position:absolute;inset:0;width:100%;height:100%}.pot-card{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);padding:8px 15px;border-radius:13px;background:rgba(5,55,51,.54);color:white;text-align:center;backdrop-filter:blur(7px)}.pot-card small{color:rgba(255,255,255,.65)}.pot-card strong{font-size:17px}.phase-badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.13);color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em}.toast{position:absolute;left:50%;bottom:17px;transform:translate(-50%,15px);opacity:0;padding:10px 16px;border-radius:13px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;box-shadow:var(--shadow);transition:.25s;z-index:3;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.hand-summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.hand-summary strong{font-size:15px}.strength{text-align:right}.strength>span{font-size:10px;font-weight:900;color:var(--primary)}.strength>div{width:86px;height:6px;margin-top:5px;border-radius:99px;background:#dce4f1;overflow:hidden}.strength i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary2),var(--primary));transition:.4s}.controls{display:grid;gap:10px}.bet-panel{padding:12px 14px;background:rgba(255,255,255,.74);border-radius:18px;box-shadow:0 7px 20px rgba(39,53,95,.06)}.bet-head{display:flex;justify-content:space-between;font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.09em}.bet-head strong{color:var(--ink);font-size:13px}input[type=range]{width:100%;height:22px;margin:4px 0;accent-color:var(--primary)}.quick-bets{display:flex;gap:6px}.quick-bets button{flex:1;border:0;border-radius:9px;padding:7px 3px;background:#edf0f8;color:#697694;font-size:9px;font-weight:800;cursor:pointer}.actions{display:grid;grid-template-columns:1fr 1.1fr 1.45fr;gap:9px}.action{min-height:59px;border:0;border-radius:18px;font-family:inherit;cursor:pointer;transition:transform .12s,opacity .2s}.action:active{transform:scale(.97)}.action span,.action small{display:block}.action span{font-size:14px;font-weight:900}.action small{margin-top:2px;font-size:9px;opacity:.66}.action.secondary{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(39,53,95,.09)}.action.danger{color:var(--red)}.action.primary{background:linear-gradient(145deg,var(--primary2),var(--primary));color:#fff;box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 28%,transparent)}button:disabled{opacity:.4;cursor:not-allowed}dialog{width:min(calc(100% - 30px),520px);border:0;border-radius:28px;padding:22px;background:var(--panel);color:var(--ink);box-shadow:0 25px 70px rgba(25,35,70,.25)}dialog::backdrop{background:rgba(17,26,50,.45);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:3px 0 14px;font-size:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.stats-grid div{padding:14px 8px;border-radius:16px;background:var(--bg);text-align:center}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:18px}.stats-grid span{font-size:9px;color:var(--muted);font-weight:800}.menu-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #edf0f6;padding:14px 4px;background:none;color:inherit;text-align:left}.menu-row>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--bg);font-size:18px}.menu-row strong,.menu-row small{display:block}.menu-row small{color:var(--muted);margin-top:2px}.achievement{display:flex;gap:12px;margin-top:8px;padding:15px;border-radius:18px;background:#fff6db}.achievement>span{font-size:25px}.achievement div{flex:1}.achievement small,.achievement strong,.achievement em{display:block}.achievement small{font-size:8px;color:#a67620;font-weight:900;letter-spacing:.1em}.achievement strong{font-size:13px}.achievement em{font-style:normal;font-size:10px;color:#a67620}.tutorial{position:fixed;inset:0;display:none;align-items:flex-end;justify-content:center;padding:20px;background:rgba(17,26,50,.45);z-index:10}.tutorial.show{display:flex}.tutorial>div{width:min(100%,500px);padding:22px;border-radius:26px;background:#fff;box-shadow:var(--shadow)}.tutorial span{font-size:9px;font-weight:900;color:var(--primary);letter-spacing:.12em}.tutorial strong{display:block;margin-top:5px;font-size:22px}.tutorial p{color:var(--muted);line-height:1.5;font-size:14px}.tutorial button{width:100%;border:0;padding:14px;border-radius:14px;background:var(--primary);color:#fff;font-weight:900}
body.theme-night{--bg:#11192b;--ink:#f4f6ff;--muted:#929bb3;--panel:#1b2539;--primary:#9d70ff;--primary2:#7356e8;--felt:#21405d;--felt2:#162a43}body.theme-pastel{--bg:#fff3f5;--primary:#ed6d9e;--primary2:#ff96b8;--felt:#5e9e93;--felt2:#457a72}body.theme-night .action.secondary,body.theme-night .icon-button,body.theme-night .bet-panel{background:#1b2539}body.theme-night .quick-bets button{background:#27334a;color:#b9c2d8}
@media(min-width:700px){.app{padding-inline:30px}.table-wrap{min-height:480px}.controls{grid-template-columns:1.1fr 1.4fr;align-items:center}.table-wrap{border-radius:38% / 15%}}
@media(max-height:720px){.app{gap:7px}.topbar{height:45px}.table-wrap{min-height:290px}.bet-panel{padding-block:8px}.action{min-height:51px}.hand-summary{min-height:38px}}