:root{font-family:Inter,Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:#080f1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,#board:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button svg{width:22px;height:22px;flex-shrink:0}button{border:0;background:none}h1,h2,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:36px;letter-spacing:-1px}h2{font-size:30px;line-height:1.2}.app-shell{position:relative;isolation:isolate;overflow:hidden;width:min(100%,460px);min-height:100svh;margin:0 auto;background:var(--bg);transition:background .35s,color .35s;padding:0 25px 24px}.home-scene{position:absolute;inset:0;z-index:-3;overflow:hidden}.cloud-art{height:100%;background:url(/art/wolkenlicht.png) center bottom/cover no-repeat}.home-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,transparent 25%,transparent 50%,var(--bg) 87%);z-index:-2}.world-art{position:absolute;top:19%;width:120%;left:-10%;height:auto}.home-top{display:flex;align-items:center;justify-content:space-between;padding-top:max(20px,env(safe-area-inset-top));height:77px}.brand-mark svg{width:25px;height:25px;color:var(--accent)}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--surface) 45%,transparent)}.home-top .icon-button{background:transparent;color:var(--muted)}.home-intro{text-align:center;padding-top:25px}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted);font-weight:500}.home-intro h1{font-size:65px;line-height:1.1;margin-top:13px;letter-spacing:-2.5px}.home-intro h1 span{display:block;font-family:Inter,Avenir Next,sans-serif;font-size:10px;letter-spacing:5px;margin-top:12px;color:var(--accent)}.tagline{font-size:16px;line-height:1.55;margin-top:25px;color:color-mix(in srgb,var(--text) 85%,transparent)}.home-actions{margin-top:clamp(160px,26svh,300px);position:relative}.chapter-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--muted);margin-bottom:16px;letter-spacing:.3px}.tiny-star{font-size:20px;color:var(--accent)}.hairline{width:18px;height:1px;background:var(--muted);opacity:.5}.primary{width:100%;height:56px;border-radius:15px;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;gap:17px;font-weight:600;font-size:15px;box-shadow:0 5px 25px #00000015;transition:transform .18s,filter .18s}.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary:active{transform:scale(.98)}.play-button{font-size:17px}.start-caption{text-align:center;font-size:11px;color:var(--muted);margin-top:13px}.home-nav{display:flex;justify-content:center;align-items:center;gap:25px;margin:27px 0 25px}.home-nav button{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.home-nav svg{width:17px;height:17px;color:var(--muted)}.count{font-size:9px;color:var(--accent);margin-left:1px}.nav-divider{width:1px;height:18px;background:var(--muted);opacity:.23}.world-bar{display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid color-mix(in srgb,var(--muted) 17%,transparent);padding:17px 0 max(0px,env(safe-area-inset-bottom));margin-top:12px}.world-current{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.world-symbol{font-size:29px;line-height:1;color:var(--accent)}.world-current small{display:block;font-size:7px;letter-spacing:2px;color:var(--muted);margin-bottom:5px}.world-current b{display:block;font-size:12px;font-weight:500}.world-chevron{font-size:15px;color:var(--muted);margin-left:12px}.world-arrow{font-size:25px;color:var(--muted);width:32px;height:42px}.topbar{display:flex;align-items:center;justify-content:space-between;height:85px;padding-top:8px}.topbar>span{font-size:13px;font-weight:500}.page-heading{text-align:center;padding:32px 0 29px}.page-heading h1{margin:15px 0;font-size:34px}.page-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}.level-list{display:grid;gap:14px;margin-top:14px}.level-card{display:flex;gap:17px;align-items:center;width:100%;padding:22px 17px;border:1px solid color-mix(in srgb,var(--muted) 20%,transparent);border-radius:18px;text-align:left;background:color-mix(in srgb,var(--surface) 45%,transparent)}.level-number{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;background:var(--surface);color:var(--accent);flex-shrink:0}.done .level-number{background:var(--accent);color:var(--bg)}.level-card small,.level-card b,.level-card em{display:block}.level-card small{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}.level-card b{font-size:13px;font-weight:500}.level-card em{font-size:10px;font-style:normal;color:var(--muted);margin-top:6px}.level-arrow{margin-left:auto;color:var(--muted)}.coming{display:flex;align-items:center;gap:15px;padding:30px 15px;color:var(--muted);font-size:12px}.coming>span{font-size:34px}.coming small{display:block;font-size:10px;margin-top:5px}.screen-levels .world-bar{margin-top:35px}.play-heading{text-align:center}.play-heading .eyebrow{font-size:10px;letter-spacing:1.5px}.goal-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 22px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:30px;margin-top:14px;background:color-mix(in srgb,var(--surface) 40%,transparent)}.goal-pill svg{width:20px;height:20px;color:var(--accent)}#goal-number{font-size:22px}#goal-number small{font-size:16px;color:var(--muted)}.goal-name{font-size:11px;color:var(--muted);border-left:1px solid color-mix(in srgb,var(--muted) 30%,transparent);padding-left:12px}.hint{font-size:11px;line-height:1.5;min-height:43px;text-align:center;margin:15px auto 2px;color:var(--muted);max-width:310px}#board{width:calc(100% + 24px);margin-left:-12px;aspect-ratio:480/610;touch-action:none}#board canvas{display:block;touch-action:none}.game-controls{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-top:3px}.tool-button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:var(--muted);min-width:50px}.tool-button svg{width:22px;height:22px;color:var(--accent)}.hint-icon{font-size:28px;line-height:22px;color:var(--accent)}.move-label{font-size:10px;color:var(--muted)}.move-label i{font-style:normal;margin:0 7px;opacity:.5}.play-footer{text-align:center;font-size:8px;letter-spacing:1.8px;color:var(--muted);opacity:.55;margin:26px 0 10px}.album-art{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;margin:8px 12px 0;box-shadow:0 18px 45px #0003}.album-image{position:absolute;inset:0;background:url(/art/wolkenlicht.png) center bottom/cover}.album-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:3px;padding:3px}.album-tile{display:grid;place-items:center;background:#263249d9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:24px;color:#afbed250;border-radius:5px;border:1px solid #ffffff12}.album-tile.revealed{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0}.collection-progress{text-align:center;margin:25px auto;max-width:285px}.collection-progress>span{font-size:25px}.collection-progress small{font-size:12px;color:var(--muted)}.progress-track{height:4px;background:var(--surface);border-radius:5px;margin:15px 0}.progress-track i{height:100%;display:block;background:var(--accent);border-radius:5px}.collection-progress p{font-size:11px;color:var(--muted);line-height:1.6}.screen-album>.primary svg{width:16px}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#070e1acc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal{position:relative;background:var(--bg);border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:25px;padding:37px 25px 23px;max-width:390px;width:100%;max-height:92svh;overflow:auto;text-align:center;box-shadow:0 30px 120px #0006;animation:arrive .25s ease-out}.modal-close{position:absolute;right:10px;top:10px;width:30px;height:30px;background:transparent;color:var(--muted)}.modal-close svg{width:17px}.modal h2{margin:12px 0}.modal>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.8}.modal .primary{margin-top:22px}.text-button{font-size:11px;color:var(--muted);padding:20px 10px 3px}.world-options{display:grid;gap:8px;margin-top:25px}.world-option{display:flex;align-items:center;gap:13px;padding:12px;border-radius:12px;text-align:left;border:1px solid transparent}.world-option.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--surface)}.world-option>span:first-child{display:grid;place-items:center;width:42px;height:42px;background:var(--sample);color:var(--sample-accent);border-radius:12px;font-size:25px;flex-shrink:0;border:1px solid #ffffff20}.world-option b{display:block;font-size:12px;font-weight:500}.world-option small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.world-option>svg,.world-option>i{margin-left:auto;width:17px;color:var(--accent);font-style:normal}.setting-row{display:flex;align-items:center;gap:13px;width:100%;padding:18px 5px;border-bottom:1px solid color-mix(in srgb,var(--muted) 20%,transparent);font-size:13px}.setting-row b{margin-left:auto;font-size:12px;color:var(--accent)}.settings-note{margin-top:25px}.win-art{height:145px;margin:-37px -25px 23px;background:linear-gradient(0deg,var(--bg),transparent 50%),url(/art/wolkenlicht.png) center 72%/cover}.win-stats{display:flex;gap:45px;justify-content:center;margin:23px 0}.win-stats span{font-size:28px;font-family:Georgia,serif}.win-stats small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:8px}.modal-emblem{font-size:45px;color:var(--accent)}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%);background:var(--text);color:var(--bg);padding:13px 20px;border-radius:13px;font-size:12px;z-index:200;max-width:85vw;text-align:center;box-shadow:0 10px 30px #0003}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=doodle] .home-scene{background-image:linear-gradient(#8393a111 1px,transparent 1px),linear-gradient(90deg,#8393a111 1px,transparent 1px);background-size:22px 22px}[data-theme=doodle] .primary{color:#fff}[data-theme=doodle] .home-intro h1{font-family:Comic Sans MS,cursive;transform:rotate(-3deg)}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:600px){body{padding:24px 0;background:radial-gradient(ellipse at 50% 20%,#27374a,#080f1c 70%)}.app-shell{border-radius:30px;min-height:850px;box-shadow:0 35px 130px #0005;border:1px solid #ffffff0c}.home-actions{margin-top:220px}.screen-play{min-height:850px}}@media(max-height:740px)and (max-width:599px){.home-intro{padding-top:10px}.home-intro h1{font-size:56px}.tagline{margin-top:15px}.home-actions{margin-top:140px}.home-nav{margin:19px 0}.topbar{height:66px}.hint{margin-top:10px}.screen-play{padding:0 30px 12px}.play-footer{margin-top:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.chapter-label,.start-caption{color:var(--text);text-shadow:0 1px 8px var(--bg)}.home-shade{background:linear-gradient(180deg,var(--bg) 0%,transparent 25%,transparent 48%,color-mix(in srgb,var(--bg) 70%,transparent) 64%,var(--bg) 90%)}.album-image{background-size:auto 190%;background-position:center bottom}.album-image.garden-image{background-size:cover;background-position:center}.album-grid.complete{display:none}.album-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.album-choice{padding:14px 8px;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:13px;display:grid;gap:7px;text-align:center}.album-choice.selected{border-color:var(--accent);background:var(--surface)}.album-choice>span{color:var(--accent);font-size:22px}.album-choice b{font-weight:500;font-size:11px}.album-choice small{font-size:10px;color:var(--muted)}.stuck-state{border:1px solid var(--accent);background:var(--surface);border-radius:14px;padding:14px;margin:3px 0 16px;font-size:12px;line-height:1.5}.stuck-state[hidden]{display:none}.stuck-state strong,.stuck-state span{display:block}.stuck-state span{color:var(--muted);margin:5px 0 10px}.stuck-state button{background:var(--accent);color:var(--bg);border-radius:9px;padding:10px 15px;font-weight:600}.play-footer{text-transform:none;letter-spacing:.3px;font-size:10px;line-height:1.6;opacity:1;margin-top:20px}.hint{font-size:12px;min-height:48px}.modal>p:not(.eyebrow),.settings-note{font-size:13px;color:var(--text)}.reward-modal{padding:24px 23px 15px;max-width:410px}.reward-header h2{font-size:28px;margin:8px 0}.reward-header p:last-child{font-size:12px;line-height:1.6;color:var(--muted);margin:9px auto 17px;max-width:310px}.reward-check{display:grid;place-items:center;margin:0 auto 12px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--bg)}.reward-check svg{width:22px}.reward-picture{position:relative;aspect-ratio:4/5;width:min(100%,250px);margin:0 auto;border-radius:14px;isolation:isolate;box-shadow:0 12px 35px #0004;overflow:hidden}.reward-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:2px;padding:2px;perspective:650px}.reward-tile{position:relative;perspective:350px}.tile-cover{position:absolute;inset:0;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:3px;display:grid;place-items:center;color:var(--accent);font-size:25px;transform-origin:left center;backface-visibility:hidden}.reward-tile.revealed .tile-cover{visibility:hidden}.reward-tile.new-piece .tile-cover{visibility:visible;animation:open-piece 1.35s .55s both}.reward-tile.new-piece{box-shadow:none;animation:piece-highlight 2.4s .55s both}.reward-glow{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);pointer-events:none;font-size:65px;animation:reward-spark 1.9s .7s both}.reward-summary{display:flex;justify-content:center;gap:16px;color:var(--muted);font-size:10px;margin:18px 0 0}.reward-modal .primary{margin-top:17px}.reward-modal .text-button{padding-top:15px}.reward-modal .primary:focus-visible{outline-offset:3px}@keyframes open-piece{0%{transform:rotateY(0);filter:brightness(1)}25%{filter:brightness(1.5)}to{transform:rotateY(-110deg);visibility:hidden}}@keyframes piece-highlight{0%,60%{box-shadow:inset 0 0 0 2px var(--accent),0 0 20px var(--accent)}to{box-shadow:none}}@keyframes reward-spark{0%{opacity:0;transform:scale(.2)}35%{opacity:.8}to{opacity:0;transform:scale(1.8) rotate(25deg)}}@media(max-height:740px){.reward-picture{width:185px}.reward-header h2{font-size:24px}.reward-check{display:none}.reward-modal{padding-top:23px}}@media(prefers-reduced-motion:reduce){.reward-tile.new-piece .tile-cover{visibility:hidden}.reward-glow{display:none}}.scene-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;animation:world-enter .65s ease-out both;pointer-events:none}.home-scene{background:var(--bg)}.home-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent),transparent 28%,transparent 49%,color-mix(in srgb,var(--bg) 55%,transparent) 69%,var(--bg) 93%)}[data-theme=garden] .home-shade{background:linear-gradient(180deg,#20281acc,#20281a22 33%,transparent 52%,#20281a99 71%,var(--bg) 95%)}[data-theme=coral] .home-shade{background:linear-gradient(180deg,#07313e99,#07313e22 40%,transparent 50%,#07313e99 69%,var(--bg) 94%)}[data-theme=doodle] .home-shade{background:linear-gradient(180deg,#f1eadb33,transparent 44%,#f1eadb11 53%,#f1eadbbb 73%,var(--bg) 94%)}[data-theme=doodle] .home-intro h1{font-family:Georgia,Times New Roman,serif;transform:none}.home-intro h1{text-shadow:0 2px 25px color-mix(in srgb,var(--bg) 55%,transparent)}.home-nav button{min-height:36px}.world-arrow{border-radius:50%;transition:background .2s}.world-arrow:hover{background:var(--surface)}.world-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);font-style:normal;animation:ambient-float var(--duration) var(--delay) ease-in-out infinite;opacity:0}.atmosphere-cloud i{background:#f7edc6;box-shadow:0 0 8px #e9dda6;border-radius:50%}.atmosphere-garden i{top:calc(var(--y) + 15%);background:#ffe79c;box-shadow:0 0 10px 2px #f3bc65;border-radius:50%}.atmosphere-frost i{width:auto;height:auto;font-size:13px;color:#e6faff;animation-name:ambient-snow;text-shadow:0 0 5px #b0e8ff}.atmosphere-coral i{border:1px solid #e1fff7;border-radius:50%;width:calc(var(--size)*2);height:calc(var(--size)*2);animation-name:ambient-bubble}.atmosphere-doodle i{width:auto;height:auto;font-size:14px;color:#987b49;animation-name:ambient-twinkle}.world-option{padding:10px 9px}.world-option>.world-thumb{position:relative;width:63px;height:68px;border-radius:11px;overflow:hidden;flex-shrink:0}.world-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 68%}.world-thumb i{position:absolute;bottom:3px;right:3px;font-style:normal;font-size:15px;color:#fff;text-shadow:0 1px 6px #000;background:#0004;border-radius:50%;width:22px;height:22px;text-align:center}.world-option small{font-size:10px;line-height:1.5;max-width:195px}.reward-grid,.album-grid{gap:0;padding:0}.tile-cover{border-radius:0;border:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.album-tile{border-radius:0}.album-tile.revealed{box-shadow:none}.album-image.garden-image{background-size:auto 140%;background-position:center bottom}@keyframes world-enter{0%{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes ambient-float{0%,to{opacity:0;transform:translateY(6px)}35%{opacity:.65}65%{opacity:.3;transform:translate(9px,-13px)}}@keyframes ambient-snow{0%{opacity:0;transform:translate(-8px,-28px) rotate(0)}25%,70%{opacity:.6}to{opacity:0;transform:translate(15px,65px) rotate(85deg)}}@keyframes ambient-bubble{0%{opacity:0;transform:translateY(50px) scale(.7)}25%,65%{opacity:.4}to{opacity:0;transform:translate(12px,-95px) scale(1.1)}}@keyframes ambient-twinkle{0%,to{opacity:.1;transform:rotate(-10deg) scale(.7)}50%{opacity:.6;transform:rotate(8deg) scale(1)}}@media(prefers-reduced-motion:reduce){.world-atmosphere{display:none}.scene-illustration{animation:none}.reward-tile.new-piece{box-shadow:none}}.level-difficulty{display:block;font-size:9px;margin-top:9px;color:var(--accent);font-weight:500}#supply{margin:0 3px 14px;font-size:10px;color:var(--muted)}.supply-line{display:flex;justify-content:space-between;gap:12px}.supply-line b{font-weight:500;color:var(--text)}.next-pieces{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:9px;min-height:28px}.next-pieces>span:first-child{font-size:9px}.mini-piece{display:grid;gap:1px;align-content:center;justify-content:center;min-width:22px}.mini-piece i{background:var(--accent);opacity:.7;border-radius:1px}.last-batch{text-align:center;font-size:9px;padding-top:8px;opacity:.7}.hint{min-height:52px;max-width:340px}.screen-play .play-footer{margin-top:16px;font-size:9px}@media(max-height:850px)and (max-width:599px){.screen-play .topbar{height:65px}.screen-play .hint{margin-top:10px;min-height:52px;font-size:11px}.screen-play #supply{margin-bottom:9px}.screen-play .play-footer{margin-top:12px}}.boot-screen{display:flex;min-height:80dvh;align-items:center;justify-content:center;flex-direction:column;color:#dcefe9;gap:16px}.boot-screen>span{font-size:48px;color:#98e6cf}.boot-screen h1{font-size:50px;margin:0}.boot-screen p{font-size:14px;color:#adc2ca}@media(max-width:600px){html,body{overscroll-behavior:none}}#board.layered-board{position:relative;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;contain:layout style;cursor:default}#board .board-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#board .board-static{z-index:0}#board .board-preview{z-index:1}#board .board-tray{z-index:2}#board .board-effects{z-index:3}#board .board-drag{inset:0 auto auto 0;z-index:4;will-change:transform;opacity:.96;pointer-events:none}#board .board-drag[hidden]{display:none}.screen-home{display:flex;flex-direction:column;min-height:100svh}.screen-home .home-actions{margin-top:auto;padding-top:clamp(115px,20svh,230px)}.screen-home .world-bar{margin-top:0}.chapter-link{width:100%;font-size:10px;gap:8px;min-height:38px;padding:0}.chapter-link .tiny-star{font-size:20px}.home-collection{margin:14px 18px 0;font-size:10px;color:var(--muted);text-align:center}.home-collection .progress-track{height:3px;margin-top:10px}.home-nav{margin:15px 0 17px}.home-nav button{min-height:44px}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px}.chapter-tab{display:grid;justify-items:center;gap:5px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid transparent;padding:12px 5px;border-radius:16px;font-size:11px}.chapter-tab>span:first-child{font-size:23px;color:var(--accent)}.chapter-tab small{color:var(--muted);font-size:10px}.chapter-tab.active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--surface)}.journey-heading{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;min-height:190px;display:flex;align-items:flex-end;padding:22px;margin-bottom:22px;background:var(--surface)}.journey-heading>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2}.journey-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101a2ff0,#101a2f30)}.journey-heading h1{font-size:29px;letter-spacing:-.5px;color:#fff8e8;margin:9px 0}.journey-heading .eyebrow{font-size:9px;color:#d1e6dc;letter-spacing:1.5px}.journey-heading p:last-child{font-size:11px;line-height:1.5;color:#d6e2e7}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journey-level{min-height:96px;padding:14px 10px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:15px;background:color-mix(in srgb,var(--surface) 62%,transparent);border:1px solid color-mix(in srgb,var(--muted) 13%,transparent)}.journey-level>.level-number{width:29px;height:29px;flex:0 0 29px;font-size:15px;background:none}.journey-level .level-number svg{width:19px;height:19px}.journey-level b{font-size:11px;line-height:1.4;display:block;font-weight:500}.journey-level small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:6px}.journey-level.current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.journey-level.current small,.journey-level.done .level-number{color:var(--accent)}.journey-level:disabled{opacity:.42}.journey-level>i{color:var(--accent);font-style:normal;margin-left:auto}.collection-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:18px 0 0}.collection-link svg{width:17px}.chapter-locked{text-align:center;padding:30px 7px}.chapter-locked>svg{width:30px;height:30px;color:var(--accent)}.chapter-locked h2{font-size:26px;margin:17px 0 12px}.chapter-locked p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:25px}.album-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.album-choice{min-width:0;padding:13px 6px}.album-choice b{font-size:11px;line-height:1.35}.album-choice small{font-size:10px}.album-tile{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.album-art{margin-inline:20px;max-width:310px;margin-left:auto;margin-right:auto}.screen-album>.primary{margin-top:20px}.screen-album .page-heading p{line-height:1.6}.screen-play{padding:0 21px 10px;min-height:100svh}.screen-play .topbar{height:60px;padding-top:0}.play-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.goal-pill{height:46px;margin-top:10px;padding:7px 18px;gap:10px}.goal-name{font-size:10px}.coach-line{display:flex;align-items:center;gap:7px;min-height:62px;padding:8px 1px}.screen-play .coach-line .hint{flex:1;font-size:11px;line-height:1.55;margin:0;min-height:0;max-width:none;text-align:left}.help-button{flex:0 0 36px;min-height:44px;padding:6px;color:var(--muted)}.help-button svg{width:21px;height:21px}.screen-play #board{width:min(calc(100% + 16px),calc((100svh - 285px)*.78688));margin:0 auto;max-width:430px}.screen-play #supply{margin:1px auto 6px;max-width:410px;font-size:10px}.supply-line{padding-inline:5px;line-height:18px}.supply-divider{opacity:.6}.next-pieces,.last-batch{min-height:23px;margin-top:3px}.next-pieces small{font-size:8px}.game-controls{min-height:44px;margin:0;padding:0 6px}.tool-button{min-width:48px;min-height:44px}.tool-button[aria-pressed=true]{color:var(--accent)}.screen-play .play-footer{margin:6px 0 0;font-size:9px;line-height:18px;color:var(--muted);letter-spacing:.3px}.play-footer>span{padding:0 8px;opacity:.5}.stuck-state{margin:4px 0 12px;font-size:11px}.stuck-state button{min-height:42px}.secondary{border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);width:100%;border-radius:14px;margin-top:11px;min-height:48px;font-size:13px;color:var(--text)}.chapter-intro{padding:0 25px 23px;overflow:hidden}.chapter-intro .modal-close{z-index:2;color:#fff;background:#0f1d3299}.chapter-intro-art{margin:0 -25px 27px;height:205px;position:relative;overflow:hidden;background:var(--surface)}.chapter-intro-art>img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.chapter-intro-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 60%)}.chapter-intro-art>span{position:absolute;bottom:12px;left:0;right:0;z-index:1;font-size:31px;color:var(--accent)}.chapter-intro h2{font-size:32px;margin-top:13px}.chapter-intro-goal{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;padding:15px;border-radius:15px;background:color-mix(in srgb,var(--surface) 65%,transparent);margin:20px 0 0}.chapter-intro-goal>svg{width:26px;height:26px;color:var(--accent)}.chapter-intro-goal span{font-size:10px;line-height:1.9;color:var(--muted)}.chapter-intro-goal b{font-size:12px;font-weight:500;color:var(--text)}.modal .chapter-footnote{font-size:10px!important;margin-top:12px;color:var(--muted)!important}.chapter-intro .primary{margin-top:19px}.reward-links{display:flex;justify-content:center;gap:18px}.reward-links .text-button{font-size:11px;min-height:42px}.chapter-complete .reward-check{width:42px;height:42px;background:var(--accent)}.chapter-complete .reward-picture{box-shadow:0 14px 45px color-mix(in srgb,var(--accent) 17%,transparent)}.reward-grid.complete .reward-tile.revealed:not(.new-piece) .tile-cover{visibility:hidden}.setting-row{min-height:48px;padding:12px 3px}.setting-row>span{flex:1;text-align:left}.toggle{display:block;width:34px;height:20px;background:color-mix(in srgb,var(--muted) 25%,transparent);border-radius:15px;padding:3px;flex:0 0 34px}.toggle i{display:block;width:14px;height:14px;background:var(--muted);border-radius:50%;transition:transform .16s ease}.toggle.on{background:var(--accent)}.toggle.on i{background:var(--bg);transform:translate(14px)}.privacy-option{margin-top:13px}.privacy-option p{font-size:10px;line-height:1.6;text-align:left;color:var(--muted);margin-top:7px}.settings-note{margin-top:20px;font-size:11px!important;line-height:1.7!important}.settings-note [data-cloud-status]{display:inline-flex;align-items:center;gap:6px}.settings-note [data-cloud-status]:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.rules-modal{text-align:left;max-width:420px}.rules-modal>h2{text-align:center;font-size:28px}.rules-modal>.eyebrow{text-align:center}.rule-controls{padding:15px 0}.rule-controls>b,.rule-cards b{font-size:13px;font-weight:600;line-height:1.5}.rule-controls p,.rule-cards p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.rule-cards>div{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid color-mix(in srgb,var(--muted) 18%,transparent)}.rule-grid{display:grid;grid-template-columns:repeat(9,1fr);width:82px;height:82px;flex:0 0 82px;gap:1px;background:var(--surface);padding:3px;border-radius:7px}.rule-grid i{background:color-mix(in srgb,var(--muted) 15%,transparent);border-radius:1px;display:grid;place-items:center;font-style:normal;color:var(--bg);font-size:9px}.rule-grid i.filled{background:var(--accent)}.rule-grid i.edge-right{margin-right:2px}.rule-grid i.edge-bottom{margin-bottom:2px}.rules-modal .rule-tip{font-size:11px!important;color:var(--muted)!important}.rules-modal .primary{margin-top:20px}.rules-modal .modal-close{right:7px;top:7px}@media(min-width:600px){.screen-home{min-height:810px}.screen-home .home-actions{padding-top:190px}.screen-play{min-height:800px}.screen-play #board{width:calc(100% + 6px);max-width:414px}.screen-play .coach-line{min-height:65px}}@media(max-height:760px)and (max-width:599px){.screen-home .home-top{height:66px}.screen-home .home-intro{padding-top:10px}.screen-home .home-intro h1{font-size:53px}.screen-home .tagline{font-size:13px;line-height:1.6;margin-top:20px}.screen-home .home-actions{padding-top:90px}.home-collection{margin-top:9px}.home-nav{margin:8px 0}.world-bar{padding-top:12px}.screen-play .topbar{height:48px}.screen-play .goal-pill{height:39px;margin-top:7px}.screen-play .coach-line{min-height:53px;padding:5px 0}.screen-play .coach-line .hint{font-size:10px}.screen-play #board{width:min(calc(100% + 16px),calc((100svh - 255px)*.78688))}.screen-play .game-controls{min-height:42px}.screen-play .play-footer{font-size:8px;margin-top:1px}.chapter-intro-art{height:150px;margin-bottom:18px}.chapter-intro h2{font-size:27px}.chapter-intro-goal{margin-top:13px}.reward-modal .reward-picture{width:190px}.reward-header p:last-child{margin-bottom:12px}.reward-summary,.reward-modal .primary{margin-top:12px}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion=reduced] .world-atmosphere{display:none}[data-motion=reduced] .reward-tile.new-piece .tile-cover{visibility:hidden}[data-motion=reduced] .reward-glow{display:none}.screen-play #board{width:min(calc(100% + 16px),calc((100svh - 325px)*.78688))}.chapter-intro{overflow:auto}@media(min-width:600px){.screen-play #board{width:calc(100% + 6px)}}@media(max-height:760px)and (max-width:599px){.screen-play #board{width:min(calc(100% + 16px),calc((100svh - 290px)*.78688))}}@media(max-height:700px)and (max-width:599px){.screen-home .home-actions{padding-top:20px}.screen-home .home-top{height:56px}.screen-home .home-intro{padding-top:0}.screen-home .home-intro h1{font-size:49px}.screen-home .tagline{margin-top:13px}.screen-home .world-bar{padding-top:9px}.screen-home .home-collection{margin-top:6px}.screen-home .home-nav{margin:3px 0}}.chapter-tab>span:first-child{height:25px;display:grid;place-items:center;line-height:1}.chapter-tab>span:first-child svg,.album-choice>span svg{width:21px;height:21px}.album-choice>span{min-height:24px;display:grid;place-items:center}
