:root{--tile-face:#fbf3de;--tile-face-2:#f3e8cd;--tile-edge:#c9b890;--tile-ink:#3f3522;--tile-locked-face:#cfc1a0;--tile-locked-ink:#897c5f;--tile-locked-shadow:#281e0a47;--tile-bevel-light:#fffcf0e6;--tile-bevel-dark:#7860328c;--tile-thickness:#ad9663;--tile-cast:#0f1e1459;--suit-dots:#b07a1e;--suit-bamboo:#4f7a3f;--suit-chars:#b23a2e;--suit-winds:#7a5aa6;--accent:#d9764a}:root,[data-theme=light]{--bg:#f2ebdd;--surface:#fbf8f2;--banner:#fffcf6;--text:#3a322c;--text-muted:#8c8175;--border:#e6ddcb;--on-accent:#fffaf5;--success:#6f9a59;--fail:#c2705a;--board-felt:#2a523c;--board-felt-edge:#1f3d2d;--overlay:#140e0873;--banner-bg:#2a523c;--banner-ink:#f3ece0;--banner-ink-muted:#bcd0c4;--banner-chip:#1f3d2d;--banner-edge:#18301f}[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;--banner-bg:#102e22;--banner-ink:#eef3ec;--banner-ink-muted:#9fb6a8;--banner-chip:#0a1f15;--banner-edge:#06140d}*{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}.auth{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth__card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:360px;padding:26px 24px}.auth__heading{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:700}.auth__sub{color:var(--text-muted);margin:0 0 22px;font-size:14px;line-height:1.55}.auth__form{text-align:left;flex-direction:column;gap:12px;display:flex}.auth__field{flex-direction:column;gap:5px;display:flex}.auth__label{color:var(--text-muted);font-size:13px;font-weight:600}.auth__input{font:inherit;border:1px solid var(--border);background:var(--banner);min-height:44px;color:var(--text);border-radius:11px;padding:10px 12px;font-size:16px}.auth__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth__error{color:var(--fail);margin:2px 0 0;font-size:13px;font-weight:600;line-height:1.45}.auth__submit{width:100%;margin-top:4px;padding:14px;font-size:16px}.auth__submit:disabled{opacity:.6;cursor:default}.tile{width:var(--tile-w,80px);height:var(--tile-h,104px);-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;min-width:44px;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[data-suit=winds] .tile__suit{color:var(--suit-winds)}.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);box-shadow:inset 0 2px 5px var(--tile-locked-shadow);opacity:.7;border:1px solid #0000;transform:scale(.97)}.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-bg);border-bottom:1px solid var(--banner-edge);padding:12px 20px 0;transition:background .2s}.banner--flash{animation:.45s banner-flash}@keyframes banner-flash{0%{background:var(--accent)}to{background:var(--banner-bg)}}.banner__main{align-items:center;gap:14px;display:flex}.banner__icon{background:var(--banner-chip);border:1px solid var(--banner-edge);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(--banner-ink);font-size:18px;font-weight:700;line-height:1.2}.banner__desc{color:var(--banner-ink-muted);font-size:13px}.banner__next{border:1px dashed var(--banner-ink-muted);color:var(--banner-ink-muted);opacity:.85;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(--banner-chip);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__headline{margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.15}.summary--win .summary__headline{color:var(--success)}.summary--loss .summary__headline{color:var(--text)}.summary__unlock{color:var(--accent);margin:0 0 4px;font-size:14px;font-weight:700}.summary__lead{color:var(--text);margin:0 0 4px;font-size:15px}.summary__hero{background:var(--banner);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:2px;margin:12px 0 10px;padding:16px;display:flex;position:relative}.summary--win .summary__hero{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--banner))}.summary__hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.summary__info{border:1px solid var(--border);width:18px;height:18px;color:var(--text-muted);cursor:help;background:0 0;border-radius:50%;padding:0;font-size:11px;font-style:italic;font-weight:700;line-height:1;position:relative}.summary__info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.summary__info:after{content:attr(data-tip);background:var(--text);width:max-content;max-width:200px;color:var(--surface);text-align:center;white-space:normal;opacity:0;pointer-events:none;z-index:10;border-radius:8px;padding:8px 10px;font-size:12px;font-style:normal;font-weight:500;line-height:1.4;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.summary__info:hover:after,.summary__info:focus-visible:after{opacity:1}.summary__hero-value{font-size:52px;font-weight:800;line-height:1.05}.summary--win .summary__hero-value{color:var(--success)}.summary--loss .summary__hero-value{color:var(--text-muted)}.summary__delta{color:var(--text-muted);font-size:14px;font-weight:600}.summary__delta--good{color:var(--success)}.summary__delta--bad{color:var(--fail)}.summary__best-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--on-accent);background:var(--success);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.summary__takeaway{text-align:center;color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.5}.summary__par{text-align:center;color:var(--text-muted);margin:0 0 16px;font-size:13px}.summary__par--best{color:var(--accent);font-weight:700}.modal__stack{flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.modal__cta{width:100%}.modal__quiet{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:14px;font-weight:600}.modal__quiet:hover{color:var(--text)}.modal__quiet:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.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}.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)}.seg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.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}.app__main{position:relative}.game-menu-btn{z-index:20;background:var(--banner-chip);border-color:var(--banner-edge);width:40px;height:40px;color:var(--banner-ink);position:absolute;top:12px;right:12px}.endless-badge{z-index:20;color:var(--text);background:var(--banner);border:1px solid var(--border);border-radius:999px;margin:0;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:12px;left:12px}.board-flash{z-index:30;color:var(--on-accent);background:var(--success);box-shadow:0 6px 0 var(--board-felt-edge);pointer-events:none;border-radius:14px;padding:14px 26px;font-size:22px;font-weight:700;animation:1.1s forwards board-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes board-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.board-flash{animation:1.1s forwards board-flash-fade}@keyframes board-flash-fade{0%,85%{opacity:1}to{opacity:0}}}.ob-card{text-align:center}.ob-top{justify-content:space-between;align-items:center;display:flex}.ob-skip{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:600}.ob-skip:hover{color:var(--text)}.ob-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.ob-art{justify-content:center;align-items:center;gap:12px;min-height:116px;margin:14px 0 18px;display:flex}.ob-felt{background:var(--board-felt);border-radius:14px;padding:18px}.ob-tile{background:linear-gradient(180deg, var(--tile-face) 0%, var(--tile-face-2) 100%);border:1px solid var(--tile-edge);width:52px;height:68px;box-shadow:inset 2px 2px 0 var(--tile-bevel-light), inset -2px -2px 0 var(--tile-bevel-dark), 0 4px 0 var(--tile-thickness), 4px 7px 0 var(--tile-cast);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.ob-tile__num{color:var(--tile-ink);font-size:22px;font-weight:600;line-height:1}.ob-tile__suit{font-size:22px;font-weight:600;line-height:1}.ob-tile[data-suit=dots] .ob-tile__suit{color:var(--suit-dots)}.ob-tile[data-suit=bamboo] .ob-tile__suit{color:var(--suit-bamboo)}.ob-tile[data-suit=chars] .ob-tile__suit{color:var(--suit-chars)}.ob-tile[data-suit=winds] .ob-tile__suit{color:var(--suit-winds)}.ob-check{color:var(--success);font-size:26px;font-weight:700}.ob-banner{background:var(--banner-bg);border:1px solid var(--banner-edge);border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:14px 16px}.ob-banner__row{align-items:center;gap:10px;display:flex}.ob-banner__icon{background:var(--banner-chip);border:1px solid var(--banner-edge);width:36px;height:36px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.ob-banner__label{color:var(--banner-ink);font-size:16px;font-weight:700}.ob-banner__next{border:1px dashed var(--banner-ink-muted);color:var(--banner-ink-muted);opacity:.85;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;display:inline-flex}.ob-banner__next-cap{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.ob-banner__bar{background:var(--banner-chip);border-radius:2px;height:4px;overflow:hidden}.ob-banner__bar-fill{background:var(--accent);border-radius:2px;width:62%;height:100%}.ob-board{flex-direction:column;gap:0;padding:20px 18px}.ob-board__row{gap:10px;display:flex}.ob-board__row--top{margin-top:-14px}.ob-board .ob-tile{width:44px;height:58px}.ob-board .ob-tile__num,.ob-board .ob-tile__suit{font-size:18px}.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__progress{letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:600}.start__levels{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.level-chip{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;font-size:16px;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.level-chip--on{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:translateY(-2px)}.level-chip--cleared{border-color:var(--accent);color:var(--accent)}.level-chip:disabled{opacity:.45;cursor:not-allowed}.level-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.start__trend{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.start__trend-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:13px;font-weight:600}.start__trend-delta{color:var(--text-muted);font-size:14px;font-weight:700}.start__trend-delta--good{color:var(--success)}.start__trend-delta--bad{color:var(--fail)}.start__trend-empty{color:var(--text-muted);font-size:13px}.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(--tile-edge);background:linear-gradient(180deg, var(--tile-face) 0%, var(--tile-face-2) 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app__title{letter-spacing:-.2px;color:var(--suit-chars);margin:0;font-size:20px;font-weight:700}.app__header .icon-btn{border-color:var(--tile-edge);color:var(--tile-ink);background:0 0}.app__header .icon-btn:hover{border-color:var(--suit-chars);color:var(--suit-chars)}.app__main{flex:1;display:flex}.app__loading{color:var(--text-muted);margin:auto}