:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#451a03;background:#fff7ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-background: #fff7ed;--page-gradient-start: #ffedd5;--surface: #fffbeb;--input-background: #ffffff;--ink: #451a03;--ink-soft: #475569;--muted: #64748b;--accent: #d97706;--accent-dark: #92400e;--accent-soft: #fef3c7;--border: #cbd5e1;--shadow: 0 12px 32px rgb(15 23 42 / .08);--content-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--page-gradient-start) 0,var(--page-background) 360px);color:var(--ink)}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgb(217 119 6 / .24);outline-offset:2px}button{min-height:44px;padding:.72rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;color:var(--ink);cursor:pointer;font-weight:700}button:hover:not(:disabled){border-color:#d977066b;background:var(--accent-soft)}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.15}p,li{line-height:1.65}.app-shell{min-height:100vh;padding-top:9.5rem;padding-bottom:7.75rem}.app-header{position:fixed;inset:0 0 auto;z-index:40;padding:.9rem 0;border-bottom:1px solid var(--border);background:#fffffff0;box-shadow:0 4px 14px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header-top,.navigation-row,.app-main,.local-storage-notice,.app-footer>p,.app-footer>.footer-meta,.app-footer>.build-version{width:min(var(--content-width),calc(100% - 2rem));margin-right:auto;margin-left:auto}.app-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-block h1{margin:0;font-size:clamp(1.8rem,4vw,2.45rem)}.eyebrow{margin:0 0 .45rem;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.utility-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.utility-actions>a,.utility-actions>button,.language-switch button{min-height:38px;padding:.45rem .72rem;border:1px solid rgb(203 213 225 / .6);border-radius:999px;background:transparent;color:var(--ink-soft);font-size:.85rem;font-weight:700;line-height:1;text-decoration:none}.utility-actions>a:hover,.utility-actions>button:hover,.language-switch button:hover,.language-switch button.active{border-color:#d9770659;background:var(--accent-soft);color:var(--accent-dark)}.utility-actions .ecosystem-link{padding-inline:.2rem;border:0;border-radius:0;color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.assistant-launch-button{display:inline-flex;align-items:center;gap:.5rem}.assistant-avatar-wrap{position:relative;display:inline-grid;place-items:center;width:1.8rem;height:1.8rem}.assistant-avatar{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #cbd5e1b3;font-size:1rem}.engine-dot{position:absolute;right:-.08rem;bottom:-.04rem;width:.58rem;height:.58rem;border:2px solid #ffffff;border-radius:999px;background:#f59e0b}.engine-dot.is-ready{background:#16a34a}.engine-dot.is-checking{animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.language-switch{display:inline-flex;gap:.2rem;padding:.15rem;border:1px solid rgb(217 119 6 / .32);border-radius:999px;background:#fff7ed}.language-switch button{min-width:2.4rem;border-color:transparent}.navigation-row{margin-top:.85rem;overflow-x:auto;padding-bottom:.1rem}.main-nav{display:flex;gap:.4rem;width:max-content;min-width:100%}.main-nav a{padding:.56rem .86rem;border:1px solid rgb(203 213 225 / .58);border-radius:999px;color:var(--ink-soft);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a.active{border-color:#d9770659;background:var(--accent-soft);color:var(--accent-dark)}.app-main{padding:2rem 0}.game-panel,.guide-panel{width:100%;border:1px solid var(--border);border-radius:1.2rem;background:var(--surface);box-shadow:var(--shadow)}.game-panel{margin:0;padding:clamp(1.15rem,3vw,2rem);scroll-margin-top:10rem}.guide-panel{margin:1.25rem 0 0;padding:clamp(1.15rem,3vw,1.7rem);scroll-margin-top:10rem}.page-heading{margin-bottom:1.25rem}.page-heading h2,.guide-panel h2{margin:0;font-size:clamp(1.7rem,4vw,2.3rem)}.page-heading p:last-child,.guide-panel>p,.guide-panel li{color:var(--ink-soft)}.control-section,.moves-panel,.status-panel{scroll-margin-top:10rem}.control-section{margin-top:1rem}.control-section>label,.control-section>h3{display:block;margin:0 0 .55rem;font-weight:800}select,input{width:100%;min-height:48px;padding:.78rem .88rem;border:1px solid #b8c1cc;border-radius:.75rem;background:var(--input-background);color:#111827}.field-help{margin-top:.42rem;color:var(--muted);font-size:.82rem}.input-help{margin-bottom:.7rem}.game-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark);color:#fff}.move-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.moves-panel{min-height:150px;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:.9rem;background:#fff}.moves-panel h3{margin:0 0 .65rem}.moves-panel pre{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.55}.status-panel{margin-top:1rem;padding:.9rem 1rem;border-radius:.9rem;background:#f8fafc;color:#1f2937}.local-storage-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.75rem 0 1rem;color:var(--muted);font-size:.82rem}.local-storage-notice a{color:var(--accent);font-weight:700;text-underline-offset:.2em}.app-footer{position:fixed;inset:auto 0 0;z-index:40;padding:.9rem 0 1rem;border-top:1px solid var(--border);background:#fffbebf7;box-shadow:0 -4px 14px #0f172a14;color:var(--muted);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-footer p{margin-top:0;margin-bottom:0}.footer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.35rem}.footer-meta button{min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink-soft);font-size:.82rem;font-weight:400;text-decoration:underline;text-underline-offset:.2em}.footer-meta button:hover{background:transparent;color:var(--accent-dark)}.build-version{display:block;margin-top:.35rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#0f172a7a}.legal-dialog{width:min(620px,100%);max-height:82vh;overflow:auto;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--border);border-radius:1.15rem;background:var(--surface);box-shadow:0 24px 70px #0f172a47}.legal-dialog h2{margin-top:0}.legal-dialog p{color:var(--ink-soft)}.dialog-actions{display:flex;justify-content:flex-end;margin-top:1.2rem}@media (max-width: 760px){.app-shell{padding-top:17.5rem;padding-bottom:10rem}.app-header-top,.navigation-row,.app-main,.local-storage-notice,.app-footer>p,.app-footer>.footer-meta,.app-footer>.build-version{width:min(100% - 1rem,var(--content-width))}.app-header-top{align-items:flex-start;flex-direction:column}.utility-actions{justify-content:flex-start;width:100%}.assistant-launch-button{order:-1}.app-main{padding-top:.75rem}.game-panel,.guide-panel{border-radius:.95rem}.move-form{grid-template-columns:1fr}.move-form button{width:100%}.game-panel,.guide-panel,.control-section,.moves-panel,.status-panel{scroll-margin-top:18rem}}