:root{--bg: #0f141b;--bg-soft: #141b24;--panel: #182029;--panel-2: #1f2934;--line: #2b3745;--line-soft: #222c38;--text: #e9eff6;--muted: #94a6b8;--accent: #3fa7ff;--accent-soft: rgba(63, 167, 255, .14);--win: #47c07a;--warn: #ffb64d;--claim: #c98bff;--tile-ink: #2a3138;--tile-red: #d9463f;--tile-green: #2f9e5f;--tile-blue: #2f6fd0;--tile-gold: #c98a2b;--tile-face: #f6f2e7;--tile-face-2: #ece5d3;--tile-edge: #c9c0ab;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#17222e,var(--bg));color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.45}h1{font-size:1.2rem;margin:0}h2{font-size:1rem;margin:0 0 .5rem}h3{font-size:.95rem;margin:0 0 .35rem}.subhead{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.7rem 0 .3rem}.muted{color:var(--muted);font-size:.85rem}.app{max-width:1240px;margin:0 auto;padding:.9rem}.app__header{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.7rem}.brand{display:flex;align-items:center;gap:.7rem}.brand__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(150deg,var(--accent),#2b6fb5);color:#06121d;font-size:1.35rem;font-weight:700}.brand__tagline{margin:.15rem 0 0;color:var(--muted);font-size:.82rem}.modes{display:flex;gap:.4rem;flex-wrap:wrap}.modes__item{display:grid;gap:.1rem;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.45rem .8rem;color:var(--text);cursor:pointer}.modes__item:hover{border-color:var(--accent)}.modes__item--active{background:var(--accent-soft);border-color:var(--accent)}.modes__label{font-weight:600;font-size:.92rem}.modes__hint{color:var(--muted);font-size:.72rem}.mode{padding-top:.9rem}.mode__header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.mode__header h2{margin:0}.mode__footer{margin:.9rem 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:.9rem;align-items:start}.layout__main,.layout__side{display:grid;gap:.9rem;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.75rem}.table{display:grid;gap:.9rem}.table__seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.button{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.42rem .75rem;cursor:pointer;font-size:.85rem}.button:hover:not(:disabled){border-color:var(--accent)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:#06121d;font-weight:600}.button--win{background:var(--win);border-color:var(--win);color:#04160c;font-weight:600}.controls__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.controls__hint{margin:.55rem 0 0;color:var(--muted);font-size:.85rem}.seed-form,.lobby__row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem}.seed-form input,.lobby__row input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.35rem .55rem;min-width:8.5rem}.status{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;padding:.55rem .75rem;font-size:.85rem;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:12px}.status strong{color:var(--text)}.status__last{display:inline-flex;align-items:center;gap:.4rem}.status__last-text{color:var(--text)}.status__extra{margin-left:auto;color:var(--accent)}.notice{background:#ffb64d1f;border:1px solid var(--warn);color:var(--warn);border-radius:10px;padding:.5rem .75rem;margin:0 0 .75rem;display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.notice__close{background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font-size:.82rem}.badge{background:var(--accent);color:#06121d;border-radius:999px;padding:.05rem .5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;margin-left:.3rem}.badge--claim{background:var(--claim)}.pill{border-radius:999px;padding:.2rem .7rem;font-size:.78rem;border:1px solid var(--line);background:var(--panel-2)}.pill--online{border-color:var(--win);color:var(--win)}.pill--error,.pill--offline{border-color:var(--warn);color:var(--warn)}.seat__header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.seat__header h3{margin:0;font-size:.92rem}.seat__wind{color:var(--muted);font-weight:400;font-size:.8rem}.seat--turn{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.seat__hand{display:flex;flex-wrap:wrap;gap:2px;align-items:center;margin:.4rem 0}.seat__count{color:var(--muted);font-size:.72rem;margin-left:.3rem}.seat__discards{display:flex;flex-wrap:wrap;gap:2px;min-height:32px;padding-top:.3rem;border-top:1px dashed var(--line-soft)}.melds{display:flex;flex-wrap:wrap;gap:.5rem;margin:.35rem 0}.melds__group{display:inline-flex;gap:1px;padding:2px 3px;border-radius:8px;background:#3fa7ff1a;border:1px solid rgba(63,167,255,.35)}.hand__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.hand__ready{margin:0;color:var(--win);font-size:.85rem;font-weight:600}.hand__tiles{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;padding:.5rem 0}.hand__drawn{margin-left:.7rem;padding-left:.7rem;border-left:1px dashed var(--line)}.hand__discards{display:flex;flex-wrap:wrap;gap:2px;min-height:32px}.tile{display:inline-flex;padding:0;border:none;background:none;line-height:0;border-radius:6px}.tile__body{fill:var(--tile-face);stroke:var(--tile-edge);stroke-width:1.5}.tile__inlay{fill:var(--tile-face-2);opacity:.65}.tile__index{font-size:12px;font-weight:700;font-family:inherit}.tile__back-body{fill:#24506f;stroke:#16324a;stroke-width:1.5}.tile__back-inlay{fill:#2c6086}.tile__back-mark{fill:#3f7ba6}.tile--clickable{cursor:pointer;transition:transform .08s ease-out}.tile--clickable:hover:not(:disabled){transform:translateY(-5px)}.tile--clickable:disabled{cursor:not-allowed;opacity:.5}.tile--fresh .tile__body{stroke:var(--accent);stroke-width:3}.tile--hinted .tile__body{stroke:var(--warn);stroke-width:3}.tile--focused .tile__body{stroke:var(--claim);stroke-width:3}.claims{border-color:var(--claim)}.claims--active{box-shadow:inset 0 0 0 1px var(--claim)}.claims__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.claims__header h2{margin:0}.claims__tile{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem}.claims__buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.claims__hint{font-size:.72rem;opacity:.75}.coach__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.coach__situation{color:var(--muted);font-size:.82rem;margin:0 0 .4rem}.coach__headline{margin:0 0 .25rem;font-weight:700;color:var(--accent)}.coach__reason{margin:0 0 .4rem;font-size:.88rem}.coach__notes{margin:0 0 .6rem;padding-left:1.1rem;font-size:.83rem;color:var(--muted);display:grid;gap:.25rem}.lessons{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.lessons__item{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer}.lessons__item--active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.lesson p{font-size:.9rem;margin:0 0 .4rem}.lesson__goal{border-left:3px solid var(--accent);padding-left:.6rem}.lesson__done{background:#47c07a1f;border:1px solid var(--win);border-radius:10px;padding:.6rem;margin-top:.5rem}.lesson__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.lobby{display:grid;gap:.6rem}.room__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.room__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:var(--accent)}.room__actions{display:flex;gap:.4rem;flex-wrap:wrap}.room__seats{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.35rem}.room__seat{display:flex;align-items:center;gap:.4rem;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem;font-size:.85rem}.room__seat--empty{opacity:.6}.log__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;font-size:.82rem;max-height:260px;overflow-y:auto}.log__item{color:var(--muted);border-left:2px solid var(--line);padding-left:.5rem}.log__item--you{color:var(--text);border-left-color:var(--accent)}.log__item--claim{color:var(--claim);border-left-color:var(--claim)}.log__item--win{color:var(--win);border-left-color:var(--win);font-weight:600}.log__item--end{color:var(--warn);border-left-color:var(--warn)}.help ol{margin:0;padding-left:1.1rem;font-size:.85rem;color:var(--muted);display:grid;gap:.3rem}.help strong{color:var(--text)}.glossary{margin:0;font-size:.8rem;display:grid;gap:.3rem}.glossary__row{display:grid;gap:.05rem}.glossary dt{color:var(--text);font-weight:600}.glossary dd{margin:0;color:var(--muted)}.overlay{position:fixed;inset:0;background:#060a0fcc;display:grid;place-items:center;padding:1rem;z-index:10}.overlay__card{max-width:580px;width:100%;background:var(--panel)}.overlay__actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.overlay__note{color:var(--muted);font-size:.8rem}.win-hand{display:grid;gap:.4rem;margin:.75rem 0}.win-hand__meld{display:flex;align-items:center;gap:.5rem}.win-hand__label{width:7.5rem;color:var(--muted);font-size:.8rem}.win-hand__tiles{display:flex;gap:2px}.app__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line);margin-top:1rem;padding-top:.6rem}@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.app{padding:.6rem}.modes{width:100%}.modes__item{flex:1 1 30%}.brand__tagline{display:none}.hand__tiles{gap:2px}.status{font-size:.78rem}}.app__header-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.language{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.language__item{min-width:44px;min-height:40px;padding:.35rem .7rem;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:.85rem;letter-spacing:.04em;cursor:pointer}.language__item+.language__item{border-left:1px solid var(--line)}.language__item:hover{color:var(--text)}.language__item--active{background:var(--accent-soft);color:var(--text)}.language__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.coach__label{color:var(--accent);font-weight:600}.coach__lesson{margin:0 0 .4rem;padding:.45rem .6rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;font-size:.86rem}.button--suggested{box-shadow:0 0 0 2px var(--accent)}.lesson__progress{margin:0 0 .2rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.lesson__objective{margin:.2rem 0 .6rem}.lesson__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.lesson-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;margin:.8rem 0 0;padding:0}.lesson-card{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:.7rem;background:var(--panel-2, var(--panel))}.lesson-card h4{margin:0;font-size:.98rem}.lesson-card p{margin:0;font-size:.84rem}.lesson-card__number{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.lesson-card .button{margin-top:auto}@media(max-width:620px){.app__header-controls{width:100%;justify-content:space-between}.lesson-cards{grid-template-columns:minmax(0,1fr)}}