: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:#1d314424;color:#1d3144}.difficulty-extreme{background:#de445824;color:#a52a3e}.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}.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{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid var(--border);border-radius:20px;background:#ffffffb8;color:var(--ink);text-align:left;box-shadow:0 10px 24px #111e2c14;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.minimal-pack-button:hover{transform:translateY(-1px)}.minimal-pack-button.active{border-color:#1d31443d;box-shadow:0 14px 28px #111e2c1f}.minimal-pack-button strong{font-size:1.2rem}.minimal-pack-meta,.minimal-pack-cta{color:var(--muted)}.minimal-pack-cta{font-weight:700;color:var(--ink)}.board-frame{display:flex;justify-content:center;padding:.85rem;border-radius:22px;background:linear-gradient(180deg,#ffffff8c,#eef7fbd1)}.board{display:grid;border:4px solid var(--wall);border-radius:18px;overflow:hidden;background:#fffdfa}.board-cell{position:relative;display:block;width:var(--cell-size);height: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;top:11px;right:11px;bottom:11px;left:11px;z-index:1;pointer-events:none;border:3px dashed currentColor;border-radius:14px;transform:rotate(45deg) scale(.74);opacity:.76}.target-ghost{top:18px;right:18px;bottom:18px;left:18px;transform:rotate(45deg) scale(.56);opacity:.3}.reachable-marker{position:absolute;top:18px;right:18px;bottom:18px;left:18px;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}.robot{position:absolute;top:10px;right:10px;bottom:10px;left:10px;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)}.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)}.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,.arrow-button,.puzzle-select{border:1px solid transparent;border-radius:16px}.primary-button,.secondary-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{padding:.72rem .9rem}.primary-button,.secondary-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}.secondary-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.arrow-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button:disabled,.primary-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-list{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.5rem}.solution-item{color:var(--ink)}.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}.pack-surface{position:static}.fact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{width:min(100%,calc(100% - 1rem));padding-top:1.25rem}.action-grid,.rules-grid{grid-template-columns:1fr}.surface-head,.panel-row,.board-footer,.hero-topline{align-items:flex-start;flex-direction:column}}