:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--card:#ffffffd1;--ink:#172033;--muted:#6d7482;--brand:#ff7a59;--brand-2:#6c5ce7;--success:#0eaa72;--danger:#ff4d6d;--shadow:0 20px 60px #503b232e;background:#f7f2ea;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%}body{touch-action:manipulation;background:radial-gradient(circle at 0 0,#ff7a5942,#0000 32rem),radial-gradient(circle at 100% 100%,#6c5ce738,#0000 28rem),linear-gradient(135deg,#fff7e8 0%,#f6f1ff 100%);min-width:320px;margin:0;overflow-x:hidden}button{font:inherit}.game-shell{width:min(100%,880px);min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));align-content:start;gap:14px;margin:0 auto;display:grid}.hero-card,.board-card,.modal{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffb8}.hero-card{border-radius:28px;gap:16px;padding:18px;display:grid}.eyebrow{color:var(--brand-2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:800}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:-.08em;font-size:clamp(2.2rem,11vw,4.8rem);line-height:.95}.subtitle{color:var(--muted);margin-top:10px;font-size:clamp(.88rem,3.7vw,1rem);line-height:1.55}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{text-align:center;background:#ffffffa3;border-radius:18px;min-width:0;padding:10px 8px}.stat span{color:var(--muted);font-size:.72rem;display:block}.stat strong{color:var(--ink);font-size:clamp(1rem,5vw,1.35rem);line-height:1.15;display:block}.stat.danger strong{color:var(--danger)}.board-card{border-radius:30px;padding:12px}.toolbar{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.tool{min-height:44px;color:var(--ink);cursor:pointer;background:#ffffffb8;border:0;border-radius:999px;font-size:.92rem;font-weight:800;box-shadow:inset 0 0 0 1px #17203312}.tool:active,.cell:active{transform:scale(.96)}.tool.primary{color:#fff;background:linear-gradient(135deg, var(--brand), #ffaf45);box-shadow:0 12px 26px #ff7a5952}.message{min-height:28px;color:var(--muted);text-align:center;font-size:.92rem;line-height:1.35}.board-wrap{background:linear-gradient(135deg,#ffffffeb,#ffffff8a),repeating-linear-gradient(45deg,#6c5ce714 0 8px,#ff7a5914 8px 16px);border-radius:24px;width:100%;max-width:min(94vw,680px);margin:8px auto 0;padding:8px;position:relative;box-shadow:inset 0 0 0 1px #17203314}.board{grid-template-columns:repeat(var(--cols), 1fr);aspect-ratio:1;gap:clamp(4px,1.4vw,10px);display:grid}.cell{cursor:pointer;background:linear-gradient(145deg,#fff,#fff0d8);border:0;border-radius:clamp(10px,3.2vw,18px);place-items:center;width:100%;min-width:0;min-height:0;transition:transform .14s,box-shadow .14s,filter .14s,opacity .18s;display:grid;position:relative;box-shadow:0 8px 18px #573d1a24,inset 0 -3px #de903129,inset 0 0 0 1px #ffffffc7}.cell span{filter:drop-shadow(0 3px 3px #0000001f);font-size:clamp(1.28rem,7.2vw,3.2rem);line-height:1}.cell.selected{transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 3px #6c5ce75c,0 16px 26px #6c5ce73d}.cell.hinted{animation:.9s ease-in-out infinite alternate pulse}.cell.empty{opacity:0;pointer-events:none}.path-layer{z-index:4;pointer-events:none;position:absolute;inset:8px;overflow:visible}.path-layer polyline{fill:none;stroke:var(--success);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px #0eaa7273)}.overlay{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17203361;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{text-align:center;border-radius:28px;width:min(92vw,360px);padding:24px}.modal h2{color:var(--ink);margin-bottom:8px;font-size:1.7rem}.modal p{color:var(--muted);margin-bottom:18px}@keyframes pulse{0%{box-shadow:0 0 0 2px #ff7a594d,0 8px 18px #573d1a24}to{box-shadow:0 0 0 5px #ff7a598c,0 16px 28px #ff7a593d}}@media (width>=720px){.game-shell{padding-block:24px}.hero-card{grid-template-columns:1.15fr .85fr;align-items:end;padding:28px}.board-card{padding:18px}}@media (width<=390px){.game-shell{padding-inline:8px}.hero-card{border-radius:22px;padding:14px}.board-card{border-radius:22px;padding:8px}.toolbar{gap:6px}.tool{min-height:42px;font-size:.82rem}.board-wrap{padding:6px}}