@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/ricochet-solitaire/assets/orbitron-variable-C4ZOLPH_.woff2) format("woff2")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/ricochet-solitaire/assets/exo2-variable-CzJRY8la.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1c2230;--panel: #262e40;--panel-sub: #323c55;--text: #e8eaf0;--muted: #9aa3b5;--accent: #4f8ef7;--btn: #38415a;--board-bg: #ece6d8;--board-grid: #cdc5b2;--frame: #2e3547;--metal: #7c8391;--robot-red: #e04338;--robot-green: #3aa245;--robot-blue: #3273d6;--robot-yellow: #eebd2a}:root.light{--bg: #e8eaef;--panel: #ffffff;--panel-sub: #dde1e8;--text: #232936;--muted: #6a7386;--btn: #d6dae3;--frame: #c9cdd6}html,body{background:var(--bg);color:var(--text);font-family:Orbitron,Avenir Next Condensed,Arial Narrow,sans-serif;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{max-width:min(900px,max(360px,100vh - 265px));margin:0 auto;padding:8px 10px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}#status-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:var(--panel);padding:6px 10px;min-height:54px}#title{font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.3;color:#fff;text-align:center;background:var(--panel-sub);padding:8px 14px;max-width:150px}:root.light #title{color:var(--text)}.goal-chip{display:flex;align-items:center;gap:5px;justify-self:start}.goal-target{width:27px;height:27px;margin-right:4px}.tgt-a{fill:var(--metal)}.tgt-b{fill:var(--panel)}.tgt-tick{stroke:var(--metal);stroke-width:2.4}.goal-mini{width:30px;height:30px}.status-right{display:flex;align-items:center;gap:8px;justify-self:end}.move-counter{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;font-size:12px;white-space:nowrap}.score{font-weight:700;font-size:13px;color:#e9b53c;white-space:nowrap}#btn-theme,#btn-help{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;padding:4px 2px}#btn-help{margin-left:-6px}#board-wrap{position:relative}#board{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}#board.swipe-armed{touch-action:none}.board-frame{fill:var(--frame)}.board-bg{fill:var(--board-bg)}.grid line{stroke:var(--board-grid);stroke-width:1}.seams line{stroke:#b9ae95;stroke-width:2}.walls rect{fill:var(--metal)}.outer-wall{fill:none;stroke:var(--metal);stroke-width:10}.target{opacity:.85}.center-plate{fill:var(--metal)}.center-bar{fill:#b6bbc4}.screw{fill:#cdd2d9}.screw-slot{stroke:var(--metal);stroke-width:1.7}.center-rs{fill:#fff;font-family:Orbitron,Avenir Next Condensed,Arial Narrow,sans-serif;font-size:42px;font-weight:800;letter-spacing:2px;text-anchor:middle;dominant-baseline:central}.goal-cell{animation:goalpulse 1.8s ease-in-out infinite}@keyframes goalpulse{0%,to{opacity:.55}50%{opacity:.22}}.trail{opacity:.25;pointer-events:none}.landing{cursor:pointer}.landing rect{opacity:.38}.landing-silhouette{opacity:.85;pointer-events:none}.robot{cursor:pointer}.robot-shadow{fill:#00000040}.robot-eye{fill:#ffffffd9}#solving-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#1c22308c;font-weight:700;z-index:5;color:#fff}#solving-overlay.hidden{display:none}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:var(--panel);overflow-y:auto;padding:14px 18px 24px}#help-overlay.hidden{display:none}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}#help-overlay h2{font-size:15px;font-weight:800;letter-spacing:1px}#help-overlay h3{font-size:11.5px;font-weight:800;letter-spacing:.8px;color:var(--muted);margin:16px 0 6px}#help-overlay p{font-family:"Exo 2",Avenir Next,Segoe UI,sans-serif;text-transform:none;font-size:13px;font-weight:500;line-height:1.65;letter-spacing:.2px}#btn-help-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--btn);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;width:34px;height:34px;cursor:pointer}#demo-board{display:block;width:100%;max-width:340px;margin:10px 0 6px}.demo-caption{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted);margin-bottom:8px;font-variant-numeric:tabular-nums}#btn-demo-play{min-height:38px;padding:0 16px;font-size:12px}.message{min-height:42px;display:flex;align-items:center;background:var(--panel);padding:8px 12px;font-family:"Exo 2",Avenir Next,Segoe UI,sans-serif;text-transform:none;font-size:13.5px;font-weight:500;line-height:1.5;letter-spacing:.2px}.message:empty{display:none}#controls{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background:var(--btn);color:var(--text);font-size:14px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.5px;min-height:48px;cursor:pointer;padding:2px 4px}.btn:active{transform:translateY(1px);filter:brightness(1.1)}.btn:disabled{opacity:.35;cursor:default}.btn .key{display:none;font-size:11px;opacity:.75}#btn-undo{background:var(--robot-green);color:#fff}#btn-reset{background:var(--robot-blue);color:#fff}#btn-round{background:var(--robot-yellow);color:#2a2208}#btn-new-game{background:var(--robot-red);color:#fff}#btn-round.armed,#btn-new-game.armed{background:#8f221b;color:#fff}#solutions-panel{background:var(--panel);padding:8px 12px}#solutions-panel summary{cursor:pointer;font-weight:700;font-size:12px;color:var(--muted);letter-spacing:.5px}.solution{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid rgba(128,136,152,.18);font-size:16px}.solution:last-child{border-bottom:none}.solution.best .sol-count{background:#e9b53c;color:#222}.sol-count{background:var(--btn);min-width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.sol-cpu{background:var(--metal);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 5px;flex-shrink:0}.sol-moves{letter-spacing:3px;font-weight:700;flex:1;overflow-x:auto;white-space:nowrap}.sol-replay{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background:var(--btn);color:var(--text);font-size:10.5px;font-weight:700;font-family:inherit;text-transform:uppercase;padding:7px 10px;cursor:pointer;flex-shrink:0}.sol-replay:disabled{opacity:.35;cursor:default}@media(max-width:480px){#status-bar{display:flex;align-items:center;gap:7px}.status-right{display:contents}.goal-chip{order:0}#score{order:1;font-size:11px}#title{order:2;margin:0 auto;font-size:10px;padding:7px 10px}#move-counter{order:3;font-size:10px}#btn-theme{order:4}#btn-help{order:5;margin-left:-4px}.goal-target{width:22px;height:22px;margin-right:2px}.goal-mini{width:26px;height:26px}.goal-mini~.goal-mini{display:none}}@media(min-width:1100px){#app{max-width:1310px;display:grid;grid-template-columns:210px minmax(440px,640px) 400px;grid-template-rows:auto auto auto 1fr;column-gap:18px}#status-bar{grid-column:2;grid-row:1}#board-wrap{grid-column:2;grid-row:2 / span 3}#controls{grid-column:1;grid-row:2 / span 3;align-self:start;grid-template-columns:1fr}.message{grid-column:3;grid-row:2}#solutions-panel{grid-column:3;grid-row:3;align-self:start}.btn .key{display:inline}}
