.number-nine-game{--game-accent:#f2bd3d;--game-surface-max-width:54rem}.number-nine-game .game-card{background:radial-gradient(circle at 50% 10%,#334047 0,#0000 46%),linear-gradient(150deg,#20292d,#121719 76%);position:relative;overflow:hidden}.number-nine-game .game-card:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff09 .7px,#0000 .7px);background-size:6px 6px;position:absolute;inset:0}.number-nine-game .game-card>*{position:relative}.number-nine-loading{color:var(--game-dim);text-align:center;min-height:18rem;padding-top:8rem}.number-nine-play-layout,.number-nine-stage,.number-nine-control-rail{display:contents}.number-nine-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;max-width:24rem;margin:0 auto .7rem;display:grid}.number-nine-scoreboard>div{text-align:center;background:#0e1316a8;border:1px solid #ffffff0c;border-radius:.75rem;padding:.55rem .7rem}.number-nine-scoreboard span,.number-nine-current-tile span{color:var(--game-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.61rem;font-weight:750;display:block}.number-nine-scoreboard strong{color:var(--game-ink);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1.2rem;line-height:1.15;display:block}.number-nine-board{cursor:default;touch-action:none;user-select:none;background:#111719;border:1px solid #ffffff12;border-radius:1rem;width:100%;height:clamp(19rem,62vw,32rem);display:block;overflow:hidden;box-shadow:inset 0 0 3rem #0008,0 1rem 2rem #0004}.number-nine-board:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.number-nine-board:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent), transparent 35%);outline-offset:3px}}.number-nine-floor{fill:url(#number-nine-floor)}.number-nine-cell-block polygon{stroke-linejoin:round;vector-effect:non-scaling-stroke}.number-nine-cell-side{stroke:#091012;stroke-width:1.15px}.number-nine-cell-top{stroke:#ffffff38;stroke-width:.75px}.number-nine-support-footprint polygon{fill:#b8f56d42;pointer-events:none;stroke:#dcffad;stroke-dasharray:4 3;stroke-width:2px;vector-effect:non-scaling-stroke}@keyframes number-nine-settle{0%{opacity:.3;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.number-nine-cell-block{animation:.18s ease-out number-nine-settle}.number-nine-tile-perimeter line{stroke:#05090b;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.number-nine-tile[data-preview=true]{cursor:grab;opacity:.78}.number-nine-cell-block[data-preview=true]{cursor:grab;opacity:.58}.number-nine-cell-block[data-preview=true] polygon{stroke:#fff;stroke-dasharray:4 3;stroke-width:1.5px}.number-nine-cell-block[data-preview=true] .number-nine-tile-perimeter line{stroke:#fff;stroke-dasharray:5 3;stroke-width:2px}.number-nine-tile-label{dominant-baseline:central;fill:#fff;paint-order:stroke;pointer-events:none;stroke:#172025a8;stroke-width:4px;text-anchor:middle;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700}.number-nine-tile-level-label{dominant-baseline:central;fill:#fff;letter-spacing:.08em;paint-order:stroke;pointer-events:none;stroke:#101719cc;stroke-width:3px;text-anchor:middle;font-family:Avenir Next,Century Gothic,sans-serif;font-size:8px;font-weight:800}.number-nine-legal-marker{cursor:pointer;outline:none}.number-nine-legal-marker circle{fill:#0000;pointer-events:all}.number-nine-legal-marker polygon{fill:#f2bd3d;opacity:.8;stroke:#231b08;stroke-width:1.5px;vector-effect:non-scaling-stroke}.number-nine-legal-marker:hover polygon{fill:#fff2b4;filter:drop-shadow(0 0 5px #f2bd3d);opacity:1}@media (hover:hover) and (pointer:fine){.number-nine-legal-marker:focus-visible polygon{fill:#fff2b4;filter:drop-shadow(0 0 5px #f2bd3d);opacity:1}}.number-nine-legal-marker[data-selected=true] polygon{fill:#b8f56d;opacity:.38}.number-nine-board [data-layer-position]{transition:opacity .16s}.number-nine-board [data-supporting=true]{filter:brightness(1.12)drop-shadow(0 0 5px #b8f56d88)}.number-nine-board[data-focus-layer=true] [data-layer-position=below]{opacity:.28}.number-nine-board[data-focus-layer=true] [data-layer-position=above]{opacity:.07}.number-nine-console{background:#0d1315b8;border:1px solid #ffffff0e;border-radius:.9rem;grid-template-columns:minmax(6rem,.7fr) minmax(15rem,2.4fr) minmax(8rem,.8fr);align-items:center;gap:.8rem;margin-top:.75rem;padding:.75rem;display:grid}.number-nine-current-tile,.number-nine-spot-control{align-items:center;display:flex}.number-nine-current-tile{gap:.6rem}.number-nine-current-tile strong{margin-top:.2rem;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;line-height:1;display:block}.number-nine-next-shape{width:3.4rem;max-width:3.4rem;height:3.1rem}.number-nine-planning-controls{min-width:0}.number-nine-control-heading{color:var(--game-dim);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.7rem;font-weight:750;display:flex}.number-nine-control-heading:not(:first-child){margin-top:.7rem}.number-nine-control-heading small{color:var(--game-dim);font-size:.65rem}.number-nine-focus-toggle{color:#f2bd3d;cursor:pointer;font:inherit;text-transform:none;background:0 0;border:0;min-height:2.75rem;padding:0 .3rem}.number-nine-choice-row,.number-nine-orientation-row{scrollbar-width:thin;gap:.4rem;padding:.1rem .1rem .25rem;display:flex;overflow-x:auto}.number-nine-choice,.number-nine-orientation{color:var(--game-ink);cursor:pointer;font:inherit;background:#202a2f;border:1px solid #46545b99;border-radius:.65rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.35rem .55rem;display:flex}.number-nine-choice{gap:.45rem;min-width:4.7rem}.number-nine-choice small,.number-nine-orientation small{color:#c8d0d4;background:#0b1012;border-radius:999px;justify-content:center;align-items:center;min-width:1.4rem;height:1.4rem;padding:0 .25rem;font-size:.63rem;display:flex}.number-nine-choice[data-selected=true],.number-nine-orientation[data-selected=true]{background:#3a3420;border-color:#f2bd3d;box-shadow:inset 0 0 0 1px #f2bd3d40}.number-nine-choice:disabled{cursor:default;opacity:.32}.number-nine-orientation{flex-direction:column;flex:0 0 4.4rem;gap:.25rem;min-height:4.8rem;padding:.3rem}.number-nine-orientation .number-nine-next-shape{width:3rem;height:2.7rem}.number-nine-spot-control{justify-content:center;gap:.4rem}.number-nine-spot-control button{color:var(--game-ink);cursor:pointer;font:inherit;background:#283238;border:1px solid #526169;border-radius:50%;width:2.75rem;height:2.75rem;padding:0 0 .15rem;font-size:1.6rem}.number-nine-spot-control button:disabled{cursor:default;opacity:.25}.number-nine-spot-control>span{color:var(--game-dim);text-align:center;text-transform:uppercase;font-size:.7rem}.number-nine-spot-control strong{color:var(--game-ink);margin-top:.15rem;font-size:.8rem;display:block}.number-nine-placement-status{color:#ff9b95;text-align:center;min-height:1.3rem;margin:.75rem 0 0;font-size:.8rem}.number-nine-placement-status[data-legal=true]{color:#b8f56d}.number-nine-placement-status[data-complete=true]{color:#f2bd3d;font-weight:700}.number-nine-actions{margin-top:.4rem;display:block}.number-nine-place{color:#211a08;background:#f2bd3d;border-color:#f2bd3d;width:100%;min-height:3.25rem}.number-nine-place:hover:not(:disabled){background:#ffd66a;border-color:#ffd66a}.number-nine-new-shuffle{color:var(--game-dim);cursor:pointer;font:inherit;text-underline-offset:.18em;background:0 0;border:0;min-height:2.75rem;margin:0 auto .65rem;padding:.55rem;font-size:.8rem;text-decoration:underline;display:block}.number-nine-setup-actions{flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;display:flex}.number-nine-setup-actions .number-nine-new-shuffle{margin-inline:0}.number-nine-setup{background:#0d1315a8;border:1px solid #ffffff18;border-radius:.8rem;margin-top:.85rem;overflow:hidden}.number-nine-setup>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem;min-height:3.35rem;padding:.7rem 2.5rem .7rem .85rem;list-style:none;display:grid;position:relative}.number-nine-setup>summary::-webkit-details-marker{display:none}.number-nine-setup>summary:after{content:"";border-bottom:2px solid #c6ced1;border-right:2px solid #c6ced1;width:.52rem;height:.52rem;transition:transform .16s;position:absolute;top:1.05rem;right:1rem;transform:rotate(45deg)}.number-nine-setup[open]>summary:after{transform:translateY(.25rem)rotate(225deg)}.number-nine-setup>summary:hover{background:#ffffff08}.number-nine-setup>summary:focus-visible{outline:2px solid var(--game-accent);outline-offset:-3px}.number-nine-setup-title{color:var(--game-ink);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:800}.number-nine-setup-meta{color:var(--game-dim);font-size:.72rem}.number-nine-setup-panel{border-top:1px solid #ffffff18;padding:.75rem}.number-nine-seed-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;display:grid}.number-nine-seed-controls form{grid-template-columns:minmax(7rem,1fr) auto;align-items:end;gap:.55rem;display:grid}.number-nine-seed-controls label{color:var(--game-dim);letter-spacing:.08em;text-transform:uppercase;gap:.3rem;font-size:.74rem;font-weight:700;display:grid}.number-nine-seed-controls input{color:var(--game-text);font:inherit;background:#101719;border:1px solid #ffffff2b;border-radius:.55rem;min-width:0;min-height:2.75rem;padding:.55rem .7rem;font-size:.95rem}.number-nine-seed-controls input:focus-visible{border-color:var(--game-accent);outline-offset:2px;outline:2px solid #f2bd3d55}@media (width<=42rem){.number-nine-console{grid-template-columns:minmax(6rem,.7fr) minmax(10rem,1.3fr)}.number-nine-planning-controls{grid-area:2/1/auto/-1}.number-nine-board{height:clamp(18rem,52vh,23rem)}}@media (orientation:landscape) and (width>=43rem){.number-nine-game{--game-surface-max-width:80rem;max-width:min(80rem,100vw - 3rem)}.number-nine-game>.game-header{margin-bottom:.65rem}.number-nine-game>.game-header h1{font-size:clamp(1.45rem,3.2vh,2rem)}.number-nine-game>.game-card{padding:clamp(.65rem,1.5vw,1rem)}.number-nine-play-layout{grid-template-columns:minmax(0,1.85fr) minmax(20rem,1fr);align-items:stretch;gap:clamp(.75rem,1.5vw,1.1rem);min-height:0;display:grid}.number-nine-stage,.number-nine-control-rail{flex-direction:column;min-width:0;min-height:0;display:flex}.number-nine-scoreboard{flex:none;width:100%;max-width:26rem;margin-bottom:.55rem}.number-nine-board{flex:auto;height:clamp(24rem,100dvh - 13rem,39rem);min-height:0}.number-nine-console{grid-template-columns:minmax(0,1fr);align-content:start;margin-top:0}.number-nine-current-tile,.number-nine-spot-control{justify-content:center}.number-nine-control-rail .number-nine-placement-status{margin-top:.55rem}.number-nine-control-rail .number-nine-actions{margin-top:.25rem}.number-nine-setup,.number-nine-game .game-rules{margin-top:1rem}}@media (orientation:landscape) and (width>=43rem) and (height<=31rem){.number-nine-game{max-width:calc(100vw - 3rem)}.number-nine-game>.game-header{margin-bottom:.4rem}.number-nine-game>.game-header .game-icon-button{width:2.75rem;height:2.75rem}.number-nine-game>.game-card{padding:.55rem}.number-nine-play-layout{grid-template-columns:minmax(18rem,.92fr) minmax(0,1.08fr);gap:.6rem}.number-nine-stage{position:relative}.number-nine-scoreboard{z-index:1;gap:.25rem;max-width:15rem;margin:0;position:absolute;top:.45rem;left:.45rem}.number-nine-scoreboard>div{backdrop-filter:blur(.3rem);border-radius:.5rem;padding:.25rem .4rem}.number-nine-scoreboard span{font-size:.5rem}.number-nine-scoreboard strong{margin-top:0;font-size:.9rem}.number-nine-board{height:calc(100dvh - 5.75rem);min-height:0}.number-nine-console{grid-template-columns:minmax(6rem,.65fr) minmax(8rem,1fr);align-items:center;gap:.4rem .55rem;padding:.45rem}.number-nine-current-tile{gap:.35rem}.number-nine-current-tile strong{font-size:1.35rem}.number-nine-current-tile>.number-nine-next-shape{width:2.7rem;height:2.4rem}.number-nine-planning-controls{grid-column:1/-1;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.4fr);gap:.2rem .4rem;display:grid}.number-nine-control-heading{margin-bottom:0}.number-nine-control-heading:first-child{grid-area:1/1}.number-nine-control-heading:not(:first-child){grid-area:1/2;margin-top:0}.number-nine-choice-row{grid-area:2/1}.number-nine-orientation-row{grid-area:2/2}.number-nine-choice-row,.number-nine-orientation-row{gap:.25rem;padding-bottom:.1rem}.number-nine-choice,.number-nine-orientation{flex:none;min-height:2.75rem;padding:.2rem .35rem}.number-nine-choice{min-width:4.2rem}.number-nine-orientation{flex-direction:row;flex-basis:3.7rem;gap:.15rem}.number-nine-orientation .number-nine-next-shape{width:2.2rem;height:2rem}.number-nine-spot-control button{width:2.75rem;height:2.75rem;min-height:2.75rem}.number-nine-control-rail .number-nine-placement-status{min-height:1rem;margin-top:.25rem;font-size:.72rem}.number-nine-place{min-height:2.75rem;padding-block:.35rem}.number-nine-setup,.number-nine-game .game-rules{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.number-nine-cell-block{animation:none}}@media (width<=28rem){.number-nine-console{grid-template-columns:minmax(5.5rem,.65fr) minmax(8rem,1fr);gap:.65rem;padding:.6rem}.number-nine-setup>summary{grid-template-columns:1fr;align-items:start}.number-nine-seed-controls{grid-template-columns:1fr}}