:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f8;font-synthesis:none;background:#090a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 10%,#252833 0,#111319 42%,#090a0d 78%);min-width:320px;min-height:100dvh;margin:0}button,summary{font:inherit}button{color:#f7f7f8;cursor:pointer;background:#14161ce0;border:1px solid #ffffff29;border-radius:.75rem;min-width:44px;min-height:44px;padding:.65rem .85rem;transition:border-color .14s,background-color .14s,transform .14s;box-shadow:0 .35rem 1rem #00000040}button:hover:not(:disabled){background:#272b35f0;border-color:#ffffff6b}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8bc5ff}button:disabled,.number-field input:disabled{cursor:not-allowed;opacity:.46}button[aria-pressed=true]{color:#111319;background:#f7f7f8;border-color:#f7f7f8}button[aria-pressed=true]:hover:not(:disabled){background:#fff;border-color:#fff}#app{width:100%}.game-shell{--shell-inline-padding:max(1rem, env(safe-area-inset-left));--side-panel-width:clamp(6.75rem, 10vw, 8.5rem);--side-panel-gap:clamp(.65rem, 1.5vw, 1rem);--side-rails:calc(2 * (var(--side-panel-width) + var(--side-panel-gap) + var(--shell-inline-padding)));width:min(100%,64rem);padding:max(1rem, env(safe-area-inset-top)) var(--shell-inline-padding) max(1rem, env(safe-area-inset-bottom)) var(--shell-inline-padding);justify-items:center;gap:.85rem;margin:0 auto;display:grid}.game-stage{width:min(calc(100vw - var(--side-rails)), 82dvh, 70rem);aspect-ratio:1;position:relative}#view{touch-action:none;background:#202020;border:1px solid #ffffff17;border-radius:1.25rem;width:100%;height:100%;display:block;box-shadow:0 1.5rem 4rem #0000006b,inset 0 0 0 1px #ffffff08}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud output{pointer-events:auto}.hud__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;inset:1rem 1rem auto}#game-title{letter-spacing:-.02em;color:#ffffffb8;width:18%;margin:0;font-size:clamp(.72rem,1.6vw,1.05rem);line-height:1.15}#timer{font-variant-numeric:tabular-nums;text-align:center;color:#fff;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);background:#0a0b0ec7;border:1px solid #ffffff1f;border-radius:.65rem;min-width:7.5ch;padding:.4rem .55rem;font-size:clamp(.9rem,2vw,1.25rem);font-weight:700;line-height:1}.view-switch,.game-actions{width:var(--side-panel-width);gap:.45rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.view-switch{right:calc(100% + var(--side-panel-gap))}.game-actions{left:calc(100% + var(--side-panel-gap))}.view-switch__group{gap:.45rem;display:grid}.view-switch__group--flat{border-left:2px solid #ffffff2e;padding-left:.5rem}.option-panel{border-top:2px solid #ffffff2e;gap:.45rem;padding-top:.55rem;display:grid}.option-panel__group{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.45rem;display:grid}.option-panel__group button{padding-inline:.25rem;font-size:clamp(.62rem,1.15vw,.78rem)}.option-panel__slider{color:#ffffffb8;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .4rem;padding-inline:.4rem;font-size:clamp(.68rem,1.4vw,.85rem);display:grid}.option-panel__slider input{accent-color:#ffffffc7;grid-area:2/1/auto/-1;width:100%;min-width:0}.option-panel__slider output{text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2;min-width:3.1rem}.game-actions__group{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.45rem;display:grid}.game-actions__group button{padding-inline:.25rem;font-size:clamp(.62rem,1.15vw,.78rem)}.view-switch button,.game-actions button{width:100%;padding-inline:.4rem;font-size:clamp(.72rem,1.5vw,.92rem)}.number-field{color:#ffffffb8;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.4rem;font-size:clamp(.68rem,1.4vw,.85rem);display:flex}.number-field input{width:3.6rem;color:inherit;font:inherit;text-align:right;background:#14161cb8;border:1px solid #ffffff2e;border-radius:.5rem;padding:.3rem .4rem}.number-field input[data-refused]{animation:1.4s ease-out field-refused}@keyframes field-refused{0%{color:#ff9ca5;background:#4a0f1699;border-color:#e63946e6;transform:translate(0)}12%{transform:translate(-.18rem)}36%{transform:translate(.18rem)}60%{transform:translate(-.09rem)}80%{transform:translate(0)}to{color:#ffffffb8;background:#14161cb8;border-color:#ffffff2e;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.number-field input[data-refused]{animation-name:field-refused-still}}@keyframes field-refused-still{0%{color:#ff9ca5;background:#4a0f1699;border-color:#e63946e6}to{color:#ffffffb8;background:#14161cb8;border-color:#ffffff2e}}.move-log{background:#14161cb8;border:1px solid #ffffff1a;border-radius:.9rem;width:min(100%,48rem);padding:.6rem 1rem .7rem}.move-log__title{color:#ffffff85;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:650}.move-log__list{overscroll-behavior:contain;flex-wrap:wrap;gap:.3rem;max-height:5.6rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.move-log__list:empty:after{content:"No moves of your own yet.";color:#fff6;text-transform:none;letter-spacing:normal;font-size:.82rem}.move-log__item{color:#ffffffd6;text-align:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:.4rem;min-width:2.1rem;padding:.18rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:650}.move-log__item[data-state=pending]{color:#ffffff75;background:0 0;border-style:dashed}.move-log__item[data-state=current]{color:#0b0d12;background:#8bc5ff;border-style:solid;border-color:#8bc5ff}.records{background:#14161cb8;border:1px solid #ffffff1a;border-radius:.9rem;width:min(100%,48rem);padding:.6rem 1rem .7rem}.records__title{color:#ffffff85;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:650}.records__best{color:#8bc5ff;font-variant-numeric:tabular-nums;margin:0 0 .4rem;font-size:1rem;font-weight:700}.records__list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.records__item{color:#ffffff9e;font-variant-numeric:tabular-nums;font-size:.82rem}.move-controls{color:#ffffffc7;background:#14161cb8;border:1px solid #ffffff1a;border-radius:.9rem;width:min(100%,48rem);padding:.75rem 1rem}.move-controls summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.move-controls summary:before{content:"+";width:1.5rem;font-size:1.25rem}.move-controls[open] summary:before{content:"−"}.move-controls p{color:#ffffff94;margin:0 0 .75rem;font-size:.875rem}.move-grid{grid-template-columns:repeat(6,minmax(44px,1fr));gap:.5rem;display:grid}.turn-depth{align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}#status{color:#ffffff9e;text-align:center;min-height:1.35rem;margin:0;font-size:.875rem}#app[data-state=loading] #view{visibility:hidden}#app[data-state=loading] .move-controls,#app[data-state=loading] .move-log,#app[data-state=loading] .records,#app[data-state=unsupported] .move-controls,#app[data-state=unsupported] .move-log,#app[data-state=unsupported] .records,#app[data-state=error] .move-controls,#app[data-state=error] .move-log,#app[data-state=error] .records,#app[data-state=unsupported] .game-stage,#app[data-state=error] .game-stage{display:none}#app[data-state=unsupported] #status,#app[data-state=error] #status{color:#ff9ca5;background:#4a0f1659;border:1px solid #e639466b;border-radius:.8rem;max-width:36rem;padding:1rem}@media (width<=720px),(height<=640px){.game-shell{gap:.75rem}.game-stage{aspect-ratio:auto;gap:.75rem;width:min(100%,38rem);display:grid}#view{aspect-ratio:1;width:100%;height:auto}.hud{pointer-events:auto;gap:.6rem;display:grid;position:static}.hud__header,.view-switch,.game-actions{width:100%;position:static;transform:none}.hud__header{order:-1;align-items:center}#game-title{width:auto;font-size:1rem}.view-switch,.game-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.view-switch{grid-template-columns:1fr 1fr}.view-switch__group{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.game-actions__group{grid-column:1/-1}.game-actions__group button{padding-inline:.4rem;font-size:.84rem}.view-switch__group--flat{padding-left:.4rem}.option-panel{grid-column:1/-1}.option-panel__group button{padding-inline:.4rem;font-size:.84rem}.option-panel__slider{grid-template-columns:auto 1fr auto}.option-panel__slider input,.option-panel__slider output{grid-area:auto}.view-switch button,.game-actions button{font-size:.84rem}.move-log{padding:.5rem .75rem .6rem}.move-log__list{max-height:3.4rem}.records{padding:.5rem .75rem .6rem}.move-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}}@media (width<=400px){.game-shell{--shell-inline-padding:max(.65rem, env(safe-area-inset-left))}.game-actions{grid-template-columns:1fr 1fr}#home-view{grid-column:1/-1}.move-grid{grid-template-columns:repeat(3,minmax(44px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}