:root{--bg:#10152a;--panel:#1b2340;--ink:#f7f8ff;--muted:#9da8cb;--accent:#73e6d2;--cell:clamp(42px,12vw,70px);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 15%,#29345f 0,#141a32 42%,#0b1020 100%);touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.hidden{display:none!important}.screen{height:100dvh;max-width:760px;margin:auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.menu-screen{justify-content:flex-start;text-align:center;gap:15px;overflow-y:auto;touch-action:pan-y}.menu-screen .brand-mark{margin-top:auto}.menu-screen .total-stars{margin-bottom:auto}.brand-mark{width:118px;height:118px;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(8deg);filter:drop-shadow(0 18px 28px #050817aa)}.brand-mark i{border-radius:22px;background:linear-gradient(145deg,#ff6f7d,#d83f68);box-shadow:inset 0 3px #fff7}.brand-mark i:nth-child(2){background:linear-gradient(145deg,#65e8db,#29a9ba)}.brand-mark i:nth-child(3){background:linear-gradient(145deg,#ffd365,#f08b35)}.brand-mark i:nth-child(4){background:linear-gradient(145deg,#aa81ff,#7148d9)}h1{font-size:clamp(38px,10vw,64px);line-height:.95;margin:10px 0 0;letter-spacing:-2px}.subtitle{margin:0 0 10px;color:var(--muted);font-weight:600}.primary,.soft{border-radius:18px;padding:15px 24px;background:#283250;box-shadow:inset 0 1px #ffffff20,0 9px 22px #06091855;font-weight:800}.primary{background:linear-gradient(135deg,#64e4cf,#3bb6c8);color:#091725}.big{width:min(360px,100%);font-size:19px}.menu-row{display:flex;gap:10px;width:min(360px,100%)}.menu-row>*{flex:1}.total-stars{color:var(--muted);font-weight:800}.total-stars span,.star-meter{color:#ffd361}header{width:100%;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;min-height:55px}header h2{font-size:20px;margin:0}.icon-btn{width:46px;height:46px;border-radius:16px;background:#27304c;font-size:28px}.level-grid{width:100%;overflow-y:auto;touch-action:pan-y;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;padding:14px 2px 40px}.level-card{aspect-ratio:1;border-radius:20px;background:#242d4b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:900;font-size:21px;box-shadow:inset 0 1px #ffffff1c}.level-card.locked{opacity:.42}.level-card .stars{font-size:12px;color:#ffd361;letter-spacing:-1px}.level-card.current{outline:2px solid var(--accent)}.game-head small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.game-head b{font-size:22px}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:560px;gap:8px;margin:4px 0 8px}.hud>div{background:#1d2642;border-radius:14px;padding:8px;text-align:center}.hud span{display:block;color:var(--muted);font-size:11px}.hud b{font-size:17px}.star-meter{font-size:20px;letter-spacing:1px}.coach{max-width:520px;background:#fff;color:#15192a;padding:10px 16px;border-radius:14px;font-weight:700;text-align:center;margin-bottom:8px;animation:pop .35s ease}.board-wrap{flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.board{--n:4;position:relative;width:min(92vw,calc(100dvh - 255px),560px);aspect-ratio:1;border-radius:26px;padding:9px;background:#171e37;box-shadow:0 24px 55px #05071499,inset 0 1px #ffffff1a;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:5px;touch-action:none;user-select:none}.cell{position:relative;border-radius:12px;background:#222c4b;box-shadow:inset 0 1px #ffffff0c}.cell::after{content:"";position:absolute;inset:35%;border-radius:50%;background:#ffffff0b}.cell.wall{background:repeating-linear-gradient(135deg,#3c4661 0 8px,#313a53 8px 16px);box-shadow:inset 0 0 0 2px #65708a}.cell.target{box-shadow:inset 0 0 0 3px var(--color),inset 0 0 22px color-mix(in srgb,var(--color) 40%,transparent)}.cell.target::after{inset:27%;background:var(--color);box-shadow:0 0 16px var(--color);animation:pulse 1.8s ease-in-out infinite}.cell.lock{background:#332e4d}.cell.lock::before{content:"◆";position:absolute;inset:0;display:grid;place-items:center;color:#c2a7ff;font-size:20px}.piece{position:absolute;z-index:4;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--color) 85%,white),var(--color));box-shadow:inset 0 3px #ffffff66,inset 0 -5px #00000022,0 8px 15px #05081788;display:grid;place-items:center;transition:left .18s cubic-bezier(.2,.9,.3,1),top .18s cubic-bezier(.2,.9,.3,1),transform .15s,opacity .2s;touch-action:none}.piece::after{content:"";width:40%;height:40%;border-radius:10px;background:#ffffff20;box-shadow:inset 0 2px #ffffff44}.piece.axis-h::before,.piece.axis-v::before{content:"";position:absolute;background:#ffffffaa;border-radius:4px;width:62%;height:4px}.piece.axis-v::before{width:4px;height:62%}.piece.dragging{z-index:10;transition:none;transform:scale(1.08);filter:brightness(1.12)}.piece.hint{animation:hint 1s ease-in-out 3}.piece.cleared{opacity:0;transform:scale(.2) rotate(18deg)}.tools{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:8px}.tools button{background:#202944;border-radius:15px;padding:8px 4px;min-height:58px}.tools span{display:block;font-size:23px}.tools em{display:block;font-style:normal;font-size:11px;color:var(--muted)}.tools button:disabled{opacity:.35}.modal{position:fixed;inset:0;z-index:50;background:#080b18c9;display:grid;place-items:center;padding:20px;touch-action:pan-y}.modal-card{position:relative;width:min(430px,100%);max-height:min(680px,90dvh);overflow:auto;background:#202945;border:1px solid #ffffff14;border-radius:28px;padding:28px;text-align:center;box-shadow:0 30px 80px #0009}.modal-x{position:absolute;right:12px;top:10px;background:transparent;font-size:28px}.modal-icon{font-size:48px}.modal-card h2{margin:8px 0 15px}.modal-card p{text-align:left;color:#c6cdea;line-height:1.45}.modal-card button.primary,.modal-card button.soft{width:100%;margin-top:9px}.settings-line{display:flex;gap:8px}.settings-line button{flex:1}.overlay-stars{color:#ffd361;font-size:34px;letter-spacing:5px}.toast{position:fixed;z-index:80;left:50%;bottom:max(90px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#f6f7ff;color:#15182a;padding:11px 18px;border-radius:13px;font-weight:800;box-shadow:0 10px 30px #0008;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes pulse{50%{transform:scale(.72);opacity:.6}}@keyframes hint{50%{transform:scale(1.13);filter:brightness(1.5)}}@keyframes pop{from{transform:translateY(-8px);opacity:0}}@media(max-height:680px){.screen{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.game-head{min-height:44px}.hud{margin:0}.coach{font-size:12px;padding:6px}.tools button{min-height:48px}.tools span{font-size:18px}.board{width:min(86vw,calc(100dvh - 210px),500px)}}@media(orientation:landscape) and (max-height:520px){#game{display:grid;grid-template-columns:minmax(240px,1fr) minmax(270px,70vh);grid-template-rows:auto auto 1fr auto;column-gap:14px;align-items:center}.game-head{grid-column:1}.hud{grid-column:1}.coach{grid-column:1}.board-wrap{grid-column:2;grid-row:1/5}.board{width:min(68vh,48vw)}.tools{grid-column:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}