:root{--tile-face:#fbf3de;--tile-face-2:#f3e8cd;--tile-edge:#c9b890;--tile-ink:#3f3522;--tile-locked-face:#cfc1a0;--tile-locked-ink:#897c5f;--tile-bevel-light:#fffcf0e6;--tile-bevel-dark:#7860328c;--tile-thickness:#ad9663;--tile-cast:#0f1e1459;--suit-dots:#b07a1e;--suit-bamboo:#4f7a3f;--suit-chars:#b23a2e;--accent:#d9764a}:root,[data-theme=light]{--bg:#e3d6bd;--surface:#faf3e2;--banner:#d8c8a8;--text:#3a322c;--text-muted:#8c8175;--border:#c4b390;--on-accent:#fffaf5;--success:#6f9a59;--fail:#c2705a;--board-felt:#2a523c;--board-felt-edge:#1f3d2d;--overlay:#140e0873}[data-theme=dark]{--bg:#1d1915;--surface:#2c2620;--banner:#26211b;--text:#f1e9da;--text-muted:#a89c8d;--border:#3a322a;--on-accent:#1d1915;--success:#84b06d;--fail:#cf836b;--board-felt:#0d2418;--board-felt-edge:#081a11;--overlay:#0000008c;--tile-cast:#00000080}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}.tile{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;min-width:44px;height:104px;min-height:44px;transition:transform .18s,opacity .18s,filter .18s;display:flex;position:absolute}.tile__num,.tile__suit{font-size:30px;font-weight:600;line-height:1}.tile__num{color:var(--tile-ink)}.tile[data-suit=dots] .tile__suit{color:var(--suit-dots)}.tile[data-suit=bamboo] .tile__suit{color:var(--suit-bamboo)}.tile[data-suit=chars] .tile__suit{color:var(--suit-chars)}.tile--exposed{background:linear-gradient(180deg, var(--tile-face) 0%, var(--tile-face-2) 100%);border:1px solid var(--tile-edge);box-shadow:inset 2px 2px 0 var(--tile-bevel-light), inset -2px -2px 0 var(--tile-bevel-dark), 0 5px 0 var(--tile-thickness), 5px 9px 0 var(--tile-cast);opacity:1;cursor:pointer}.tile--exposed:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile--selected{border-color:var(--accent);box-shadow:inset 2px 2px 0 var(--tile-bevel-light), inset -2px -2px 0 var(--tile-bevel-dark), 0 0 0 3px var(--accent), 0 5px 0 var(--tile-thickness), 6px 12px 0 var(--tile-cast);transform:translateY(-4px)}.tile--fail{animation:.26s tile-fail}@keyframes tile-fail{0%,to{background:linear-gradient(180deg, var(--tile-face) 0%, var(--tile-face-2) 100%)}35%,70%{background:var(--fail)}}.tile--locked{background:var(--tile-locked-face);opacity:.7;border:1px solid #0000;transform:scale(.97);box-shadow:inset 0 2px 5px #281e0a47}.tile--locked .tile__num,.tile--locked .tile__suit{color:var(--tile-locked-ink)}.board-wrap{background:var(--board-felt);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:12px;display:flex;overflow:hidden;box-shadow:inset 0 0 80px #00000052}.board{flex-shrink:0;position:relative}.banner{background:var(--banner);border-bottom:1px solid var(--border);padding:12px 20px 0;transition:background .2s}.banner--flash{animation:.45s banner-flash}@keyframes banner-flash{0%{background:var(--accent)}to{background:var(--banner)}}.banner__main{align-items:center;gap:14px;display:flex}.banner__icon{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.banner__text{flex-direction:column;min-width:0;display:flex}.banner__label{color:var(--text);font-size:18px;font-weight:700;line-height:1.2}.banner__desc{color:var(--text-muted);font-size:13px}.banner__next{border:1px dashed var(--border);color:var(--text-muted);opacity:.7;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;display:inline-flex}.banner__next-caption{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.banner__next-label{font-size:13px;font-weight:600}.banner__bar{background:var(--border);border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.banner__bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .12s linear}.banner__bar-fill--pulse{animation:.7s ease-in-out infinite bar-pulse}@media (prefers-reduced-motion:reduce){.banner__bar-fill--pulse{animation:none}}@keyframes bar-pulse{0%,to{opacity:1}50%{opacity:.4}}.modal{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal__card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;color:var(--text);border-radius:16px;padding:26px 28px}.modal__step{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 4px;font-size:12px}.modal__title{margin:0 0 8px;font-size:22px;font-weight:700}.modal__body{color:var(--text);margin:0 0 18px;line-height:1.55}.modal__dots{gap:7px;margin-bottom:20px;display:flex}.modal__dot{background:var(--border);border-radius:50%;width:8px;height:8px}.modal__dot--on{background:var(--accent)}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.summary__grid{gap:10px;margin:6px 0 16px;display:flex}.summary__stat{background:var(--banner);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;flex:1;gap:3px;padding:14px 8px;display:flex}.summary__value{color:var(--text);font-size:22px;font-weight:700}.summary__label{color:var(--text-muted);font-size:12px}.summary__trend-row{text-align:center;margin-bottom:18px}.summary__trend{color:var(--text-muted);font-size:14px}.summary__trend--good{color:var(--success);font-weight:600}.summary__trend--bad{color:var(--fail);font-weight:600}.settings__row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settings__row:first-of-type{border-top:none}.settings__label{font-weight:600}.btn{font:inherit;cursor:pointer;border-radius:11px;min-height:44px;padding:11px 22px;font-weight:600;transition:filter .15s,border-color .15s}.btn--sm{min-height:36px;padding:7px 16px}.btn--primary{background:var(--accent);color:var(--on-accent);border:none}.btn--primary:hover{filter:brightness(1.08)}.btn--ghost{border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn--ghost:hover{border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg{border:1px solid var(--border);border-radius:11px;display:inline-flex;overflow:hidden}.seg__btn{font:inherit;background:var(--surface);min-height:40px;color:var(--text-muted);cursor:pointer;border:none;padding:6px 12px;font-size:14px}.seg__btn--on{background:var(--accent);color:var(--on-accent)}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;transition:border-color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.start{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.start__inner{text-align:center;width:100%;max-width:360px}.start__heading{color:var(--text);margin:0 0 8px;font-size:26px;font-weight:700}.start__sub{color:var(--text-muted);margin:0 0 28px;line-height:1.55}.start__stats{gap:12px;margin-bottom:28px;display:flex}.start__stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.start__value{color:var(--accent);font-size:28px;font-weight:700}.start__label{color:var(--text-muted);font-size:13px}.start__play{width:100%;padding:16px;font-size:17px}.app{flex-direction:column;min-height:100svh;display:flex}.app__header{border-bottom:1px solid var(--border);background:var(--banner);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app__title{letter-spacing:-.2px;margin:0;font-size:20px;font-weight:600}.app__main{flex:1;display:flex}.app__loading{color:var(--text-muted);margin:auto}