:root{--surface: rgba(255, 253, 249, .84);--surface-strong: #fffdfa;--border: rgba(31, 48, 66, .12);--ink: #1d3144;--muted: #66788a;--accent: #ff7a59;--accent-dark: #f25d35;--grid-line: #d9dfe8;--wall: #1d3144;--wall-thickness: 7px;--wall-inset: 10px;--shadow: 0 18px 40px rgba(17, 30, 44, .12);--cell-size: clamp(52px, 7.2vmin, 64px);--compact-pad: .95rem;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);line-height:1.5;font-weight:500;background:radial-gradient(circle at top left,rgba(255,162,124,.25),transparent 28%),radial-gradient(circle at top right,rgba(84,166,214,.24),transparent 24%),linear-gradient(180deg,#fff6ea,#eef7fb)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.game-shell{padding-top:1rem}.hero{margin-bottom:1.5rem}.hero-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.eyebrow,.section-label{margin:0 0 .35rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.hero h1,.surface-head h2{margin:0}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:.96;letter-spacing:-.04em}.hero-copy{max-width:42rem;margin:.85rem 0 0;color:var(--muted);font-size:1.02rem}.hero-compact{margin-bottom:1rem}.hero-compact h1{font-size:clamp(2.1rem,4.2vw,3rem)}.hero-compact .hero-copy{max-width:34rem;margin-top:.45rem;font-size:.95rem}.hero-action{flex-shrink:0}.welcome-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.5rem;align-items:start}.welcome-stack{display:flex;flex-direction:column;gap:1.5rem}.simple-welcome{display:flex;flex-direction:column;gap:1.25rem}.minimal-welcome{min-height:calc(100vh - 4rem);display:grid;place-items:center}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1.5rem;align-items:start}.game-layout{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:1rem}.surface{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-surface,.control-surface,.overview-surface,.rules-surface,.pack-surface{padding:1.25rem}.board-surface,.control-surface{display:flex;flex-direction:column;gap:1rem}.game-layout .board-surface,.game-layout .control-surface{padding:var(--compact-pad)}.game-layout .control-surface{gap:.75rem}.overview-surface,.rules-surface,.pack-surface,.intro-surface,.package-surface{display:flex;flex-direction:column;gap:1rem}.surface-head,.panel-row,.board-footer{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.status-pill{flex-shrink:0;padding:.55rem .9rem;border-radius:999px;background:#ff7a5924;color:var(--accent-dark);font-weight:700}.overview-copy,.pack-copy{margin:0;color:var(--muted);font-size:1rem}.fact-grid,.rules-grid{display:grid;gap:.9rem}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-card,.rule-card{min-height:100%;padding:1rem;border-radius:18px;border:1px solid var(--border);background:#ffffff94}.fact-card{display:flex;flex-direction:column;gap:.35rem}.fact-card strong,.rule-card strong{font-size:1rem}.fact-card span,.rule-card p{color:var(--muted);margin:0}.rule-card{display:flex;flex-direction:column;gap:.45rem}.rule-number{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:999px;background:#ff7a5924;color:var(--accent-dark);font-weight:800}.pack-surface{position:sticky;top:1.5rem;background:linear-gradient(180deg,#ffffffd1,#fff4ebe6),var(--surface)}.pack-grid{display:grid;gap:.9rem}.pack-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:20px;border:1px solid var(--border);background:#ffffff94}.pack-card.active{border-color:#1d31443d;box-shadow:0 14px 28px #111e2c14}.pack-card h3{margin:0;font-size:1.35rem}.pack-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.difficulty-pill,.pack-count{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:800}.difficulty-pill{text-transform:uppercase;letter-spacing:.08em}.difficulty-easy{background:#2c9b6124;color:#1e6a43}.difficulty-medium{background:#3179ff1f;color:#275fca}.difficulty-hard{background:linear-gradient(145deg,#636f7e33,#29333feb);color:#eef3f8;box-shadow:inset 0 0 0 1px #dae3ec24,0 8px 18px #1b222b24}.difficulty-extreme{background:linear-gradient(145deg,#ab121af7,#e82c39fc);color:#fff0f2;box-shadow:inset 0 0 0 1px #ffcad024,0 8px 18px #88121d38}.difficulty-diabolical{background:linear-gradient(145deg,#7a0c2bf0,#290816fa);color:#ffe3ea;box-shadow:inset 0 0 0 1px #ffb0c62e,0 8px 18px #35081833}.difficulty-insane{background:linear-gradient(145deg,#490a0aeb,#961b0cfa);color:#ffe7dc;box-shadow:inset 0 0 0 1px #ffbc9f24,0 8px 18px #410e082e}.difficulty-unreal{background:linear-gradient(145deg,#140828f5,#360e5cfa);color:#efe6ff;box-shadow:inset 0 0 0 1px #c2abff24,0 8px 18px #18082e38}.pack-count{background:#1d314414;color:var(--ink)}.pack-card-copy{margin:0;color:var(--muted)}.intro-surface h2,.package-surface h2{margin:0}.simple-rules{display:grid;gap:.75rem}.simple-rule{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.85rem .95rem;border-radius:16px;border:1px solid var(--border);background:#ffffff94}.simple-rule p{margin:.2rem 0 0;color:var(--ink);font-weight:600}.simple-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.simple-pack-card{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-radius:20px;border:1px solid var(--border);background:#ffffff9e}.simple-pack-card.active{border-color:#1d31443d;box-shadow:0 14px 28px #111e2c14}.simple-pack-card h3{margin:0;font-size:1.25rem}.simple-pack-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.simple-pack-preview{margin:0;color:var(--muted);font-size:.94rem}.pack-badge{width:fit-content;padding:.4rem .75rem;border-radius:999px;background:#1d314414;color:var(--ink);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.pack-progress{padding:.85rem .95rem;border-radius:16px;background:#1d314414;color:var(--ink);font-weight:700}.pack-list{display:grid;gap:.65rem}.pack-list-item{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem .9rem;border-radius:16px;border:1px solid var(--border);background:#ffffff8f}.pack-list-item span{width:2rem;height:2rem;display:inline-grid;place-items:center;border-radius:999px;background:#ff7a5924;color:var(--accent-dark);font-weight:800}.pack-open-button{width:100%;justify-content:center}.minimal-welcome-card{width:min(720px,100%);padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;text-align:center}.minimal-welcome-toolbar{display:flex;justify-content:flex-end}.settings-anchor{position:relative}.settings-button,.settings-option{border:1px solid var(--border);border-radius:14px;background:#ffffffd1;color:var(--ink);box-shadow:0 8px 20px #111e2c14}.settings-button{padding:.55rem .8rem;font-size:.9rem;font-weight:700}.settings-popover{position:absolute;top:calc(100% + .6rem);right:0;width:min(320px,calc(100vw - 3rem));padding:.95rem;display:flex;flex-direction:column;gap:.9rem;text-align:left;border:1px solid var(--border);border-radius:18px;background:#fffdf9f5;box-shadow:0 18px 34px #111e2c29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:12}.settings-block{display:flex;flex-direction:column;gap:.55rem}.settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.settings-option{padding:.6rem .75rem;font-weight:700}.settings-option.active{border-color:#1d31443d;background:linear-gradient(145deg,#fffffff5,#ebf3ffe0)}.settings-reset-button{width:100%;justify-content:center}.settings-note{margin:0;color:var(--muted);font-size:.92rem}.settings-link{color:var(--ink);font-weight:700;text-decoration-color:#1d31444d}.settings-link:hover{text-decoration-color:currentColor}.welcome-mini-illustration{display:flex;justify-content:center;margin-bottom:.1rem}.mini-board-svg{width:124px;height:124px;filter:drop-shadow(0 12px 24px rgba(17,30,44,.12))}.mini-board-frame{fill:#fffdfa;stroke:var(--wall);stroke-width:6}.mini-grid-line{stroke:var(--grid-line);stroke-width:2.5}.mini-target-square{fill:#2c9b611a;stroke:#2c9b61;stroke-width:3;stroke-dasharray:5 4}.mini-wall-line{stroke:var(--wall);stroke-width:8;stroke-linecap:round}.mini-red-fill,.mini-blue-fill,.mini-green-fill,.mini-yellow-fill{stroke:#fffffff2;stroke-width:2}.mini-red-fill{fill:#de4458}.mini-blue-fill{fill:#3179ff}.mini-green-fill{fill:#2c9b61}.mini-yellow-fill{fill:#d2a000}.minimal-welcome-card h1{margin:0;font-size:clamp(1.9rem,4.8vw,3rem);line-height:.95}.minimal-copy{max-width:30rem;margin:0 auto}.minimal-rules{margin:0;color:var(--muted);font-size:.92rem}.minimal-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.25rem}.minimal-pack-button{--pack-border: rgba(29, 49, 68, .12);--pack-text: var(--ink);--pack-meta: var(--muted);--pack-cta: var(--ink);--pack-glow: rgba(255, 255, 255, .22);--pack-panel-top: rgba(255, 255, 255, .92);--pack-panel-bottom: rgba(255, 255, 255, .74);--pack-shadow: 0 10px 24px rgba(17, 30, 44, .08);--pack-shadow-active: 0 14px 28px rgba(17, 30, 44, .12);--pack-accent: rgba(29, 49, 68, .26);display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid var(--pack-border);border-radius:20px;background:linear-gradient(180deg,var(--pack-panel-top),var(--pack-panel-bottom));color:var(--pack-text);text-align:left;box-shadow:var(--pack-shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.minimal-pack-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at top right,var(--pack-glow),transparent 42%),linear-gradient(180deg,var(--pack-panel-top),var(--pack-panel-bottom))}.minimal-pack-button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.8rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--pack-accent),transparent 78%);opacity:.8;z-index:-1}.minimal-pack-button:hover{transform:translateY(-2px);box-shadow:var(--pack-shadow-active)}.minimal-pack-button.active{border-color:color-mix(in srgb,var(--pack-accent) 42%,white 58%);box-shadow:var(--pack-shadow-active)}.minimal-pack-button.pack-easy{--pack-border: rgba(44, 155, 97, .22);--pack-meta: #4f6c5c;--pack-cta: #1e6a43;--pack-glow: rgba(132, 222, 170, .34);--pack-panel-top: rgba(251, 255, 252, .94);--pack-panel-bottom: rgba(235, 248, 239, .88);--pack-shadow: 0 12px 26px rgba(31, 89, 59, .1);--pack-shadow-active: 0 16px 32px rgba(31, 89, 59, .14);--pack-accent: rgba(44, 155, 97, .72);--graphic-primary: #4ca975;--graphic-secondary: #7ac596;--graphic-core: #f5fff8;--graphic-glow: rgba(76, 169, 117, .14);--graphic-shard: rgba(146, 214, 173, .74)}.minimal-pack-button.pack-medium{--pack-border: rgba(49, 121, 255, .22);--pack-meta: #566c89;--pack-cta: #275fca;--pack-glow: rgba(131, 181, 255, .34);--pack-panel-top: rgba(250, 253, 255, .94);--pack-panel-bottom: rgba(235, 243, 255, .88);--pack-shadow: 0 12px 26px rgba(39, 95, 202, .1);--pack-shadow-active: 0 16px 32px rgba(39, 95, 202, .14);--pack-accent: rgba(49, 121, 255, .74);--graphic-primary: #4f8eff;--graphic-secondary: #87b2ff;--graphic-core: #f4f8ff;--graphic-glow: rgba(79, 142, 255, .14);--graphic-shard: rgba(152, 190, 255, .76)}.minimal-pack-button.pack-hard{--pack-border: rgba(70, 84, 99, .22);--pack-text: #213445;--pack-meta: #607080;--pack-glow: rgba(140, 156, 175, .28);--pack-panel-top: rgba(249, 251, 253, .95);--pack-panel-bottom: rgba(224, 231, 239, .92);--pack-shadow: 0 12px 28px rgba(28, 38, 48, .12);--pack-shadow-active: 0 16px 34px rgba(28, 38, 48, .16);--pack-accent: rgba(88, 101, 118, .86);--graphic-primary: #6a7b8b;--graphic-secondary: #9eacb9;--graphic-core: #f6f8fb;--graphic-glow: rgba(106, 123, 139, .14);--graphic-shard: rgba(189, 198, 206, .82)}.minimal-pack-button.pack-extreme{--pack-border: rgba(188, 34, 46, .28);--pack-text: #4b141d;--pack-meta: #91505a;--pack-glow: rgba(255, 86, 106, .34);--pack-panel-top: rgba(255, 247, 248, .96);--pack-panel-bottom: rgba(251, 219, 225, .93);--pack-shadow: 0 13px 28px rgba(137, 20, 34, .15);--pack-shadow-active: 0 18px 34px rgba(137, 20, 34, .22);--pack-accent: rgba(227, 39, 59, .94);--graphic-primary: #dd3147;--graphic-secondary: #ff8696;--graphic-core: #fff2f5;--graphic-glow: rgba(221, 49, 71, .18);--graphic-shard: rgba(255, 176, 188, .82)}.minimal-pack-button.pack-diabolical{--pack-border: rgba(129, 17, 52, .22);--pack-text: #fff1f4;--pack-meta: rgba(255, 224, 232, .84);--pack-cta: #ffb5c4;--pack-glow: rgba(188, 32, 85, .2);--pack-panel-top: rgba(40, 8, 22, .92);--pack-panel-bottom: rgba(23, 7, 15, .88);--pack-shadow: 0 12px 28px rgba(31, 8, 18, .26), inset 0 0 0 1px rgba(255, 156, 176, .06);--pack-shadow-active: 0 16px 34px rgba(31, 8, 18, .32), 0 0 0 1px rgba(255, 143, 167, .12);--pack-accent: rgba(255, 106, 154, .88);--graphic-primary: #ff7ba3;--graphic-secondary: #ffb0c5;--graphic-core: #fff1f5;--graphic-glow: rgba(255, 96, 148, .15);--graphic-shard: rgba(255, 148, 182, .82)}.minimal-pack-button.pack-diabolical.active{border-color:#ff8fa761}.minimal-pack-button.pack-insane{--pack-border: rgba(133, 31, 16, .34);--pack-text: #fff1ea;--pack-meta: rgba(255, 220, 208, .82);--pack-glow: rgba(173, 42, 21, .24);--pack-panel-top: rgba(38, 11, 10, .92);--pack-panel-bottom: rgba(24, 10, 10, .88);--pack-shadow: 0 14px 30px rgba(32, 10, 8, .28), inset 0 0 0 1px rgba(255, 163, 132, .06);--pack-shadow-active: 0 18px 36px rgba(32, 10, 8, .34), 0 0 0 1px rgba(255, 146, 112, .12);--pack-accent: rgba(255, 120, 82, .86);--graphic-primary: #ff8f72;--graphic-secondary: #ffb197;--graphic-core: #ffe0d6;--graphic-glow: rgba(255, 82, 52, .16);--graphic-shard: rgba(255, 196, 171, .74)}.minimal-pack-button.pack-unreal{--pack-border: rgba(74, 28, 122, .34);--pack-text: #f3ecff;--pack-meta: rgba(221, 210, 255, .82);--pack-glow: rgba(110, 46, 189, .24);--pack-panel-top: rgba(18, 10, 36, .94);--pack-panel-bottom: rgba(11, 8, 22, .9);--pack-shadow: 0 14px 30px rgba(16, 10, 32, .3), inset 0 0 0 1px rgba(173, 145, 255, .06);--pack-shadow-active: 0 18px 36px rgba(16, 10, 32, .36), 0 0 0 1px rgba(173, 145, 255, .12);--pack-accent: rgba(173, 145, 255, .88);--graphic-primary: #d0bcff;--graphic-secondary: #9f7dff;--graphic-core: #f6f0ff;--graphic-glow: rgba(111, 65, 255, .16);--graphic-shard: rgba(187, 165, 255, .78)}.placeholder-pack-button{cursor:default;padding-right:1rem}.placeholder-pack-button:hover{transform:none}.minimal-pack-button:disabled{opacity:1}.placeholder-pack-status{margin-top:auto;display:inline-flex;align-items:center;padding:.34rem .68rem;border-radius:999px;background:#ffffff14;color:var(--pack-meta);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.insane-pack-status{margin-top:auto;display:inline-flex;width:fit-content;align-items:center;padding:.34rem .68rem;border-radius:999px;background:#ffffff1a;color:var(--pack-meta);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.insane-pack-note{color:var(--pack-meta);font-size:.84rem;line-height:1.38}.placeholder-pack-graphic{position:absolute;top:1rem;right:1rem;width:96px;display:flex;justify-content:flex-end;pointer-events:none;opacity:.96}.placeholder-graphic-svg{width:96px;height:68px;overflow:visible;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}.placeholder-graphic-line,.placeholder-graphic-secondary{fill:none;stroke-linecap:round;stroke-linejoin:round}.placeholder-graphic-line{stroke:var(--graphic-primary);stroke-width:4.5}.placeholder-graphic-secondary{stroke:var(--graphic-secondary);stroke-width:4}.placeholder-graphic-core{fill:var(--graphic-core)}.placeholder-graphic-glow{fill:var(--graphic-glow)}.placeholder-graphic-glow-ring{fill:none;stroke:var(--graphic-glow);stroke-width:9}.placeholder-graphic-shard{fill:var(--graphic-shard)}.placeholder-graphic-shard.faint{opacity:.52}.pack-with-graphic strong,.pack-with-graphic .minimal-pack-meta,.pack-with-graphic .minimal-pack-description,.pack-with-graphic .insane-pack-status,.pack-with-graphic .insane-pack-note,.pack-with-graphic .placeholder-pack-status{max-width:calc(100% - 112px)}.minimal-pack-button strong{font-size:1.24rem;letter-spacing:-.02em}.minimal-pack-meta,.minimal-pack-description{color:var(--pack-meta)}.minimal-pack-description{font-size:.92rem;line-height:1.45}.board-frame{display:flex;justify-content:center;padding:.85rem;border-radius:22px;background:linear-gradient(180deg,#ffffff8c,#eef7fbd1)}.board{--board-piece-inset: clamp(6px, calc(var(--board-cell-size, var(--cell-size)) * .16), 10px);--board-marker-inset: clamp(7px, calc(var(--board-cell-size, var(--cell-size)) * .17), 11px);--board-ghost-inset: clamp(11px, calc(var(--board-cell-size, var(--cell-size)) * .28), 18px);--board-reachable-inset: clamp( 10px, calc(var(--board-cell-size, var(--cell-size)) * .28), 18px );--board-portal-inset: clamp(7px, calc(var(--board-cell-size, var(--cell-size)) * .16), 10px);--wall-thickness: clamp(5px, calc(var(--board-cell-size, var(--cell-size)) * .11), 7px);--wall-inset: clamp(6px, calc(var(--board-cell-size, var(--cell-size)) * .16), 10px);display:grid;border:4px solid var(--wall);border-radius:18px;overflow:hidden;background:#fffdfa}.board-cell{position:relative;display:block;width:var(--board-cell-size, var(--cell-size));height:var(--board-cell-size, var(--cell-size));border:1px solid var(--grid-line);background:#fffdfa;padding:0;touch-action:manipulation;overflow:visible}button.board-cell{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.board-cell.alt{background:#fbf4ea}.board-cell.reachable{background:linear-gradient(180deg,#66788a1a,#ffffffe6)}.target-marker{position:absolute;inset:var(--board-marker-inset);z-index:1;pointer-events:none;border:3px dashed currentColor;border-radius:14px;transform:rotate(45deg) scale(.74);opacity:.76}.target-ghost{inset:var(--board-ghost-inset);transform:rotate(45deg) scale(.56);opacity:.3}.reachable-marker{position:absolute;inset:var(--board-reachable-inset);z-index:1;pointer-events:none;border-radius:50%;background:#66788a29;box-shadow:inset 0 0 0 2px #66788a42}.target-red{color:#de4458;background:#de445814}.target-blue{color:#3179ff;background:#3179ff14}.target-green{color:#2c9b61;background:#2c9b6114}.target-yellow{color:#d2a000;background:#d2a0001a}.portal{position:absolute;inset:var(--board-portal-inset);z-index:1;pointer-events:none;color:var(--wall)}.portal:before{content:"";position:absolute;top:-2px;bottom:-2px;left:50%;width:5px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px #ffffffeb;transform-origin:center}.portal-dynamic:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid var(--portal-next-color, currentColor);border-radius:999px;opacity:.72}.portal-slash:before{transform:translate(-50%) rotate(45deg)}.portal-backslash:before{transform:translate(-50%) rotate(-45deg)}.portal-color-red{color:#de4458}.portal-color-blue{color:#3179ff}.portal-color-green{color:#2c9b61}.portal-color-yellow{color:#d2a000}.portal-next-color-red{--portal-next-color: #de4458}.portal-next-color-blue{--portal-next-color: #3179ff}.portal-next-color-green{--portal-next-color: #2c9b61}.portal-next-color-yellow{--portal-next-color: #d2a000}.robot{position:absolute;inset:var(--board-piece-inset);z-index:3;pointer-events:none;border:none;border-radius:50%;box-shadow:inset 0 8px 12px #ffffff47,0 8px 16px #17273a38;transition:transform .12s ease,box-shadow .12s ease}.robot:hover{transform:translateY(-1px)}.robot.selected{box-shadow:inset 0 8px 12px #ffffff47,0 8px 16px #17273a38,0 0 0 4px #fffffff2,0 0 0 7px #1d314452}.robot-red,.chip-red{background:linear-gradient(145deg,#ff8b8b,#de4458)}.robot-blue,.chip-blue{background:linear-gradient(145deg,#7cb8ff,#3179ff)}.robot-green,.chip-green{background:linear-gradient(145deg,#74d28a,#2c9b61)}.robot-yellow,.chip-yellow{background:linear-gradient(145deg,#ffe18a,#d2a000)}.robot-black,.chip-black{background:linear-gradient(145deg,#6d7480,#191d24)}.wall{position:absolute;z-index:2;pointer-events:none;background:var(--wall);border-radius:999px}.wall-up{top:0;left:var(--wall-inset);right:var(--wall-inset);height:var(--wall-thickness);transform:translateY(-50%)}.wall-right{top:var(--wall-inset);right:0;bottom:var(--wall-inset);width:var(--wall-thickness);transform:translate(50%)}.wall-down{right:var(--wall-inset);bottom:0;left:var(--wall-inset);height:var(--wall-thickness);transform:translateY(50%)}.wall-left{top:var(--wall-inset);bottom:var(--wall-inset);left:0;width:var(--wall-thickness);transform:translate(-50%)}.target-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;color:#fff;font-weight:700}.goal-chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.board-note{color:var(--muted)}.portal-cycle-panel{display:flex;flex-direction:column;gap:.55rem;padding:.75rem;border:1px solid rgba(29,49,68,.12);border-radius:12px;background:#ffffff7a}.portal-cycle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:.5rem}.portal-cycle-item{display:grid;grid-template-columns:1.5rem minmax(3.8rem,auto) 1fr;align-items:center;gap:.45rem;min-width:0}.portal-cycle-glyph{position:relative;display:inline-block;width:1.35rem;height:1.35rem;border:2px solid var(--portal-next-color, currentColor);border-radius:999px}.portal-cycle-glyph:before{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:3px;border-radius:999px;background:currentColor;transform-origin:center}.portal-cycle-cell{overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.portal-cycle-colors{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.portal-cycle-color{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;line-height:1;opacity:.56}.portal-cycle-color.active{border-color:var(--ink);box-shadow:0 0 0 2px #ffffffe6;opacity:1}.portal-cycle-color-red{background:#de4458}.portal-cycle-color-blue{background:#3179ff}.portal-cycle-color-green{background:#2c9b61}.portal-cycle-color-yellow{background:#d2a000}.solved-banner{padding:.95rem 1rem;border:1px solid rgba(44,155,97,.25);border-radius:18px;background:linear-gradient(145deg,#74d28a38,#fffc);color:#1e6a43;font-weight:700}.panel-block{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-radius:18px;border:1px solid var(--border);background:#ffffff85}.game-layout .panel-block{gap:.65rem;padding:.85rem}.nav-buttons,.action-grid{display:grid;gap:.75rem}.nav-buttons{grid-auto-flow:column}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout .nav-buttons,.game-layout .action-grid{gap:.55rem}.primary-button,.secondary-button,.success-button,.arrow-button,.puzzle-select{border:1px solid transparent;border-radius:16px}.primary-button,.secondary-button,.success-button,.arrow-button{padding:.8rem 1rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease}.game-layout .primary-button,.game-layout .secondary-button,.game-layout .success-button{padding:.72rem .9rem}.primary-button,.secondary-button,.success-button,.arrow-button{background:var(--surface-strong);color:var(--ink);box-shadow:0 8px 20px #111e2c14}.primary-button{background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff;font-weight:700}.success-button{background:linear-gradient(145deg,#41b96b,#248c4b);color:#fff;font-weight:700}.secondary-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.success-button:hover:not(:disabled),.arrow-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button:disabled,.primary-button:disabled,.success-button:disabled,.arrow-button:disabled{opacity:.45}.picker-label{display:flex;flex-direction:column;gap:.45rem;font-size:.94rem;color:var(--muted)}.puzzle-select{width:100%;padding:.8rem .95rem;border-color:var(--border);background:var(--surface-strong);color:var(--ink)}.direction-pad{display:grid;grid-template-columns:repeat(3,58px);gap:.55rem;justify-content:center}.direction-center,.direction-spacer{width:58px;height:58px}.direction-center{display:grid;place-items:center;border-radius:20px;background:#1d314414;color:var(--ink);font-size:1.3rem;font-weight:800;text-transform:uppercase}.arrow-button{width:58px;height:58px;padding:0;font-size:1.45rem}.hint-card{padding:1rem;border-radius:18px;background:linear-gradient(145deg,#183042,#29506d);color:#fff;box-shadow:0 16px 30px #1830422e}.solution-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.solution-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.5rem}.solution-item{color:var(--ink)}.solution-item.completed{color:var(--muted)}.solution-item.active{color:#1e6a43;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 981px){.game-shell{min-height:100vh;padding-bottom:1rem}.game-layout .control-surface{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;scrollbar-gutter:stable}}@media (max-width: 980px){:root{--cell-size: clamp(48px, 13vw, 62px)}.welcome-layout,.layout,.simple-pack-grid,.minimal-pack-grid{grid-template-columns:1fr}.settings-popover{width:min(100vw - 2rem,320px)}.pack-surface{position:static}.fact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{width:min(100%,calc(100% - .5rem));padding-top:1.25rem}.game-layout .board-surface,.game-layout .control-surface{padding:.7rem}.board-frame{padding:.45rem}.action-grid,.rules-grid{grid-template-columns:1fr}.surface-head,.panel-row,.board-footer,.hero-topline{align-items:flex-start;flex-direction:column}}:root{--surface: rgba(255, 255, 252, .88);--surface-strong: #fffefb;--border: rgba(28, 40, 54, .13);--ink: #19283a;--muted: #657484;--accent: #d1495b;--accent-dark: #a93245;--grid-line: #d7dde4;--wall: #152338;--shadow: 0 22px 60px rgba(25, 40, 58, .13);--shadow-tight: 0 12px 28px rgba(25, 40, 58, .11);--radius-card: 8px;--radius-panel: 14px;--focus-ring: rgba(49, 121, 255, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;background:#f4f1e8}html{background:#f4f1e8}body{position:relative;min-height:100vh;background:linear-gradient(115deg,rgba(209,73,91,.08) 0 1px,transparent 1px 74px),linear-gradient(25deg,rgba(44,155,97,.08) 0 1px,transparent 1px 88px),linear-gradient(180deg,#f8f6ef,#eef5f2 48%,#f7f1e7)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(21,35,56,.035) 0,rgba(21,35,56,.035) 1px,transparent 1px,transparent 56px),repeating-linear-gradient(0deg,rgba(21,35,56,.028) 0,rgba(21,35,56,.028) 1px,transparent 1px,transparent 56px)}#root{position:relative;z-index:1}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.eyebrow,.section-label,.difficulty-pill,.pack-count,.pack-badge,.placeholder-pack-status,.insane-pack-status,.hero h1,.minimal-welcome-card h1,.minimal-pack-button strong{letter-spacing:0}.app-shell{width:min(1320px,calc(100% - 2.5rem))}.surface:not(.minimal-welcome-card){border-color:#1c28361f;border-radius:var(--radius-panel);background:linear-gradient(180deg,#fffffceb,#f8faf6d6),var(--surface);box-shadow:var(--shadow)}.minimal-welcome{position:relative;min-height:calc(100vh - 5rem);place-items:start center;padding:clamp(.75rem,2vw,1.5rem) 0}.minimal-welcome:before{content:"";position:absolute;inset:clamp(.5rem,2vw,1.5rem) 0 auto;height:min(520px,64vh);border:1px solid rgba(21,35,56,.08);border-radius:18px;background:linear-gradient(90deg,transparent 0 19%,rgba(21,35,56,.08) 19% 20%,transparent 20% 100%),linear-gradient(0deg,transparent 0 33%,rgba(21,35,56,.06) 33% 34%,transparent 34% 100%),linear-gradient(135deg,#ffffffad,#eaf3ef61);box-shadow:inset 0 1px #ffffffbf;opacity:.78}.minimal-welcome-card.surface{position:relative;width:min(1180px,100%);padding:0;display:grid;grid-template-areas:"toolbar toolbar" "art title" "art copy" "packs packs";grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(.95rem,2vw,1.5rem) clamp(1.2rem,4vw,3rem);border:0;background:transparent;box-shadow:none;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none}.minimal-welcome-toolbar{grid-area:toolbar;justify-content:flex-end}.settings-button{min-height:2.6rem;padding:.55rem .85rem;border-radius:var(--radius-card);background:linear-gradient(180deg,#fffffcf5,#f4f8f6e6);box-shadow:var(--shadow-tight)}.settings-button:before{content:"";display:inline-block;width:.82rem;height:.82rem;margin-right:.5rem;border:2px solid currentColor;border-radius:50%;vertical-align:-.1rem;box-shadow:0 -.34rem 0 -.22rem currentColor,0 .34rem 0 -.22rem currentColor,.34rem 0 0 -.22rem currentColor,-.34rem 0 0 -.22rem currentColor}.settings-popover{border-radius:var(--radius-card);background:#fffffcf7;box-shadow:0 22px 50px #19283a33}.settings-option,.settings-reset-button{border-radius:var(--radius-card)}.welcome-mini-illustration{grid-area:art;justify-content:flex-start;margin:0}.mini-board-svg{width:clamp(148px,19vw,232px);height:auto;filter:drop-shadow(0 22px 26px rgba(25,40,58,.18)) drop-shadow(0 1px 0 rgba(255,255,255,.8))}.mini-board-frame{fill:#fffefb;stroke:#152338}.mini-grid-line{stroke:#cfd8df}.minimal-welcome-card h1{grid-area:title;max-width:780px;font-size:clamp(2.45rem,6.2vw,5.2rem);line-height:.94;text-wrap:balance}.minimal-copy{grid-area:copy;max-width:43rem;margin:0;color:#536271;font-size:clamp(1rem,1.4vw,1.12rem)}.minimal-pack-grid{grid-area:packs;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:clamp(.8rem,1.6vw,1.1rem);margin-top:.4rem}.welcome-footer{width:min(1180px,100%);margin:.9rem auto 0;padding:.6rem 0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem}.welcome-footer-link{color:inherit;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(25,40,58,.22)}.welcome-footer-link:hover{color:var(--ink);border-bottom-color:#19283a66}.minimal-pack-button{min-height:218px;padding:1rem;border-radius:var(--radius-card);border-color:var(--pack-border);box-shadow:var(--pack-shadow);transform:translateZ(0)}.minimal-pack-button:before{background:linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.16) 62% 63%,transparent 63%),linear-gradient(180deg,var(--pack-panel-top),var(--pack-panel-bottom))}.minimal-pack-button:after{left:0;right:auto;top:0;bottom:0;width:5px;height:auto;border-radius:0;background:var(--pack-accent);opacity:.88}.minimal-pack-button:hover:not(:disabled),.minimal-pack-button:focus-visible{transform:translateY(-3px)}.minimal-pack-button.active{border-color:color-mix(in srgb,var(--pack-accent) 58%,white 42%)}.difficulty-pill,.pack-count,.target-chip,.status-pill,.pack-progress,.placeholder-pack-status,.insane-pack-status{border-radius:var(--radius-card)}.insane-pack-note{text-wrap:balance}.placeholder-pack-graphic{top:.85rem;right:.85rem}.placeholder-graphic-svg{filter:drop-shadow(0 16px 18px rgba(0,0,0,.16))}.hero{position:relative}.hero-compact{margin-bottom:1.05rem;padding:.4rem 0 .8rem}.hero-compact:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(209,73,91,.34),rgba(49,121,255,.28),rgba(44,155,97,.28),transparent)}.hero h1{line-height:.98}.game-layout{grid-template-columns:minmax(560px,1fr) minmax(320px,390px);gap:1.1rem}.board-surface{background:linear-gradient(180deg,#fffffcf5,#f2f7f5e6),var(--surface)}.control-surface{background:linear-gradient(180deg,#fffffcf0,#f1f6f4e0),var(--surface)}.surface-head{padding-bottom:.8rem;border-bottom:1px solid rgba(28,40,54,.1)}.surface-head h2{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.08}.status-pill{background:#19283a;color:#fffefb;box-shadow:0 10px 20px #19283a29}.board-frame{padding:clamp(.55rem,1.2vw,.9rem);border:1px solid rgba(21,35,56,.13);border-radius:var(--radius-panel);background:linear-gradient(135deg,rgba(21,35,56,.08),transparent 28%),linear-gradient(180deg,#fffffcc7,#dde7e5b8);box-shadow:inset 0 1px #ffffffc7,0 16px 34px #19283a1f}.board{border-width:5px;border-radius:10px;background:#fffefb;box-shadow:0 14px 26px #1523381f,inset 0 0 0 1px #ffffff80}.board-cell{background:linear-gradient(135deg,rgba(255,255,255,.56),transparent 50%),#fffefb;transition:background .12s ease,box-shadow .12s ease}.board-cell.alt{background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 50%),#f5f1e7}.board-cell:hover{z-index:4;box-shadow:inset 0 0 0 2px #19283a24}.board-cell.reachable{background:linear-gradient(180deg,#19283a1a,#fffffceb),#f5f6f4}.target-marker{border-radius:var(--radius-card);filter:drop-shadow(0 2px 1px rgba(255,255,255,.8))}.reachable-marker{background:#19283a24;box-shadow:inset 0 0 0 2px #19283a38,0 0 0 4px #ffffff73}.portal:before{width:6px;box-shadow:0 0 0 2px #fffffcf0,0 8px 14px #19283a2e}.portal-dynamic:after{border-width:3px;opacity:.82}.robot{overflow:hidden;box-shadow:inset 0 10px 14px #ffffff47,inset 0 -10px 14px #00000026,0 9px 18px #17273a3d}.robot:after{content:"";position:absolute;top:18%;left:20%;width:30%;height:24%;border-radius:50%;background:#ffffff70;filter:blur(.5px)}.robot.selected{box-shadow:inset 0 10px 14px #ffffff47,inset 0 -10px 14px #00000026,0 9px 18px #17273a3d,0 0 0 4px #fffffcf5,0 0 0 8px #19283a47}.wall{box-shadow:0 1px #ffffff2e,0 4px 8px #1523382e}.board-footer{align-items:flex-start;padding-top:.2rem}.board-note{max-width:42rem;font-size:.93rem;line-height:1.42}.portal-cycle-panel,.panel-block,.hint-card,.solved-banner{border-radius:var(--radius-card)}.portal-cycle-panel{border-color:#1523381c;background:linear-gradient(180deg,#fffffcc2,#eff5f4b3)}.portal-cycle-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.portal-cycle-item{padding:.38rem;border-radius:var(--radius-card);background:#fffffc9e}.portal-cycle-color{border-radius:50%}.portal-cycle-color.active{box-shadow:0 0 0 2px #fffffceb,0 0 0 4px #15233833}.panel-block{border-color:#1523381a;background:#fffffca3}.primary-button,.secondary-button,.success-button,.arrow-button,.puzzle-select{border-radius:var(--radius-card)}.primary-button{background:linear-gradient(145deg,#df5b6b,#a93245);box-shadow:0 10px 22px #a932452e}.secondary-button,.arrow-button,.puzzle-select{background:linear-gradient(180deg,#fffffcfa,#f3f7f6eb)}.secondary-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.success-button:hover:not(:disabled),.arrow-button:hover:not(:disabled){box-shadow:0 12px 24px #19283a21}.direction-pad{grid-template-columns:repeat(3,54px);gap:.48rem}.direction-center,.direction-spacer,.arrow-button{width:54px;height:54px}.direction-center{border-radius:var(--radius-card);background:#15233814}.hint-card{background:linear-gradient(135deg,#19283af5,#2a4e5df0)}.solution-item.active{color:#206c47}@media (min-width: 981px){.game-shell{width:min(1380px,calc(100% - 2rem))}}@media (max-width: 980px){.app-shell{width:min(100%,calc(100% - 1.2rem))}.minimal-welcome-card.surface{grid-template-areas:"toolbar" "art" "title" "copy" "packs";grid-template-columns:1fr;text-align:center}.welcome-mini-illustration{justify-content:center}.minimal-copy{margin:0 auto}.minimal-pack-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.game-layout{grid-template-columns:1fr}.game-shell{padding-top:.8rem}.game-layout .control-surface{max-height:none;overflow:visible}.portal-cycle-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (max-width: 760px){body:before{background:repeating-linear-gradient(90deg,rgba(21,35,56,.03) 0,rgba(21,35,56,.03) 1px,transparent 1px,transparent 42px),repeating-linear-gradient(0deg,rgba(21,35,56,.024) 0,rgba(21,35,56,.024) 1px,transparent 1px,transparent 42px)}.minimal-pack-grid{grid-template-columns:1fr}.minimal-pack-button{min-height:178px}.surface:not(.minimal-welcome-card){border-radius:10px}.board-surface,.control-surface{gap:.85rem}.board-note{font-size:.88rem}}@media (max-width: 640px){.app-shell{width:min(100%,calc(100% - .75rem))}.minimal-welcome{min-height:auto;padding-top:.4rem}.minimal-welcome:before{height:360px}.minimal-welcome-card h1{font-size:clamp(2.1rem,12vw,3.3rem)}.minimal-pack-button{min-height:168px;padding:.9rem}.pack-with-graphic strong,.pack-with-graphic .minimal-pack-meta,.pack-with-graphic .minimal-pack-description,.pack-with-graphic .insane-pack-status,.pack-with-graphic .insane-pack-note,.pack-with-graphic .placeholder-pack-status{max-width:calc(100% - 98px)}.placeholder-pack-graphic,.placeholder-graphic-svg{width:84px}.placeholder-graphic-svg{height:60px}.hero-compact{padding-top:0}.hero-compact h1{font-size:clamp(1.8rem,10vw,2.55rem)}.hero-compact .hero-copy{font-size:.9rem}.game-layout .board-surface,.game-layout .control-surface{padding:.6rem}.board-frame{padding:.35rem;border-radius:10px}.board{border-width:4px;border-radius:8px}.goal-chip-group{width:100%}.target-chip{padding:.4rem .58rem;font-size:.82rem}.portal-cycle-list{grid-template-columns:1fr}.panel-block{padding:.75rem}.direction-pad{grid-template-columns:repeat(3,50px);gap:.42rem}.direction-center,.direction-spacer,.arrow-button{width:50px;height:50px}.surface-head,.panel-row,.board-footer,.hero-topline{gap:.65rem}}