@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-page: #eef2ff;--color-page-gradient: radial-gradient(1200px 600px at 10% -10%, #dbeafe 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #ede9fe 0%, transparent 55%), linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);--color-surface: rgba(255, 255, 255, .72);--color-surface-strong: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-soft: #eef2ff;--color-accent-contrast: #ffffff;--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-accent-soft: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-hidden: linear-gradient(135deg, #312e81 0%, #4c1d95 100%);--color-hidden-text: #c7d2fe;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 4px 12px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 12px 32px -8px rgba(15, 23, 42, .12), 0 4px 10px -4px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 60px -16px rgba(79, 70, 229, .25), 0 8px 20px -8px rgba(15, 23, 42, .08);--shadow-accent: 0 10px 24px -8px rgba(79, 70, 229, .45);--ring-focus: 0 0 0 3px rgba(99, 102, 241, .35)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--color-page);background-image:var(--color-page-gradient);background-attachment:fixed;color:var(--color-text);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button,select{transition:transform .14s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .2s ease}button:focus-visible,select:focus-visible{outline:none;box-shadow:var(--ring-focus)}.app-shell{min-height:100vh;padding:var(--space-6) var(--space-8);max-width:1400px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{width:2.75rem;height:2.75rem;border-radius:.7rem;box-shadow:var(--shadow-accent);flex-shrink:0}.brand__text{display:flex;flex-direction:column;line-height:1.15}.brand__text strong{font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:-.02em;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tagline{font-size:.82rem;color:var(--color-text-muted);font-weight:500;margin-top:.15rem}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);font-size:.82rem;color:var(--color-text-muted);flex-wrap:wrap}.app-footer__hint kbd{display:inline-block;padding:.1rem .5rem;border-radius:.3rem;background:var(--color-surface-strong);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.72rem;color:var(--color-text);box-shadow:0 1px 0 var(--color-border)}.topbar-meta{font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field-label,.status-panel__label,.status-panel__meta,.presentation-shell__message{color:var(--color-text-muted)}.field-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.workspace--app{display:block}.presentation-shell{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.presentation-shell--active{padding:var(--space-8)}.presentation-shell__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.presentation-shell__status{flex:1;min-width:0}.presentation-shell__actions,.controls-panel__actions,.toggle-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.presentation-shell__body{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:var(--space-6);align-items:start}.presentation-shell--active .presentation-shell__body{grid-template-columns:minmax(0,1fr)}.presentation-shell__board,.presentation-shell__side{min-width:0}.board-panel{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.board-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-accent)}.board-panel__summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.board-panel__summary span{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.02em}.board-panel__summary span:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.board-grid{display:grid;grid-template-columns:minmax(2.6rem,3rem) repeat(var(--board-size),minmax(0,1fr));gap:.4rem;width:100%}.board-grid--5x5{--board-size: 5}.board-grid--10x10{--board-size: 10}.board-grid--13x13{--board-size: 13}.board-grid__corner,.board-grid__axis,.board-cell{display:grid;place-items:center;min-height:3.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-display)}.board-grid__corner{background:transparent;border-style:dashed;border-color:var(--color-border-strong)}.board-grid__axis{background:var(--gradient-accent-soft);color:var(--color-accent);font-weight:700;border-color:transparent;box-shadow:inset 0 0 0 1px #6366f133;animation:axis-shuffle .42s cubic-bezier(.2,.8,.2,1) both}@keyframes axis-shuffle{0%{opacity:0;transform:translateY(-6px) scale(.9);filter:blur(4px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.board-cell{background:var(--color-surface-strong);font-size:1.1rem;font-weight:700;color:var(--color-text);box-shadow:var(--shadow-xs);transition:transform .16s ease,box-shadow .16s ease,background .4s ease,border-color .4s ease,color .4s ease;perspective:600px}.board-cell__value,.board-cell__mask{display:inline-block;transform-origin:center}.reveal-enter-active,.reveal-leave-active{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.reveal-enter-from{opacity:0;transform:rotateX(-90deg) scale(.8)}.reveal-leave-to{opacity:0;transform:rotateX(90deg) scale(.8)}.board-cell:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.board-cell--hidden{background:var(--color-hidden);color:var(--color-hidden-text);border-color:transparent;box-shadow:inset 0 0 0 1px #ffffff14}.board-cell__mask{letter-spacing:.12em;opacity:.7}.controls-panel,.status-panel{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.controls-panel{display:grid;gap:var(--space-4)}.controls-panel__group{display:grid;gap:var(--space-2)}.select,.button{min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600}.select{background:var(--color-surface-strong);padding:0 var(--space-3)}.button{padding:.6rem 1.1rem;cursor:pointer;background:var(--color-surface-strong);color:var(--color-text);box-shadow:var(--shadow-xs)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled,.select:disabled{cursor:not-allowed;color:var(--color-text-muted);background:#f1f5f9;box-shadow:none}.button--primary{background:var(--gradient-accent);background-size:150% 150%;border-color:transparent;color:var(--color-accent-contrast);box-shadow:var(--shadow-accent)}.button--primary:hover:not(:disabled){background-position:100% 100%;box-shadow:0 14px 30px -8px #4f46e58c}.button--secondary:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.status-panel{display:grid;gap:var(--space-3);background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.status-panel:after{content:"";position:absolute;inset:-40% -20% auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 60%);pointer-events:none}.status-panel__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);position:relative}.status-panel__label{color:#ffffffbf!important;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.status-panel__meta{color:#fffffff2!important;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .6rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:999px;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-panel__meta:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--dot-color, #fde68a);box-shadow:0 0 0 3px var(--dot-halo, rgba(253, 230, 138, .25));animation:pulse-dot 1.6s ease-in-out infinite}.status-panel--idle{--dot-color: #fde68a;--dot-halo: rgba(253, 230, 138, .3)}.status-panel--running{--dot-color: #34d399;--dot-halo: rgba(52, 211, 153, .35)}.status-panel--warning{--dot-color: #fca5a5;--dot-halo: rgba(252, 165, 165, .4);background:linear-gradient(135deg,#ef4444,#db2777 55%,#7c3aed);animation:warning-pulse 1.2s ease-in-out infinite}.status-panel--expired{--dot-color: #94a3b8;--dot-halo: rgba(148, 163, 184, .35);background:linear-gradient(135deg,#64748b,#475569)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes warning-pulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 24px 60px -16px #ef44448c,0 8px 20px -8px #ef444459}}.status-panel strong{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.15)}.presentation-shell__message{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:.9rem}@media(max-width:1180px){.presentation-shell__body{grid-template-columns:1fr}}@media(max-width:720px){.app-shell,.presentation-shell,.presentation-shell--active{padding:var(--space-4)}.topbar,.presentation-shell__bar,.status-panel__row{flex-direction:column;align-items:flex-start}.board-grid__corner,.board-grid__axis,.board-cell{min-height:2.55rem;font-size:.95rem}}