: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}.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}.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}