/* Board-first at every size. Labels remain available to assistive technology. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body{min-height:100svh}header{height:76px;width:100%;max-width:560px;padding:0 24px;border:0;gap:16px}.brand{font-size:15px;letter-spacing:5px;gap:9px}.brand svg{width:25px;height:25px}.header-tools{gap:3px}.iconbutton{width:44px;height:44px;font-size:21px;border-radius:50%;color:#a1b8d7}.iconbutton:hover{background:#b6dcff0a}main{display:block;max-width:560px;width:100%;padding:clamp(16px,4svh,42px) 24px 28px;margin:0 auto;position:relative}.play-area{width:100%}.story,.journey-rail,.rules,.tap-guide,footer{display:none}.hero-charm{position:fixed;width:300px;height:300px;right:-125px;top:12%;margin:0;opacity:.22;pointer-events:none;z-index:0;transform:rotate(-10deg)}.hero-charm svg{width:300px;height:300px}.puzzle-heading{height:44px;padding:0 4px;margin-bottom:19px;gap:16px}.session-switch{height:36px;display:flex;gap:2px;padding:3px;border:1px solid #a6c7ff19;background:#08122588;border-radius:50px}.session-switch .nav{height:28px;min-width:68px;padding:0 14px;font-size:11px;line-height:28px;color:#7790b2;border-radius:50px}.session-switch .nav.active{background:#a7cfff13;color:#d3e7ff}.session-switch .nav.active:after{display:none}.level-button{min-width:52px;min-height:44px;justify-content:center;padding:9px 12px;gap:9px;font-size:12px;border-color:transparent;background:none;color:#b3c9e3}.level-button:hover{background:#a6ceff0a}.board-shell{padding:9px;border-radius:21px}.board{gap:3px}.cell{touch-action:manipulation}.cell:after{opacity:.35;font-size:7px}.puzzle-status{padding:21px 8px 15px;font-size:11px;color:#a7bed7}.puzzle-status .status-dot{display:none}#timer{color:#5e7899;font-size:10px}.controls{justify-content:center;padding:9px 0 0}.assist{display:flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid #a6ceff18;background:#0c152d75;backdrop-filter:blur(10px);border-radius:100px}.assist .tool,.assist .tool:last-child{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#bdd5f1}.assist .tool:hover{background:#a6d1ff10}.assist #how{font-size:17px;color:#7e97b7}.tool-divider{height:17px;width:1px;background:#a6caff20;margin:0 3px}#announcement{position:relative;top:auto;margin-top:15px;height:20px;font-size:11px;color:#97b5d8}.board-halo{inset:-16px;background:radial-gradient(ellipse,#6571da23,transparent 72%)}#effects{inset:-16px}.board-reflection{opacity:.5}.cinema main{width:min(560px,100%);padding-top:30px}.cinema .puzzle-heading{display:none}.cinema .hero-charm{opacity:.1}.cinema #announcement{height:auto}.modal-inner{padding:28px}.modal-copy{font-size:12px}.setting-row{padding:17px 0}.setting-row button{min-height:40px}.level-tile{min-height:44px}.close{min-width:44px;min-height:44px}.primary,.secondary{min-height:44px}#toast{border-radius:16px;max-width:calc(100vw - 40px);bottom:24px;font-size:11px}
@media(max-width:480px){header{height:70px;padding:0 20px}.brand{font-size:14px;letter-spacing:4px}.brand svg{width:23px;height:23px}main{padding:clamp(15px,4svh,34px) 16px 20px;max-width:480px}.puzzle-heading{margin-bottom:17px}.board-shell{padding:7px;border-radius:18px}.board{gap:3px;border-radius:11px}.cell:after{right:4px;bottom:3px;font-size:6px}.puzzle-status{padding-top:19px}.hero-charm{top:7%;right:-160px;opacity:.18}.assist{gap:6px}.cell svg{filter:drop-shadow(0 0 8px var(--gem-color))}.cinema main{padding:24px 16px}.modal-inner{padding:22px}.modal-top h2{font-size:24px}}
@media(max-height:700px){header{height:60px}main{padding-top:8px}.puzzle-heading{margin-bottom:12px}.puzzle-status{padding-top:14px;padding-bottom:9px}.controls{padding-top:4px}}
@media(orientation:landscape) and (max-height:600px){header{height:54px;max-width:480px}main{max-width:calc(100svh - 10px);padding-top:0}.puzzle-heading{height:34px;margin-bottom:8px}.session-switch{height:32px}.session-switch .nav{height:24px;line-height:24px}.board-shell{padding:6px}.puzzle-status{padding:10px 5px 6px}.controls{padding:0}.assist .tool,.assist .tool:last-child{height:36px;width:40px}.hero-charm{display:none}}

body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}

.celebration-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.cell.reveal-hit:before{animation:revealLight .9s ease-out}.cell.reveal-hit svg{animation:starImpact .85s cubic-bezier(.16,1,.3,1)}
@keyframes revealLight{0%{background:#ffefdba8;opacity:1}35%{background:#fff3d333;opacity:1}100%{opacity:.8}}
@keyframes starImpact{0%{transform:scale(.08) rotate(-70deg);opacity:0}38%{transform:scale(1.35) rotate(9deg);opacity:1}65%{transform:scale(.94) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.celebration-canvas{display:none}}body.reduced .celebration-canvas{display:none}

.puzzle-status #timer{display:none}#lives{display:flex;gap:6px;color:#eeaac9;font-size:15px;line-height:1}.heart{transition:opacity .2s,transform .2s}.heart.spent{opacity:.15;transform:scale(.85)}.failure-heart{font-size:64px;color:#da9cb9;line-height:1;margin:10px 0 20px}.failure-heart+h2{font-size:29px}