:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: oklch(96% .018 92);--muted: oklch(81% .045 255);--quiet: oklch(66% .055 255);--backdrop: oklch(16% .085 278);--cabinet: oklch(22% .11 285);--cabinet-deep: oklch(13% .08 282);--screen: oklch(17% .08 230);--screen-soft: oklch(24% .09 230);--cyan: oklch(82% .15 205);--pink: oklch(70% .22 345);--yellow: oklch(88% .17 92);--orange: oklch(74% .18 52);--lime: oklch(82% .17 142);--violet: oklch(69% .18 302);--blue: oklch(66% .17 250);--danger: oklch(65% .2 30);--shadow: oklch(7% .03 282 / .65)}*{box-sizing:border-box;letter-spacing:0}html,body,#root{height:100%;min-height:100%}body{background-color:var(--backdrop);background-image:repeating-linear-gradient(0deg,transparent 0 9px,oklch(95% .04 255 / .035) 9px 10px),repeating-linear-gradient(90deg,oklch(9% .04 278 / .18) 0 1px,transparent 1px 28px);color:var(--ink);margin:0}button{font:inherit}.peg-app{--end-overlay-top: 82px;display:flex;height:100vh;height:100svh;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;padding:0 28px;position:relative}.peg-app:before{background-image:linear-gradient(45deg,oklch(70% .22 345 / .16) 25%,transparent 25% 75%,oklch(70% .22 345 / .16) 75%),linear-gradient(45deg,oklch(82% .15 205 / .12) 25%,transparent 25% 75%,oklch(82% .15 205 / .12) 75%);background-position:0 0,18px 18px;background-size:36px 36px;content:"";top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;position:fixed;z-index:-1}.game-surface{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;height:100%;margin:0 auto;max-width:1240px;min-height:0;position:relative;width:100%}.topbar{align-items:center;background:var(--cabinet-deep);border:0;border-bottom:3px solid var(--cyan);border-radius:0;box-shadow:0 14px 34px var(--shadow),0 0 34px #01ddef3d;box-shadow:0 14px 34px var(--shadow),0 0 34px oklch(82% .15 205 / .24);display:flex;gap:20px;justify-content:space-between;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:12px max(28px,calc((100vw - 1240px)/2))}.brand-lockup{align-items:center;display:flex;gap:14px;min-width:0}.brand-mark{align-items:center;background:var(--yellow);border:3px solid var(--orange);border-radius:50%;box-shadow:inset 0 -7px #a749006b,0 0 0 3px #fbf2d433,0 0 22px #ffd33573;box-shadow:inset 0 -7px oklch(52% .15 48 / .42),0 0 0 3px #fbf2d433,0 0 22px oklch(88% .17 92 / .45);color:#090232;display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.brand-mark svg{height:22px;width:22px}h1{color:var(--ink);font-size:2rem;line-height:1.05;margin:0;text-shadow:0 2px 0 oklch(70% .22 345 / .72),0 0 18px oklch(82% .15 205 / .38)}.layout-tabs{align-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;gap:22px;padding:0}.layout-tab{background:transparent;border:0;border-radius:0;box-shadow:none;color:#bed3efbd;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:900;min-height:34px;padding:0 0 7px;position:relative;text-shadow:0 1px 0 oklch(5% .04 250 / .9);text-transform:uppercase;transition:color .18s cubic-bezier(.22,1,.36,1),text-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.layout-tab:hover{color:var(--cyan);text-shadow:0 0 8px oklch(82% .15 205 / .38),0 1px 0 oklch(5% .04 250 / .9)}.layout-tab.active{color:var(--yellow);text-shadow:0 0 7px oklch(88% .17 92 / .48),0 1px 0 oklch(5% .04 250 / .9)}.layout-tab.active:after{background:var(--yellow);bottom:0;box-shadow:0 0 12px var(--yellow);content:"";height:3px;left:0;position:absolute;right:0}.play-area{--board-max: 840px;--board-min: 420px;--control-lift: 36px;--control-size: 52px;--hud-gap: 12px;align-items:center;display:grid;flex:1 1 auto;gap:0;grid-template-columns:minmax(420px,1fr);justify-content:center;min-height:0;padding:10px 0 calc(var(--control-lift) + var(--control-size) + 18px);position:relative}.board-stack{align-items:center;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100%;justify-content:stretch;justify-items:stretch;justify-self:center;max-height:100%;min-width:0;position:relative;width:100%}.board-stack .board-zone{width:100%}.end-game-overlay{background:#f9f2dc21;border-radius:0;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:var(--end-overlay-top);z-index:80}@supports (backdrop-filter: brightness(1.08)){.end-game-overlay{-webkit-backdrop-filter:brightness(1.08) saturate(.72);backdrop-filter:brightness(1.08) saturate(.72)}}.score-panel,.move-control-panel,.corner-control,.high-score-popover{align-self:center;background:var(--cabinet-deep);border:3px solid oklch(96% .018 92 / .2);border-radius:8px;box-shadow:0 18px 42px var(--shadow),inset 0 0 0 2px #f6f2e50d;display:flex;flex-direction:column;padding:12px}.score-panel{align-self:stretch;background:transparent;border:0;border-radius:0;box-shadow:none;margin-bottom:var(--hud-gap);padding:0;pointer-events:none;position:relative;width:100%;z-index:15}.control-layer{bottom:var(--control-lift);height:var(--control-size);left:0;pointer-events:none;position:absolute;right:0;z-index:20}.move-control-panel,.corner-control{background:transparent;border:0;box-shadow:none;padding:0;pointer-events:auto;position:absolute}.move-control-panel{bottom:0;display:inline-grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));left:50%;transform:translate(-50%);width:134px}.corner-control{bottom:0;width:62px}.corner-control-left{left:0}.corner-control-right{right:0}.move-control-panel .icon-button{--button-core: var(--cyan);--button-mid: oklch(58% .13 210);--button-deep: oklch(24% .09 225)}.corner-control .icon-button{--button-core: var(--yellow);--button-mid: var(--orange);--button-deep: oklch(32% .12 42)}.corner-control-right .icon-button{--button-core: var(--blue);--button-mid: oklch(53% .16 250);--button-deep: oklch(25% .11 258)}.high-score-popover{background:linear-gradient(180deg,#00102bfa,#000113fa),var(--screen);background:linear-gradient(180deg,color(xyz 0.008 0.005 0.04 / 0.98),#000113fa),var(--screen);border:1px solid oklch(82% .15 205 / .56);border-bottom-color:#ffd335d1;border-bottom-color:oklch(88% .17 92 / .82);border-radius:0;box-shadow:0 24px 56px #00000394,0 0 0 3px #00000beb,0 0 0 5px #01ddef24,0 0 32px #01ddef38,inset 0 1px #f6f2e51f,inset 0 -16px 28px #00000257;box-shadow:0 24px 56px #00000394,0 0 0 3px #00000beb,0 0 0 5px oklch(82% .15 205 / .14),0 0 32px oklch(82% .15 205 / .22),inset 0 1px #f6f2e51f,inset 0 -16px 28px #00000257;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);gap:14px;left:50%;max-height:min(690px,calc(100svh - var(--end-overlay-top) - 28px));overflow-x:hidden;overflow-y:auto;padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 24px));z-index:90}.hud-line{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;min-height:70px;position:relative;width:100%}.hud-readout{align-items:start;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--cyan);display:inline-grid;gap:5px;grid-template-rows:auto auto;line-height:1;min-height:0;padding:0;white-space:nowrap}.hud-left{justify-self:start}.hud-center{justify-items:center;justify-self:center;text-align:center}.hud-right{justify-items:end;justify-self:end;text-align:right}.hud-readout span{color:#ffd335b8;color:oklch(88% .17 92 / .72);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.61rem;font-weight:900;line-height:1;margin-bottom:0;opacity:.86;position:relative;text-shadow:0 0 6px oklch(82% .15 205 / .26),0 1px 0 oklch(5% .04 250 / .9);text-transform:uppercase;z-index:1}.hud-readout span:before,.hud-readout span:after{color:currentColor;opacity:.62;text-shadow:0 0 5px currentColor}.hud-readout span:before{content:"[";margin-right:.32em}.hud-readout span:after{content:"]";margin-left:.32em}.hud-readout strong{color:var(--yellow);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2.45rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1;position:relative;text-shadow:0 0 4px currentColor,0 0 16px oklch(88% .17 92 / .5),0 2px 0 oklch(6% .04 250 / .9);text-transform:uppercase;z-index:0}.hud-center strong{color:var(--pink);text-shadow:0 0 4px currentColor,0 0 16px oklch(70% .22 345 / .48),0 2px 0 oklch(6% .04 250 / .9)}.hud-center span{color:#f757bdad}.hud-right strong{color:var(--lime);text-shadow:0 0 4px currentColor,0 0 16px oklch(82% .17 142 / .45),0 2px 0 oklch(6% .04 250 / .9)}.hud-right span{color:#7edf75ad}.board-zone{align-items:center;container-type:size;display:flex;height:100%;justify-content:center;min-height:var(--board-min);min-width:0;width:100%}.board-shell{aspect-ratio:1;background:transparent;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0;position:relative;width:clamp(var(--board-min),calc(100svh - 280px),var(--board-max))}@supports (width: 100cqw){.board-shell{width:clamp(var(--board-min),min(100cqw,100cqh),var(--board-max))}}.board-shell:before{content:none}.board{--board-size: 7;background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;gap:9px;grid-template-columns:repeat(var(--board-size),minmax(0,1fr));height:100%;padding:clamp(6px,1.8vmin,18px);position:relative;touch-action:none;width:100%}.void-cell{aspect-ratio:1;display:block}.slot,.drag-ghost{--peg-top: oklch(96% .05 92);--peg-core: var(--orange);--peg-mid: oklch(64% .17 48);--peg-deep: oklch(33% .12 32)}.tone-cyan{--peg-core: var(--cyan);--peg-mid: oklch(62% .14 210);--peg-deep: oklch(29% .1 225)}.tone-pink{--peg-core: var(--pink);--peg-mid: oklch(58% .19 345);--peg-deep: oklch(30% .12 348)}.tone-lime{--peg-core: var(--lime);--peg-mid: oklch(64% .16 142);--peg-deep: oklch(28% .1 150)}.tone-violet{--peg-core: var(--violet);--peg-mid: oklch(54% .17 302);--peg-deep: oklch(27% .11 302)}.tone-blue{--peg-core: var(--blue);--peg-mid: oklch(53% .16 250);--peg-deep: oklch(27% .11 258)}.slot{aspect-ratio:1;background:transparent;border:0;border-radius:50%;cursor:pointer;min-height:0;min-width:0;padding:0;position:relative;touch-action:none;transition:filter .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.slot.has-peg{cursor:grab}.board.is-dragging .slot,.board.is-dragging .slot.has-peg{cursor:grabbing}.slot:disabled{cursor:default}.slot:before{background:radial-gradient(circle at 50% 47%,oklch(8% .05 230 / .84),oklch(14% .07 230 / .94) 56%,oklch(82% .15 205 / .22) 68%,transparent 72%);border:2px solid oklch(96% .018 92 / .16);border-radius:50%;box-shadow:inset 0 5px 10px #00010194,0 1px #f6f2e514;box-shadow:inset 0 5px 10px oklch(5% .03 230 / .58),0 1px #f6f2e514;content:"";top:7%;right:7%;bottom:7%;left:7%;position:absolute}.slot:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.slot:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.peg{background:radial-gradient(circle at 30% 22%,var(--peg-top) 0 11%,transparent 13%),radial-gradient(circle at 35% 30%,var(--peg-core),var(--peg-mid) 42%,var(--peg-deep) 78%);border:2px solid oklch(96% .018 92 / .36);border-radius:50%;box-shadow:0 13px 16px #0001017a,inset 0 2px 2px #f6f2e561,inset -9px -12px 16px #0002047a,0 0 18px color-mix(in oklch,var(--peg-core) 42%,transparent);box-shadow:0 13px 16px oklch(5% .04 230 / .48),inset 0 2px 2px #f6f2e561,inset -9px -12px 16px oklch(8% .05 230 / .48),0 0 18px color-mix(in oklch,var(--peg-core) 42%,transparent);top:9%;right:9%;bottom:9%;left:9%;position:absolute;transform:translateY(0);transition:box-shadow .18s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.slot.is-active-source .peg,.slot.hint-from .peg{box-shadow:0 0 0 3px var(--yellow),0 18px 24px #00010180,inset 0 2px 2px #f6f2e561,inset -9px -12px 16px #0002047a;box-shadow:0 0 0 3px var(--yellow),0 18px 24px oklch(5% .04 230 / .5),inset 0 2px 2px #f6f2e561,inset -9px -12px 16px oklch(8% .05 230 / .48);transform:translateY(-7px) scale(1.045)}.slot.is-dragging-source .peg{opacity:.3;transform:translateY(5px) scale(.86)}.slot.is-legal:after,.slot.hint-to:after{border:3px solid var(--lime);border-radius:50%;box-shadow:0 0 18px #7edf7580;content:"";top:23%;right:23%;bottom:23%;left:23%;position:absolute}.slot.is-drop-over:after{background:radial-gradient(circle,oklch(82% .17 142 / .22),transparent 64%);border-color:var(--yellow);box-shadow:0 0 0 4px #ffd33533,0 0 30px #7edf75ad;box-shadow:0 0 0 4px oklch(88% .17 92 / .2),0 0 30px #7edf75ad;top:17%;right:17%;bottom:17%;left:17%}.slot.hint-over:after,.slot.last-over:after{background:#f757bd59;border-radius:50%;content:"";top:30%;right:30%;bottom:30%;left:30%;position:absolute}.slot.last-to .peg{animation:peg-land .24s cubic-bezier(.22,1,.36,1)}.well-shine{background:radial-gradient(circle at 38% 30%,oklch(96% .018 92 / .16),transparent 48%);border-radius:50%;top:18%;right:18%;bottom:18%;left:18%;position:absolute}.drag-ghost{--ghost-size: clamp(42px, 5.8vw, 68px);background:radial-gradient(circle at 30% 22%,var(--peg-top) 0 11%,transparent 13%),radial-gradient(circle at 35% 30%,var(--peg-core),var(--peg-mid) 42%,var(--peg-deep) 78%);border:2px solid oklch(96% .018 92 / .42);border-radius:50%;box-shadow:0 22px 28px #00010180,0 0 0 3px var(--yellow),0 0 24px color-mix(in oklch,var(--peg-core) 44%,transparent),inset 0 2px 2px #f6f2e561,inset -9px -13px 17px #0002047a;box-shadow:0 22px 28px oklch(5% .04 230 / .5),0 0 0 3px var(--yellow),0 0 24px color-mix(in oklch,var(--peg-core) 44%,transparent),inset 0 2px 2px #f6f2e561,inset -9px -13px 17px oklch(8% .05 230 / .48);height:var(--ghost-size);pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(1.04);width:var(--ghost-size);z-index:20}.icon-button{--button-core: var(--cyan);--button-mid: oklch(58% .13 210);--button-deep: oklch(24% .09 225);align-items:center;background:linear-gradient(180deg,color-mix(in oklch,var(--button-core) 18%,oklch(24% .07 248)),#00030f 62%,#000007),var(--screen);background:linear-gradient(180deg,color-mix(in oklch,var(--button-core) 18%,oklch(24% .07 248)),oklch(10% .055 258) 62%,#000007),var(--screen);border:1px solid color-mix(in oklch,var(--button-core) 52%,oklch(96% .018 92 / .22));border-radius:5px;box-shadow:0 5px #000003e0,0 11px 16px #00000575,0 0 0 3px #00000bf0,0 0 0 5px #f6f2e514,0 0 18px color-mix(in oklch,var(--button-core) 22%,transparent),inset 0 1px #f6f2e529,inset 0 -10px 15px #00000270;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);color:var(--button-core);cursor:pointer;display:inline-flex;height:var(--control-size);justify-content:center;min-height:var(--control-size);overflow:hidden;position:relative;width:100%;transition:box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.icon-button:before{background:linear-gradient(90deg,transparent,var(--button-core),transparent);box-shadow:0 0 12px var(--button-core);content:"";height:2px;left:12px;opacity:.82;pointer-events:none;position:absolute;right:12px;top:7px}.icon-button:after{background:linear-gradient(135deg,oklch(96% .018 92 / .1),transparent 34%),linear-gradient(315deg,oklch(3% .03 250 / .3),transparent 42%);border-radius:4px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.icon-button svg{filter:drop-shadow(0 1px 0 oklch(3% .03 250 / .8)) drop-shadow(0 0 7px color-mix(in oklch,var(--button-core) 64%,transparent));height:22px;position:relative;width:22px;z-index:1}.icon-button:hover:not(:disabled){filter:brightness(1.12) saturate(1.12);transform:translateY(-2px)}.icon-button:disabled{filter:grayscale(.35);cursor:not-allowed;opacity:.5;transform:translateY(3px);box-shadow:0 2px #000003e0,0 7px 12px #00000566,0 0 0 3px #00000bf0,0 0 0 5px #f6f2e50f,inset 0 1px #f6f2e51f,inset 0 -8px 12px #00000285}.icon-button:disabled:before{opacity:.26}.icon-button:focus-visible,.initial-entry button:focus-visible,.initial-display:focus-visible,.layout-tab:focus-visible,.new-game-button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.end-game-marquee{align-items:end;background:transparent;border:0;border-bottom:2px solid oklch(82% .15 205 / .42);box-shadow:0 9px 0 -8px #ffd335e6;box-shadow:0 9px 0 -8px oklch(88% .17 92 / .9);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:0 0 13px}.marquee-label{color:#f757bdc2;display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.66rem;font-weight:900;line-height:1;padding-bottom:4px;text-shadow:0 0 7px oklch(70% .22 345 / .32),0 1px 0 oklch(5% .04 250 / .9);text-transform:uppercase}.marquee-label:before{content:"[ "}.marquee-label:after{content:" ]"}.end-game-marquee strong{color:var(--yellow);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2.1rem,5vw,3.05rem);font-variant-numeric:tabular-nums;font-weight:900;justify-self:end;line-height:1;text-shadow:0 0 4px currentColor,0 0 18px oklch(88% .17 92 / .52),0 2px 0 oklch(6% .04 250 / .9)}.initial-entry{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 108px}.initial-entry label{color:#01ddefb8;color:oklch(82% .15 205 / .72);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.62rem;font-weight:900;line-height:1;margin-bottom:7px;text-shadow:0 0 7px oklch(82% .15 205 / .3),0 1px 0 oklch(5% .04 250 / .9);text-transform:uppercase}.initial-entry label:before{content:"[ "}.initial-entry label:after{content:" ]"}.initial-entry-field{min-width:0}.initial-display,.initial-entry button,.new-game-button{border-radius:0;font-weight:900;min-height:46px;text-transform:uppercase}.initial-display{align-items:center;background:linear-gradient(180deg,#000408,#000810),var(--screen);background:linear-gradient(180deg,color(xyz 0.001 0.001 0.005),color(xyz 0.002 0.002 0.01)),var(--screen);border:1px solid oklch(82% .15 205 / .48);box-shadow:inset 0 0 0 2px #00000285,inset 0 -9px 16px #00000261,0 0 16px #01ddef29;box-shadow:inset 0 0 0 2px #00000285,inset 0 -9px 16px #00000261,0 0 16px oklch(82% .15 205 / .16);box-sizing:border-box;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);caret-color:var(--cyan);color:var(--cyan);cursor:text;display:flex;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.62rem;font-variant-numeric:tabular-nums;font-weight:900;justify-content:center;letter-spacing:.22em;min-width:0;padding:0 18px;text-align:center;text-shadow:0 0 4px currentColor,0 0 12px oklch(82% .15 205 / .36);width:100%}.initial-display[data-empty=true]:before{color:#01ddef5c;color:oklch(82% .15 205 / .36);content:"_ _ _"}.initial-hidden-input{display:none}.initial-entry button,.new-game-button{background:linear-gradient(180deg,oklch(90% .17 92),var(--yellow) 48%,oklch(68% .18 64)),var(--yellow);border:1px solid oklch(96% .018 92 / .28);box-shadow:0 4px #4d2300eb,0 10px 16px #0000055c,inset 0 1px #f6f2e547,inset 0 -8px 12px #8043005c;box-shadow:0 4px oklch(31% .12 54 / .92),0 10px 16px #0000055c,inset 0 1px #f6f2e547,inset 0 -8px 12px oklch(45% .13 58 / .36);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);color:#020120;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1;padding:0 14px;text-align:center;text-shadow:0 1px 0 oklch(96% .018 92 / .28);white-space:nowrap;width:100%;transition:filter .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.initial-entry button:disabled{background:linear-gradient(180deg,#001327,#000414),var(--screen);background:linear-gradient(180deg,color(xyz 0.006 0.006 0.021),#000414),var(--screen);border-color:#01ddef2e;border-color:oklch(82% .15 205 / .18);box-shadow:0 2px #000003e0,inset 0 -6px 10px #0000027a;color:#b5c6db94;cursor:not-allowed;opacity:.82;transform:translateY(2px)}.high-score-list{display:grid;gap:0;list-style:none;margin:0;padding:0}.high-score-list li{align-items:center;background:linear-gradient(90deg,oklch(82% .15 205 / .08),transparent 34%),linear-gradient(180deg,oklch(96% .018 92 / .04),transparent 48%);border-bottom:1px solid oklch(82% .15 205 / .18);display:grid;gap:6px 9px;grid-template-columns:2.4ch 4ch minmax(6ch,1fr);min-height:48px;padding:9px 2px}.high-score-list li:first-child{border-top:1px solid oklch(82% .15 205 / .18)}.high-score-list span{color:var(--pink);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;font-weight:900;text-shadow:0 0 8px oklch(70% .22 345 / .42)}.high-score-list strong{color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.05rem;line-height:1;text-shadow:0 0 9px oklch(82% .15 205 / .44)}.high-score-list em{color:var(--yellow);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem;font-style:normal;font-weight:900;justify-self:end;text-shadow:0 0 10px oklch(88% .17 92 / .44)}.high-score-list small{color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.64rem;font-weight:800;grid-column:2 / -1;line-height:1;opacity:.92;text-transform:uppercase}.empty-score{opacity:.7}.new-game-button{align-items:center;gap:8px;margin-top:2px}.new-game-button svg{height:18px;width:18px}.initial-entry button:hover:not(:disabled),.new-game-button:hover{transform:translateY(-2px)}@keyframes peg-land{0%{transform:translateY(-16px) scale(1.08)}to{transform:translateY(0) scale(1)}}@media(max-width:1080px){.peg-app{padding:0 22px}.play-area{grid-template-columns:minmax(330px,1fr)}}@media(max-width:780px){.peg-app{height:auto;min-height:100vh;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:0 14px 14px}.game-surface{gap:16px;height:auto;min-height:100vh;min-height:100svh}.topbar{align-items:stretch;flex-direction:column}h1{font-size:1.58rem}.layout-tabs{overflow-x:auto}.layout-tab{flex:1 0 auto}.play-area{--board-min: 0px;--control-lift: 16px;grid-template-columns:1fr;min-height:0;padding:12px 0 calc(var(--control-lift) + var(--control-size) + 18px)}.board-stack{height:auto;max-height:none;order:1;width:min(100%,calc(100vh - 224px))}.board-zone{container-type:inline-size;height:auto;min-height:0}.board-shell{max-width:none;padding:0;width:min(100%,560px)}@supports (width: 100cqw){.board-shell{width:min(100cqw,560px)}}.board{gap:5px;padding:clamp(5px,1.8vmin,12px)}}@media(max-width:520px){.topbar{padding:12px 14px}.brand-mark{height:38px;width:38px}.hud-line{gap:5px;min-height:68px;padding-inline:8px}.hud-readout{gap:4px}.hud-readout span{font-size:.62rem}.hud-readout strong{font-size:1.82rem}.icon-button{height:var(--control-size);min-height:var(--control-size)}.board-shell{padding:0}.board{gap:4px;padding:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}