:root{--c-true:#e11d48;--c-true-deep:#9f0f33;--c-false:#145ad6;--c-false-deep:#0c3a8c;--c-highlight:#ffd84d;--c-accent:#c96b4b;--c-beginner:#16a34a;--c-standard:#2563eb;--c-advanced:#ea7317;--c-expert:#dc2626;--c-ink:#172033;--c-ink-soft:#46536b;--c-panel:#fff;--c-panel-cream:#fffaf0;--c-panel-line:#e3e2dc;--c-sky-top:#3aa8e8;--c-sky-bottom:#a5e0ff;--c-ground:#b9552f;--c-mud:#4a3122;--c-ok:#15803d;--c-warn:#b45309;--c-danger:#b91c1c;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--f-sans:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-display:"Trebuchet MS", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--f-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.625rem;--t-2xl:2.25rem;--t-3xl:3rem;--e-1:0 2px 6px #1018281f;--e-2:0 8px 24px #1018282e;--e-3:0 16px 40px #10182847;--focus-ring:0 0 0 3px #fff, 0 0 0 6px var(--c-false);--motion-fast:.12s;--motion-base:.22s}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms}}:root[data-reduced-motion=true]{--motion-fast:1ms;--motion-base:1ms}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--f-sans);color:var(--c-ink);background:linear-gradient(180deg, var(--c-sky-top) 0%, var(--c-sky-bottom) 100%);-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}a{color:var(--c-false-deep)}.app-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.app-bg{z-index:0;background:linear-gradient(180deg, #3aa8e81a, #ffffff59), linear-gradient(180deg, var(--c-sky-top) 0%, var(--c-sky-bottom) 55%, var(--c-ground) 100%);background-position:50%;background-size:cover;position:fixed;inset:0}.app-bg--photo{background-image:linear-gradient(180deg, #0a1e3c2e, #0a1e3c57), var(--hero-image);background-position:50%;background-size:cover}.app-content{z-index:1;padding:max(var(--s-4), env(safe-area-inset-top)) var(--s-4) max(var(--s-5), env(safe-area-inset-bottom));gap:var(--s-4);flex-direction:column;flex:1;display:flex;position:relative}.screen{gap:var(--s-5);flex-direction:column;flex:1;width:100%;max-width:1040px;margin:0 auto;display:flex}.screen--center{justify-content:center}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.topbar__actions{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.logo{font-family:var(--f-display);letter-spacing:-.01em;text-shadow:0 2px #fff,0 5px 12px #0000004d;align-items:baseline;gap:.28em;font-weight:800;line-height:1;display:inline-flex}.logo--xl{font-size:clamp(2.1rem,9vw,4.25rem)}.logo--sm{text-shadow:0 1px #fff;font-size:clamp(1rem,3.6vw,1.35rem)}.logo__quiz{color:var(--c-true)}.logo__claude{color:var(--c-false)}.logo__run{color:var(--c-true)}.card{background:var(--c-panel);border:1px solid var(--c-panel-line);border-radius:var(--r-lg);box-shadow:var(--e-2);padding:var(--s-5)}.card--cream{background:var(--c-panel-cream)}.card--tight{padding:var(--s-4)}.card__title{margin:0 0 var(--s-3);font-size:var(--t-lg);font-weight:800}.stack{gap:var(--s-3);flex-direction:column;display:flex}.stack--lg{gap:var(--s-5)}.row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.row--end{justify-content:flex-end}.grow{flex:1}.muted{color:var(--c-ink-soft);font-size:var(--t-sm)}.hint{color:var(--c-ink-soft);font-size:var(--t-xs);line-height:1.6}.btn{appearance:none;border-radius:var(--r-pill);padding:var(--s-3) var(--s-5);cursor:pointer;background:var(--c-panel);min-height:48px;color:var(--c-ink);box-shadow:var(--e-1);transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease;justify-content:center;align-items:center;gap:var(--s-2);text-align:center;border:2px solid #0000;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--e-2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--c-true);color:#fff;border-color:var(--c-true-deep)}.btn--secondary{background:var(--c-panel);color:var(--c-ink);border-color:var(--c-panel-line)}.btn--ghost{border-color:var(--c-panel-line);box-shadow:none;padding:var(--s-2) var(--s-4);min-height:40px;font-weight:700;font-size:var(--t-sm);background:#ffffffdb}.btn--hero{padding:var(--s-4) var(--s-8);letter-spacing:.04em;min-height:68px;font-size:clamp(1.25rem,5vw,2rem)}.btn--block{width:100%}.segmented{border:1px solid var(--c-panel-line);border-radius:var(--r-pill);background:#ffffffe6;gap:3px;padding:3px;display:inline-flex}.segmented__item{appearance:none;border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);min-height:38px;font-weight:700;font-size:var(--t-sm);cursor:pointer;color:var(--c-ink-soft);background:0 0;border:none}.segmented__item[aria-pressed=true],.segmented__item[aria-checked=true]{background:var(--c-ink);color:#fff}.badge{align-items:center;gap:var(--s-1);border-radius:var(--r-pill);font-size:var(--t-xs);background:var(--c-panel);color:var(--c-ink);white-space:nowrap;border:1px solid #0000;padding:4px 12px;font-weight:800;display:inline-flex}.badge--jev{background:var(--c-highlight);color:#4a3400;border-color:#d8a600}.badge--human{background:var(--c-panel);border-color:var(--c-panel-line)}.badge--ok{color:var(--c-ok);background:#e6f6ec;border-color:#a9dcbb}.badge--bad{color:var(--c-danger);background:#fdeaea;border-color:#f0b3b3}.difficulty-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.difficulty-card{appearance:none;text-align:left;cursor:pointer;background:var(--c-panel);border:3px solid var(--c-panel-line);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--e-1);gap:var(--s-2);min-height:150px;transition:transform var(--motion-fast) ease;flex-direction:column;display:flex}.difficulty-card:hover{transform:translateY(-2px)}.difficulty-card[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--e-2)}.difficulty-card__head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.difficulty-card__name{font-weight:900;font-size:var(--t-lg);color:var(--accent)}.difficulty-card__ja{font-weight:700;font-size:var(--t-sm);color:var(--c-ink-soft)}.difficulty-card__icon{font-size:1.6rem;line-height:1}.difficulty-card__desc{font-size:var(--t-sm);color:var(--c-ink-soft);flex:1}.level-dots{font-size:var(--t-xs);color:var(--c-ink-soft);align-items:center;gap:4px;font-weight:700;display:flex}.level-dot{border:2px solid var(--accent);border-radius:50%;width:14px;height:14px}.level-dot--on{background:var(--accent)}.mode-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.mode-card{appearance:none;cursor:pointer;text-align:left;background:var(--c-panel);border:3px solid var(--c-panel-line);border-radius:var(--r-lg);padding:var(--s-4);gap:var(--s-2);flex-direction:column;min-height:118px;display:flex}.mode-card[aria-pressed=true]{border-color:var(--c-ink)}.mode-card__name{font-weight:900;font-size:var(--t-md);align-items:center;gap:var(--s-2);display:flex}.dialog-backdrop{padding:var(--s-4);z-index:50;background:#0c16289e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--c-panel);border-radius:var(--r-lg);box-shadow:var(--e-3);padding:var(--s-5);gap:var(--s-4);flex-direction:column;width:100%;max-width:560px;max-height:88dvh;display:flex;overflow:auto}.dialog__title{font-size:var(--t-xl);margin:0;font-weight:900}.dialog__actions{gap:var(--s-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.notice{border-radius:var(--r-md);padding:var(--s-4);border:1px solid var(--c-panel-line);background:var(--c-panel-cream);font-size:var(--t-sm);line-height:1.65}.notice--strong{color:#7f1d1d;background:#fdeaea;border-color:#f0b3b3}.notice--info{background:#eef5ff;border-color:#bcd6f7}.notice__title{margin:0 0 var(--s-2);font-weight:800;font-size:var(--t-md)}.field{gap:var(--s-2);flex-direction:column;display:flex}.field__label{font-weight:800;font-size:var(--t-sm)}.field__control{gap:var(--s-2);align-items:stretch;display:flex}.input{min-width:0;padding:var(--s-3);border:2px solid var(--c-panel-line);border-radius:var(--r-md);min-height:48px;font-family:var(--f-mono);font-size:var(--t-sm);background:#fff;flex:1}.checkbox{align-items:flex-start;gap:var(--s-3);font-size:var(--t-sm);cursor:pointer;line-height:1.6;display:flex}.checkbox input{flex:none;width:22px;height:22px;margin-top:2px}.textarea{width:100%;min-height:132px;padding:var(--s-3);border:2px solid var(--c-panel-line);border-radius:var(--r-md);font-family:var(--f-sans);font-size:var(--t-sm);white-space:pre-wrap;resize:vertical;background:#fff;line-height:1.7}.stat-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{border:2px solid var(--c-panel-line);border-radius:var(--r-md);padding:var(--s-3);text-align:center;background:#fff}.stat__label{font-size:var(--t-xs);color:var(--c-ink-soft);letter-spacing:.06em;font-weight:800}.stat__value{font-size:var(--t-xl);font-variant-numeric:tabular-nums;font-weight:900}.result-art{filter:drop-shadow(0 10px 22px #00000040);width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.result-banner{text-align:center;font-family:var(--f-display);text-shadow:0 3px #fff;margin:0;font-size:clamp(1.75rem,8vw,3.25rem);font-weight:900;line-height:1.1}.result-banner--fail{color:var(--c-false)}.result-banner--clear{color:var(--c-true)}.review-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review-item{border:1px solid var(--c-panel-line);border-radius:var(--r-md);padding:var(--s-3);gap:var(--s-3);font-size:var(--t-sm);background:#fff;align-items:flex-start;line-height:1.6;display:flex}.review-item__n{font-variant-numeric:tabular-nums;min-width:2.5em;font-weight:900}.game-root{flex-direction:column;display:flex;position:fixed;inset:0}.game-canvas{z-index:0;position:absolute;inset:0}.game-overlay{z-index:1;padding:max(var(--s-3), env(safe-area-inset-top)) var(--s-3) max(var(--s-3), env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;gap:var(--s-3);flex-direction:column;flex:1;display:flex;position:relative}.game-overlay>*{pointer-events:auto}.hud-top{gap:var(--s-2);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.hud-chip{border:1px solid var(--c-panel-line);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font-size:var(--t-xs);box-shadow:var(--e-1);align-items:center;gap:var(--s-2);font-variant-numeric:tabular-nums;background:#fffffff0;font-weight:800;display:flex}.hud-chip--gate{min-width:4.5em;font-size:var(--t-sm);justify-content:center}.hud-chip--gate-urgent{border-color:var(--c-true);color:var(--c-true-deep)}.hud-question{border:2px solid var(--c-panel-line);border-radius:var(--r-md);box-shadow:var(--e-2);padding:var(--s-3) var(--s-4);text-align:center;background:#fffffff5;width:100%;max-width:720px;margin:0 auto}.hud-question__text{margin:0;font-size:clamp(.95rem,3.4vw,1.2rem);font-weight:700;line-height:1.55}.hud-question__scope{margin:var(--s-2) 0 0;font-size:var(--t-xs);color:var(--c-ink-soft);line-height:1.5}.hud-jev{margin-top:var(--s-2);gap:var(--s-3);font-size:var(--t-xs);color:var(--c-ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;font-weight:700;display:flex}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:var(--s-3);display:flex}.lane-btn{appearance:none;border-radius:var(--r-lg);min-width:108px;min-height:72px;font-size:var(--t-xl);color:#fff;cursor:pointer;box-shadow:var(--e-2);touch-action:manipulation;background:#172033d1;border:3px solid #ffffffe6;justify-content:center;align-items:center;font-weight:900;display:flex}.lane-btn:disabled{opacity:.35}.countdown{font-family:var(--f-display);color:#fff;text-shadow:0 6px #0000004d;pointer-events:none;z-index:2;justify-content:center;align-items:center;font-size:clamp(4rem,22vw,10rem);font-weight:900;display:flex;position:absolute;inset:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:3px solid #17203333;border-top-color:var(--c-ink);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}@media (max-width:480px){.card{padding:var(--s-4)}.btn--hero{width:100%}.lane-btn{min-width:92px;min-height:64px}}