/* The available game row determines the board, for every difficulty. */
.board{position:relative}.board.complete::after{content:'';position:absolute;inset:7px;background:var(--complete-art) center/100% 100% no-repeat;border-radius:10px;pointer-events:none;z-index:2}.board.complete .tile::after{display:none}.tile.piece{transition:filter .15s!important;background-origin:border-box;background-clip:border-box}.board.paused .tile.piece::after{text-shadow:none}.is-fullscreen .fullscreen-label{font-size:12px!important}.is-fullscreen .fullscreen-label::after{content:none!important}
.zodiac-art{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:84px;line-height:1.2;margin:12px auto;filter:drop-shadow(0 0 18px #55d6ff55);animation:zodiac-reveal .4s ease-out}.zodiac-track{display:flex;justify-content:center;gap:12px;margin:12px 0}.zodiac-track span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #55d6ff44;color:#9eb9c8}.zodiac-track .current{background:#55d6ff22;border-color:#55d6ff;color:#fff}.win-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.win-actions button{min-height:44px;padding:10px 16px}.win-actions [hidden]{display:none}.secondary-button{background:#16394e;border:1px solid #55d6ff66;border-radius:10px}.win-modal{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px}.win-modal h2{font-size:27px}.win-modal p{font-size:14px;line-height:1.6}.win-modal .result-row{margin:16px 0}.modal-backdrop{padding:12px}@keyframes zodiac-reveal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-height:600px){.win-modal{padding:14px}.zodiac-art{font-size:44px;margin:4px}.win-modal h2{font-size:21px;margin:6px}.win-modal p{margin:6px}.zodiac-track{margin:6px}.win-modal .result-row{margin:8px}.result-row b{font-size:20px}}

/* Every numbered tile is a positioned fragment of the current zodiac artwork. */
.tile.piece{position:relative;background-color:#102c47;background-repeat:no-repeat;color:transparent;text-shadow:none;overflow:hidden}.tile.piece::after{content:attr(data-number);position:absolute;right:7px;bottom:4px;font-size:clamp(10px,1.2vw,15px);font-weight:800;color:#fff;text-shadow:0 1px 4px #000,0 0 8px #001a;opacity:.72}.tile.piece:hover::after,.tile.piece.movable:focus-visible::after{opacity:1}.tile.empty{background-image:none!important;background-color:#061521!important}.tile.solved-piece{background-color:#102c47!important;border-style:solid;opacity:1}.tile.solved-piece::after{display:none}.zodiac-art{width:122px;height:122px;border-radius:22px;background-size:cover;background-position:center;border:1px solid #55d6ff88;box-shadow:0 0 28px #55d6ff55;margin:12px auto}.board.paused .tile.piece{background-image:none!important}.board.paused .tile.piece::after{color:transparent}@media(max-height:600px){.zodiac-art{width:60px;height:60px;border-radius:13px}}
.game-layout,.board-card,.info-panel,.stat-card,.stat-card div{min-width:0}.stat-card strong{overflow-wrap:anywhere}.info-panel{width:100%}
.app-shell{height:100vh;height:100dvh;min-height:0!important;gap:10px!important;padding:16px 30px!important;overflow:visible!important;max-width:1400px}
.brand-block h1{font-size:38px}.brand-block p{font-size:12px}.top-actions{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:center!important;overflow:visible!important;gap:22px!important}.board-card{height:100%;min-height:0;padding:14px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible!important}.board-heading,.board-footer{width:100%;flex-shrink:0}.board-heading{margin-bottom:10px!important}.board-heading h2{font-size:20px!important}.board-heading .eyebrow{font-size:10px}.board-footer{margin-top:10px!important}.board{flex-shrink:0;width:var(--board-px,300px)!important;height:var(--board-px,300px)!important;max-height:none!important;grid-template-rows:repeat(var(--grid-size),1fr);gap:5px!important;padding:7px!important}.tile{min-height:0;min-width:0;aspect-ratio:auto;font-size:clamp(16px,calc(var(--board-px)/var(--grid-size)*.43),48px)!important}.tile.movable{border-color:#74e6ff;box-shadow:inset 0 0 12px #55d6ff35,0 0 6px #55d6ff60}.tile:disabled{cursor:default}.tile.empty{opacity:.5}.board.paused .tile{color:transparent;text-shadow:none;background:#102c47}.stat-card{min-height:70px!important;padding:14px!important}.stat-card strong{font-size:25px!important}.tip-card{padding:14px!important}.control-dock{height:58px;flex-shrink:0}.control-dock button{padding:2px 12px}.control-dock span{font-size:21px}.play-actions{display:flex;justify-content:center;gap:10px;flex-shrink:0}.play-actions button{min-height:36px;padding:6px 22px;border:1px solid #55d6ff55;background:#0b2c45;border-radius:9px}.play-actions button:disabled{opacity:.4}.is-fullscreen .top-actions{display:flex;position:static}.is-fullscreen .top-actions .icon-button:nth-child(n){display:grid}.is-fullscreen .control-dock{display:none}.difficulty-tabs{flex-shrink:0;overflow:visible}.toast{bottom:12px;max-width:90%;text-align:center}.status-dot{white-space:nowrap}.tile{transition:background .15s,filter .15s}.tile.movable:active{filter:brightness(1.6)}
@media(max-width:900px) and (orientation:portrait){.app-shell{padding:12px!important;gap:8px!important}.game-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 72px;gap:10px!important}.info-panel{grid-template-columns:repeat(3,minmax(0,1fr));height:72px;gap:7px!important}.stat-card{min-height:0!important;padding:8px!important;gap:5px}.stat-card strong{font-size:18px!important}.stat-icon{font-size:20px;width:22px}.tip-card{display:none}.board-card{max-width:none}.difficulty-tabs{width:100%;gap:3px}.difficulty-tab{min-width:0;flex:1;padding:6px}.difficulty-label{display:none}.board-footer{font-size:10px}.brand-block h1{font-size:30px}.brand-block p{font-size:10px}.is-fullscreen .topbar{flex-wrap:wrap;gap:7px}.is-fullscreen .top-actions{width:100%;justify-content:space-around}.is-fullscreen .icon-button{min-width:40px;padding:4px}.is-fullscreen .icon-button b{display:block;font-size:10px}.is-fullscreen .icon-button span{font-size:15px}}
@media(max-height:600px) and (orientation:landscape){.app-shell{padding:8px 18px!important;gap:6px!important}.brand-block h1{font-size:26px}.brand-kicker,.brand-block p,.tip-card,.board-heading .eyebrow{display:none}.difficulty-tab{padding:3px 10px}.difficulty-tab small{display:none}.difficulty-tabs{padding:4px}.game-layout{grid-template-columns:minmax(0,1fr) 210px}.board-heading h2{font-size:15px!important}.board-card{padding:8px!important}.board-footer{font-size:10px}.stat-card{min-height:45px!important;padding:7px!important}.stat-card strong{font-size:18px!important}.info-panel{gap:6px!important}.control-dock{height:42px}.control-dock span{font-size:16px}.control-dock b{font-size:10px}.play-actions button{min-height:30px;padding:3px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}