:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f7f7f7;--color-text: #222222;--color-text-sub: #6a6a6a;--color-accent: #ff385c;--color-accent-active: #e00b41;--color-border: #dddddd;--color-border-soft: #ebebeb;--color-accent-contrast: #ffffff;--color-surface-2: #ffffff;--gradient-accent: linear-gradient(135deg, #ff385c 0%, #e00b41 100%);--color-success-bg: #eef7f0;--color-success-border: #b7dcc0;--color-success-text: #1c7a43;--color-danger-bg: #fdeeea;--color-danger-border: #f3c2b5;--color-danger-text: #c13515;--color-warning-bg: #fbf6ea;--color-warning-border: #ecd9a6;--color-warning-text: #8a6d1a;--color-accent-bg: #ffe9ee;--color-accent-border: #ffd1da;--color-accent-text: #c13515;--color-text-secondary: var(--color-text-sub);--color-surface-alt: var(--color-surface);--color-border-strong: var(--color-border);--color-success: var(--color-success-text);--color-danger: var(--color-danger-text);--font-sans: system-ui, "Hiragino Sans", "Segoe UI", Meiryo, sans-serif;--font-numeric: "SF Pro Display", "Helvetica Neue", "Roboto Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--fs-score: 3rem;--fs-emphasis: 1.5rem;--fs-base: 1rem;--fs-sm: .875rem;--tracking-tight: -.02em;--leading-tight: 1.15;--leading-normal: 1.6;--space-0: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--radius-md: var(--radius);--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .02), 0 2px 6px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .1);--shadow-md: var(--shadow-sm);--shadow-lg: var(--shadow-sm);--shadow-card: var(--shadow-sm);--shadow-tile: 0 1px 1px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .12);--duration-fast: .12s;--duration: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);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:var(--fs-emphasis);font-weight:600;margin:0;color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h2{font-size:var(--fs-base);font-weight:600;margin:0;color:var(--color-text)}p{margin:0;line-height:var(--leading-normal)}a{color:var(--color-accent)}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2)}.page-shell{max-width:640px;margin:0 auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}@media (min-width: 640px){.page-shell{padding:var(--space-6) var(--space-4)}}.page-header{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.page-header-link{display:flex;gap:var(--space-2)}.page-header-link-item{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-sub);text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.page-header-link-item:hover{color:var(--color-accent);text-decoration:underline}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:var(--fs-base);font-weight:500;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);background:var(--gradient-accent);color:var(--color-accent-contrast);text-decoration:none;cursor:pointer;transition:box-shadow var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),transform var(--duration) var(--ease-standard)}@media (hover: hover){.btn-primary:hover{background:var(--color-accent-active);box-shadow:var(--shadow-sm)}}.btn-primary:active{background:var(--color-accent-active);transform:translateY(1px)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-sub);box-shadow:none;transform:none;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:var(--fs-base);font-weight:500;padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);text-decoration:none;cursor:pointer;transition:border-color var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),transform var(--duration) var(--ease-standard)}@media (hover: hover){.btn-secondary:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg))}}.btn-secondary:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.btn-primary,.btn-secondary,.quiz-choice-btn{transform:none!important}}.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-md{--mj-tile-w: min(42px, calc((min(100vw, 640px) - 78px) / 13));--mj-tile-h: calc(var(--mj-tile-w) * 4 / 3)}.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(var(--shadow-tile))}.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}.mj-hand-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}@media (max-width: 639px){.mj-tile-row{gap:1px}.mj-hand-row{gap:4px}.mj-meld-group{padding:0 2px}.mj-hand-display{gap:8px}}.app-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.app-footer-nav{display:flex;gap:var(--space-4)}.app-footer-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-sub);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.app-footer-nav a:hover{color:var(--color-accent);text-decoration:underline}}.app-footer-copy{font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-conditions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-text-sub);letter-spacing:var(--tracking-tight)}.badge-label{font-size:var(--fs-sm);color:var(--color-text-sub)}.badge-value{font-weight:700;color:var(--color-text)}.badge--seat{background:var(--color-accent-bg);border-color:var(--color-accent-border)}.badge--seat .badge-value,.badge--seat .badge-label{color:var(--color-accent-text)}.badge-riichi{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.badge-riichi .badge-value{color:var(--color-danger-text)}.quiz-hand{overflow-x:auto;padding-bottom:var(--space-1)}.quiz-hand h2{margin:0 0 var(--space-2)}.quiz-tile-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4) var(--space-5)}.tile-info-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.tile-info-label{font-size:var(--fs-sm);color:var(--color-text-sub);white-space:nowrap}.tile-info-none{font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-answer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.quiz-answer-label{margin:0;font-size:var(--fs-sm);color:var(--color-text-sub)}.quiz-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quiz-choice-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-3) var(--space-4);font-size:var(--fs-base);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard),box-shadow var(--duration) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media (hover: hover){.quiz-choice-btn:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));box-shadow:var(--shadow-sm)}}.quiz-choice-btn:active{transform:translateY(1px)}.quiz-skip{display:flex;justify-content:center}.result-verdict{font-size:var(--fs-emphasis);font-weight:700;margin:0}.result-verdict.correct{color:var(--color-success-text)}.result-verdict.incorrect{color:var(--color-danger-text)}.result-your-answer{margin:0;color:var(--color-text-sub);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.result-answer{margin:0;font-size:var(--fs-score);font-weight:700;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.result-fu-answer{margin:0;font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text)}.result-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.yaku-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.yaku-list li{display:flex;justify-content:space-between;font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text)}.calculation-line{margin:0;padding-top:var(--space-2);border-top:1px dashed var(--color-border);font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right}.result-actions{display:flex;gap:var(--space-3)}.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:var(--space-1)}.fu-list li{display:flex;justify-content:space-between;font-size:var(--fs-sm);font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text-sub)}.fu-note{margin:0;font-size:var(--fs-sm);color:var(--color-text-sub)}.result-alt{padding:var(--space-4);border-radius:var(--radius);background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.result-alt h2{margin:0 0 var(--space-1)}.result-alt p{margin:0;font-size:var(--fs-sm)}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);text-align:center;padding:var(--space-8) var(--space-4)}.home-page h1{font-size:var(--fs-emphasis);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.home-page p{max-width:32em;color:var(--color-text-sub)}.home-nav{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:280px}.home-nav .btn-primary,.home-nav .btn-secondary{width:100%}@media (min-width: 480px){.home-nav{flex-direction:row}}.privacy-page{gap:var(--space-4)}.privacy-section{display:flex;flex-direction:column;gap:var(--space-2)}.privacy-section ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-2);line-height:var(--leading-normal)}.privacy-date{font-size:var(--fs-sm);color:var(--color-text-sub)}.stats-summary{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-card{flex:1 1 120px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.stat-card-label{font-size:var(--fs-sm);color:var(--color-text-sub)}.stat-card-value{font-size:var(--fs-emphasis);font-weight:600;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--color-text)}.stat-card-sub{font-size:var(--fs-sm);color:var(--color-text-sub);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.stats-page h2{margin:0 0 var(--space-3)}.tag-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.tag-row-label{display:flex;justify-content:space-between;font-size:var(--fs-sm);margin-bottom:var(--space-1);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.tag-row-bar-track{height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.tag-row-bar-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-pill);transition:width var(--duration) var(--ease-standard)}