:root{--bg: #ffffff;--ink: #3c445c;--navy: #141b3d;--muted: #8b93a7;--pill: #eef2f7;--dot: #d5dae5;--heart: #d84a3a;--accent: #4a7ddb;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:ui-rounded,system-ui,-apple-system,SF Pro Rounded,Nunito,sans-serif;min-height:100dvh;display:flex;justify-content:center}#app{width:min(480px,100vw);min-height:100dvh;display:flex;flex-direction:column;padding:10px 18px calc(16px + env(safe-area-inset-bottom))}.game-title{text-align:center;font-size:44px;line-height:1.02;letter-spacing:-.02em;color:#4a5468;margin:10px 0 8px;font-weight:900}.level-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px}.level-label{font-weight:800;font-size:20px;color:#1e2433;cursor:pointer;padding:6px 12px;border-radius:10px}.level-label:active{background:var(--pill)}.icon-btn{border:none;background:none;cursor:pointer;font-size:34px;line-height:1;color:var(--accent);width:44px;height:44px;border-radius:12px}.icon-btn:active{background:var(--pill)}.icon-btn.gear{font-size:26px}.stats-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stat-pill{background:var(--pill);color:#3c445c;min-width:92px;text-align:center;padding:10px 14px;border-radius:14px;font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px;justify-content:center}.stat-pill .cursor{font-size:15px}.hearts{display:flex;gap:8px;color:var(--heart)}.heart{width:34px;height:32px}.heart.lost{color:#e3e6ec}.board-wrap{flex:1;display:grid;place-items:center;position:relative;padding:6px 0 10px}#board{width:min(92vw,410px);height:auto;max-height:62dvh;touch-action:manipulation;-webkit-user-select:none;user-select:none}#board .dots circle{fill:var(--dot)}#board .track{fill:none;stroke:var(--navy);stroke-width:15;stroke-linecap:round;stroke-linejoin:round}#board .head{fill:var(--navy)}#board .hit{fill:transparent;stroke:transparent;pointer-events:all}#board polyline.hit{stroke-width:52;fill:none}#board .piece{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:opacity .22s ease}#board .piece:active{transform:scale(.92)}#board .piece.exiting{pointer-events:none}#board .piece.blocked .track{stroke:#d84a3a}#board .piece.blocked .head{fill:#d84a3a}#board .piece.shake{animation:svgshake .4s}@keyframes svgshake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}#board .piece.hint .track{stroke:var(--accent)}#board .piece.hint .head{fill:var(--accent)}#board .piece.hint{animation:hintpulse 1s infinite}@keyframes hintpulse{0%,to{opacity:1}50%{opacity:.55}}.controls{display:flex;gap:10px}.action-btn{flex:1;border:none;border-radius:18px;padding:15px 8px;font-size:15px;font-weight:700;cursor:pointer;background:var(--pill);color:#3c445c;position:relative}.action-btn:active{transform:scale(.97)}.action-btn .badge{position:absolute;top:-9px;right:calc(50% - 22px);background:var(--accent);color:#fff;min-width:24px;height:24px;border-radius:12px;display:inline-grid;place-items:center;font-size:13px;padding:0 6px}#btn-hint{background:#e8eefb}.primary{border:none;border-radius:16px;padding:14px 22px;font-size:16px;font-weight:700;cursor:pointer;background:var(--navy);color:#fff}.toast{position:absolute;bottom:8px;left:50%;transform:translate(-50%) translateY(10px);background:var(--navy);color:#fff;padding:10px 16px;border-radius:99px;opacity:0;pointer-events:none;transition:all .25s;font-size:14px;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}dialog{border:none;border-radius:20px;padding:22px;max-width:380px;color:var(--ink)}dialog::backdrop{background:#00000059}dialog ul{padding-left:18px;line-height:1.5}