:root{--bg: #12161a;--surface: #1b2127;--surface-2: #232b33;--text: #e8edf2;--text-dim: #9aa7b4;--border: #2f3944;--accent: #2e7d4f;--accent-strong: #3a9d63;--warn-bg: #4a3a12;--warn-border: #8a6d20;--warn-text: #f3dfa8;--invalid: #d4685c;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}.app{max-width:720px;margin:0 auto;padding:12px 12px calc(24px + env(safe-area-inset-bottom))}.app-header h1{font-size:18px;margin:8px 0 4px}.app-header-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:12px;color:var(--text-dim);margin-bottom:12px}.banner-warning{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.conditions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.condition{background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:13px}.condition b{font-size:15px}.condition.muted{color:var(--text-dim);font-size:11px;background:transparent;border:1px dashed var(--border)}.question-prompt{font-size:14px;line-height:1.6;margin:4px 0 14px;color:var(--text-dim)}.question-prompt b{color:var(--text)}.hand{--hand-tile: clamp(24px, 7.2vw, 52px);--tile-h: var(--hand-tile);display:flex;flex-direction:column;gap:10px}.hand-compact{--hand-tile: clamp(18px, 5.2vw, 34px)}.meld-tiles{--tile-h: calc(var(--hand-tile) * .88)}.wait-head-tile{--tile-h: clamp(30px, 8vw, 44px);display:block}.hand-concealed{display:flex;flex-wrap:wrap;gap:2px;align-items:flex-end}.hand-winning{margin-left:10px}.hand-melds{display:flex;flex-wrap:wrap;gap:12px}.meld{display:flex;flex-direction:column;align-items:center;gap:2px}.meld-tiles{display:flex;gap:2px;align-items:flex-end}.hand-melds{align-items:flex-end}.meld-label{font-size:10px;color:var(--text-dim)}.btn-primary{display:block;width:100%;margin-top:18px;padding:14px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer}.btn-primary:active{background:var(--accent-strong)}.btn-text{background:none;border:none;color:var(--text-dim);font-size:12px;text-decoration:underline;cursor:pointer;padding:8px 0}.answers{margin-top:16px;display:flex;flex-direction:column;gap:14px}.wait-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}.wait-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wait-head-text{font-size:15px}.wait-hand{margin-bottom:12px;opacity:.9}.outcomes{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:560px){.outcomes{grid-template-columns:1fr 1fr}}.outcome{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px}.outcome-invalid{border-color:var(--invalid)}.outcome-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.outcome-label{font-size:13px;color:var(--text-dim)}.outcome-total{font-size:22px;font-weight:700}.outcome-total.invalid{font-size:13px;font-weight:600;color:var(--invalid);text-align:right}.yaku-list{list-style:none;margin:0;padding:0;font-size:13px}.yaku-list li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted var(--border)}.yaku-list li:last-child{border-bottom:none}.yaku-points{color:var(--text-dim);font-variant-numeric:tabular-nums}.yaku-name-with-reading{display:flex;flex-direction:column;gap:1px;min-width:0}.yaku-reading{font-size:10px;color:var(--text-dim);letter-spacing:.02em}.excluded{margin-top:8px;font-size:12px;color:var(--text-dim)}.excluded summary{cursor:pointer}.excluded ul{list-style:none;margin:6px 0 0;padding:0}.excluded li{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.excluded-reason{text-align:right;flex:1}.verify-note,.source{font-size:11px;color:var(--text-dim);margin:8px 0 0}.grade-row{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.grade-label{font-size:12px;color:var(--text-dim)}.grade-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.btn-grade{padding:12px 4px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.grade-correct{border-color:#3a9d63}.grade-partial{border-color:#b08a2e}.grade-wrong{border-color:#b5544a}.app-footer{text-align:center;margin-top:20px}.home-lead{margin:0 0 12px;font-size:14px;color:var(--text-dim)}.level-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.level-button{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name count" "desc count";align-items:center;gap:2px 12px;width:100%;padding:14px;text-align:left;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer}.level-button:active:not(:disabled){border-color:var(--accent-strong)}.level-button:disabled{opacity:.45;cursor:default}.level-name{grid-area:name;font-size:16px;font-weight:700}.level-desc{grid-area:desc;font-size:11px;line-height:1.5;color:var(--text-dim)}.level-count{grid-area:count;font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.home-toolbar-note{font-size:11px;color:var(--text-dim)}.drill-toolbar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:10px 0 calc(4px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 40%)}.btn-yaku-toggle,.btn-home{padding:10px 18px;font-size:14px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;cursor:pointer}.btn-yaku-toggle[aria-expanded=true]{border-color:var(--accent-strong)}.yaku-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;background:var(--bg)}.yaku-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.yaku-overlay-title{font-size:14px;font-weight:600}.yaku-overlay-body{flex:1;overflow-y:auto;padding:12px 14px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.yaku-table{max-width:720px;margin:0 auto}.yaku-group+.yaku-group{margin-top:16px}.yaku-group-head{position:sticky;top:0;margin:0 0 6px;padding:4px 0;font-size:13px;color:var(--accent-strong);background:var(--bg)}.yaku-group-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}@media(min-width:480px){.yaku-group-list{grid-template-columns:1fr 1fr;column-gap:16px}}.yaku-group-list li{display:flex;align-items:baseline;gap:8px;padding:5px 2px;border-bottom:1px dotted var(--border);font-size:14px}.yaku-group-list .yaku-reading{font-size:11px}