:root{--background: #f7f5f1;--foreground: #0e0f23;--card: #fdfbfa;--primary: #cc272e;--primary-foreground: #faf8f5;--secondary: #ece7e1;--muted: #61626f;--border: #dfd6c9;--radius: .75rem;--ref: #1e3a8a;--shadow-btn: 0 10px 22px rgba(171, 52, 40, .24);--shadow-icon: 0 10px 28px rgba(28, 22, 18, .14);color-scheme:light}@media(prefers-color-scheme:dark){:root{--background: #0b0c16;--foreground: #f0eeeb;--card: #14151f;--primary: #f14d4c;--primary-foreground: #090a13;--secondary: #20212b;--muted: #8c8e9c;--border: #2c2d38;--ref: #60a5fa;--shadow-btn: 0 10px 22px rgba(241, 77, 76, .22);--shadow-icon: 0 10px 28px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app{position:relative;min-height:100svh;overflow-x:clip;background:radial-gradient(52rem 27rem at 50% -12%,rgba(170,51,42,.11),transparent 72%),radial-gradient(30rem 18rem at 14% 8%,rgba(120,78,53,.1),transparent 72%),var(--background)}@media(prefers-color-scheme:dark){.app{background:radial-gradient(52rem 27rem at 50% -12%,rgba(241,77,76,.12),transparent 72%),radial-gradient(30rem 18rem at 14% 8%,rgba(96,165,250,.08),transparent 72%),var(--background)}}.topbar{pointer-events:none;position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:flex-end;gap:8px;padding:calc(.8rem + env(safe-area-inset-top)) 16px 0}@media(min-width:768px){.topbar{padding:calc(1rem + env(safe-area-inset-top)) 24px 0}}.icon-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--background) 92%,transparent);color:var(--foreground);box-shadow:var(--shadow-icon);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease}.icon-btn:hover{transform:translateY(-1px)}.icon-btn.primary{border:none;background:var(--primary);color:var(--primary-foreground);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 28%,transparent)}.main{display:flex;flex-direction:column;align-items:center;padding:calc(4.25rem + env(safe-area-inset-top)) 12px calc(2.5rem + env(safe-area-inset-bottom))}@media(min-width:768px){.main{padding:calc(4.5rem + env(safe-area-inset-top)) 16px calc(2.5rem + env(safe-area-inset-bottom))}}.stage{width:100%;max-width:904px}.heading{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);padding-bottom:16px;text-align:center}.heading-row{display:flex;align-items:center;justify-content:center;gap:12px}.heading h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.03em}@media(min-width:768px){.heading h1{font-size:1.8rem}}.help-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted);font-size:13px;font-weight:700;line-height:1}.help-btn:hover{background:var(--secondary);color:var(--foreground)}.lede{margin:4px 0 0;font-size:.875rem;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.meta strong{color:var(--foreground);font-weight:700}.board-wrap{position:relative;margin-top:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:18px;background:var(--card);box-shadow:0 18px 40px #1c161212}.board{display:block;width:100%;height:auto;aspect-ratio:840 / 510;touch-action:none;cursor:default;vertical-align:middle;-webkit-user-select:none;user-select:none}.zoom-stack{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ccb197;border-radius:8px;background:#fff8ef;color:#6f3b25;box-shadow:0 6px 14px #1c16121f}@media(prefers-color-scheme:dark){.zoom-btn{border-color:#ffffff26;background:#020612bf;color:#cbd5e1}}@media(min-width:640px){.zoom-btn{width:36px;height:36px}}.zoom-btn:disabled{opacity:.35}.dock{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:16px 4px 0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.dock-copy{flex:1;min-width:16rem}.dock-copy p{margin:0;font-size:.875rem;line-height:1.5;color:var(--muted)}.dock-copy p+p{margin-top:4px}.ref-name{font-weight:600;color:var(--ref)}.target-name{font-weight:600;color:var(--primary)}.lock-btn,.ghost-btn{height:44px;min-width:9rem;padding:0 20px;border:none;border-radius:12px;font-size:.875rem;font-weight:600;letter-spacing:.02em;transition:transform .16s ease}.lock-btn{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-btn)}.lock-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){transform:translateY(-1px)}.lock-btn:disabled,.ghost-btn:disabled{opacity:.45;transform:none;cursor:default}.ghost-btn{border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:var(--card);color:var(--foreground)}@media(max-width:639px){.dock{flex-direction:column;align-items:stretch}.lock-btn,.ghost-btn{width:100%;min-width:0}}.result{margin-top:16px;padding:18px 16px 16px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 88%,transparent)}.result-score{display:flex;align-items:baseline;gap:8px}.result-score b{font-size:2.4rem;line-height:1;letter-spacing:-.04em}.result-score span{font-size:.875rem;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px}.result-grid small{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.result-grid strong{display:block;margin-top:2px;font-size:1rem}.fact{margin:12px 0 0;font-size:.875rem;line-height:1.6;color:var(--muted)}.final{margin-top:18px;padding:28px 18px 22px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--card) 90%,transparent);text-align:center}.final h2{margin:0;font-size:1.15rem}.final-score{margin:10px 0 0;font-size:3rem;font-weight:700;letter-spacing:-.05em;line-height:1}.final p{margin:10px auto 0;max-width:28rem;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}.pill{min-width:52px;padding:8px 10px;border-radius:999px;background:var(--secondary);font-size:.75rem;font-weight:700}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#0e0f2347;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(min-width:640px){.overlay{align-items:center}}.modal{width:min(100%,560px);max-height:min(88svh,720px);overflow:auto;padding:22px 20px 18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:18px;background:var(--card);box-shadow:0 24px 60px #0e0f232e}.modal h2{margin:0;font-size:1.35rem}.modal .sub{margin:6px 0 0;color:var(--muted);font-size:.875rem}.steps{margin:18px 0 0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.steps b{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--primary)}.steps p{margin:2px 0 0;font-size:.875rem;line-height:1.55;color:var(--muted)}.seo{width:100%;max-width:56rem;margin:40px auto 0;padding:8px 4px 0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.seo-kicker{margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.seo-block{padding:22px 0 6px}.seo h2{margin:0;font-size:1.2rem;letter-spacing:-.03em}.seo h3{margin:0;font-size:.95rem}.seo p{margin:10px 0 0;font-size:.875rem;line-height:1.65;color:var(--muted)}.seo-grid{display:grid;gap:12px;margin:18px 0 8px}@media(min-width:720px){.seo-grid{grid-template-columns:1fr 1fr}}.seo-card{padding:16px 16px 18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 88%,transparent)}.seo-faq{margin-top:12px;padding:10px 0 8px}.seo-faq details{padding:12px 0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.seo-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.seo-faq summary{cursor:pointer;list-style:none;font-size:.9rem;font-weight:600}.seo-faq summary::-webkit-details-marker{display:none}