:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #fdfcf8;--color-surface-alt: #f4f3ec;--color-border: #e5e4e7;--color-border-strong: #d6d3cb;--color-text: #08060d;--color-text-secondary: #6b6375;--color-accent: #9333ea;--color-accent-contrast: #ffffff;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-danger: #b91c1c;--color-danger-bg: #fff1f1;--color-warning-bg: #fff8e6;--color-warning-border: #f3d98b;--color-warning-text: #8a6d1f;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--font-sans: system-ui, "Hiragino Sans", "Segoe UI", Meiryo, sans-serif;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-layout{min-height:100svh;display:flex;flex-direction:column}.app-layout>main{flex:1 0 auto;width:100%}h1{font-size:22px;font-weight:700;margin:0;color:var(--color-text)}h2{font-size:15px;font-weight:600;margin:0;color:var(--color-text-secondary)}p{margin:0;line-height:1.6}a{color:var(--color-accent)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.page-shell{max-width:640px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:20px}@media (min-width: 640px){.page-shell{padding:32px 16px}}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.page-header-link{font-size:14px;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}.page-header-link:hover{text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;padding:12px 20px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);text-decoration:none;cursor:pointer}.btn-primary:disabled{background:var(--color-border-strong);cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;padding:12px 20px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-decoration:none;cursor:pointer}.mj-tile-wrap{--mj-tile-h: 56px;--mj-tile-w: 42px;display:inline-flex;align-items:center;justify-content:center;width:var(--mj-tile-w);height:var(--mj-tile-h);vertical-align:bottom}.mj-tile-wrap.mj-tile-size-sm{--mj-tile-h: 40px;--mj-tile-w: 30px}.mj-tile-wrap.mj-tile-size-lg{--mj-tile-h: 72px;--mj-tile-w: 54px}.mj-tile-wrap.mj-tile-rotated{width:var(--mj-tile-h);height:var(--mj-tile-w)}.mj-tile-inner{position:relative;width:var(--mj-tile-w);height:var(--mj-tile-h);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.mj-tile-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.mj-tile-mark{box-sizing:border-box;padding:7%;object-fit:contain}.mj-tile-rotated .mj-tile-inner{transform:rotate(90deg)}.mj-tile-row{display:inline-flex;align-items:flex-end;gap:4px}.mj-tile-row.mj-tile-row-gap-tight{gap:0}.mj-meld-group{display:inline-flex;align-items:flex-end;gap:1px;padding:0 4px}.mj-hand-display{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mj-winning-area{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.mj-winning-label{font-size:12px;font-weight:600;line-height:1;color:var(--color-text-secondary)}.mj-hand-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}@media (max-width: 480px){.mj-tile-wrap.mj-tile-size-md{--mj-tile-w: calc((100vw - 52px) / 13);--mj-tile-h: calc((100vw - 52px) / 13 * 4 / 3)}.mj-tile-row{gap:1px}.mj-hand-display{gap:8px}}.app-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-top:1px solid var(--color-border);background:var(--color-surface)}.app-footer-nav{display:flex;gap:16px}.app-footer-nav a{font-size:13px;color:var(--color-text-secondary);text-decoration:none}.app-footer-nav a:hover{text-decoration:underline}.app-footer-copy{font-size:12px;color:var(--color-text-secondary)}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:32px 16px}.home-page h1{font-size:28px}.home-page p{max-width:32em;color:var(--color-text-secondary)}.home-nav{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.home-nav .btn-primary{width:100%}.home-nav .btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:16px;font-weight:600;padding:12px 20px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-decoration:none}@media (min-width: 480px){.home-nav{flex-direction:row}}.privacy-page{gap:16px}.privacy-section{display:flex;flex-direction:column;gap:8px}.privacy-section h2{font-size:16px;color:var(--color-text)}.privacy-section ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;line-height:1.6}.privacy-date{font-size:13px;color:var(--color-text-secondary)}.quiz-conditions{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:14px;color:var(--color-text)}.badge-riichi{background:var(--color-danger-bg);border-color:#f3b4b4;color:var(--color-danger);font-weight:600}.quiz-hand{overflow-x:auto;padding-bottom:4px}.quiz-hand h2,.quiz-dora h2{margin:0 0 8px}.quiz-dora{display:flex;flex-wrap:wrap;gap:24px}.quiz-dora>div{display:flex;align-items:center;gap:8px}.dora-label{font-size:14px;color:var(--color-text-secondary);white-space:nowrap}.quiz-answer{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid var(--color-border)}.quiz-answer-label{margin:0;font-size:14px;color:var(--color-text-secondary)}.quiz-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quiz-choice-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 16px;font-size:16px;font-weight:600;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer}.quiz-choice-btn:hover{border-color:var(--color-accent);background:var(--color-surface-alt)}.quiz-choice-btn:active{transform:translateY(1px)}.result-verdict{font-size:20px;font-weight:700;margin:0}.result-verdict.correct{color:var(--color-success)}.result-verdict.incorrect{color:var(--color-danger)}.result-your-answer{margin:0;color:var(--color-text-secondary)}.result-answer{margin:0;font-size:18px;font-weight:600}.result-breakdown{display:flex;flex-direction:column;gap:10px}.yaku-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.yaku-list li{display:flex;justify-content:space-between;font-size:15px}.calculation-line{margin:0;padding-top:8px;border-top:1px dashed var(--color-border-strong);font-size:16px;font-weight:600;text-align:right}.result-actions{display:flex;gap:10px}.result-actions .btn-primary,.result-actions .btn-secondary{flex:1}.fu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.fu-list li{display:flex;justify-content:space-between;font-size:15px;color:var(--color-text-secondary)}.fu-note{margin:0;font-size:13px;color:var(--color-text-secondary)}.result-alt{padding:12px 16px;border-radius:var(--radius-lg);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.result-alt h2{font-size:14px;margin:0 0 4px;color:var(--color-warning-text)}.result-alt p{margin:0;font-size:14px}.stats-summary{display:flex;gap:12px;flex-wrap:wrap}.stat-card{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;padding:14px 16px}.stat-card-label{font-size:13px;color:var(--color-text-secondary)}.stat-card-value{font-size:28px;font-weight:700;color:var(--color-text)}.stat-card-sub{font-size:12px;color:var(--color-text-secondary)}.stats-page h2{margin:0 0 10px}.tag-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tag-row-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.tag-row-bar-track{height:8px;border-radius:4px;background:var(--color-surface-alt);overflow:hidden}.tag-row-bar-fill{height:100%;background:var(--color-accent);border-radius:4px}