:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#294b49;background:#eef3eb;font-synthesis:none;--bg:#eef3eb;--surface:#f9faf2;--surface2:#e5eee3;--text:#294b49;--muted:#60776d;--line:#d5dfd2;--accent:#34665d;--accent-hover:#28594f;--sand:#efe6d3;--wall:#80a396;--wall-edge:#607f72;--shadow:0 18px 55px #4565550c;--coral:#a76243;--garden:#cbdbcc;color-scheme:light}:root[data-theme=night]{--bg:#1c3034;--surface:#263e40;--surface2:#2d4747;--text:#e2e9d8;--muted:#aec2b6;--line:#41595a;--accent:#bdd0ba;--accent-hover:#d1dec8;--sand:#3d504a;--wall:#557b71;--wall-edge:#345950;--shadow:0 18px 55px #0a202520;--coral:#e4b48e;--garden:#284347;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:5px}a{color:var(--accent)}svg{display:block}h1,h2,p{margin:0}button svg{pointer-events:none}button{user-select:none;-webkit-user-select:none}.icon{width:23px;height:23px;flex:none}.app{min-height:100svh;position:relative;padding:0 max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));isolation:isolate}.site-header{max-width:1180px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-align:left;padding:0}.brand>svg{width:62px;transform:rotate(-8deg)}.brand strong{display:block;font-size:21px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2.5px;color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--surface)}.icon-button:hover{background:var(--surface2)}.preview-label,.time-left{font-size:12px;letter-spacing:.5px;color:var(--muted);margin-right:10px}.preview-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#82a28b;margin-right:7px}.notice{max-width:1180px;margin:0 auto 12px;border:1px solid var(--line);padding:10px 18px;border-radius:14px;background:var(--surface);font-size:13px;display:flex;justify-content:space-between;align-items:center}.notice button{text-decoration:underline;min-height:44px}.home-main{max-width:1180px;margin:auto}.hero-card{display:grid;grid-template-columns:1fr 1fr;min-height:385px;border-radius:30px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-copy{padding:45px 0 39px 55px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#8eaa8d;border-radius:100%}.hero-copy h1{font-size:clamp(38px,4.2vw,58px);letter-spacing:3px;font-weight:550;line-height:1.3;margin:19px 0 15px}.hero-copy h1>span{display:block;color:var(--coral)}.hero-copy p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:24px}.primary-button{background:var(--accent);color:var(--surface);min-height:52px;padding:13px 27px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:15px;font-weight:600;box-shadow:0 5px #183a3220}.primary-button:hover{background:var(--accent-hover)}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #183a3220}.hero-caption{display:block;margin-top:14px;font-size:11px;color:var(--muted);letter-spacing:1px}.hero-art{position:relative;min-height:385px;overflow:hidden;background:radial-gradient(ellipse at 60% 70%,#dcebdc99,transparent 70%)}.ocean-orbit{position:absolute;width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%);background:#dbe8df88;border:1px solid #bdcfc244;border-radius:50%}.ocean-orbit:before{content:"";position:absolute;top:27px;right:27px;bottom:27px;left:27px;border:1px dashed #a7c2b44d;border-radius:50%}.hero-whale{width:240px;position:absolute;top:35px;right:21%;transform:rotate(-8deg)}.hero-turtle{width:160px;position:absolute;bottom:63px;right:48%;transform:rotate(-18deg)}.hero-fish{width:130px;position:absolute;right:55px;top:155px;transform:rotate(-10deg)}.hero-chest{position:absolute;bottom:43px;right:68px;width:100px;transform:rotate(9deg)}.hero-shell{position:absolute;bottom:19px;right:193px;width:71px;transform:rotate(-15deg)}.hero-coral{position:absolute;width:170px;right:-45px;bottom:-14px;opacity:.75}.bubble{border:1.5px solid #a0bcb8;position:absolute;border-radius:50%;opacity:.65}.b1{width:17px;height:17px;left:100px;top:74px}.b2{width:10px;height:10px;right:89px;top:117px}.b3{width:24px;height:24px;left:46px;top:226px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:33px 0 20px}.section-heading h2{font-size:23px;font-weight:600;letter-spacing:1px;margin-top:7px}.collection-count{font-size:12px;color:var(--muted);padding-bottom:3px}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pack-card{display:flex;flex-direction:column;text-align:left;min-width:0;padding:18px 24px 23px;border:1px solid var(--line);border-radius:23px;background:var(--surface);transition:transform .15s,box-shadow .15s}.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pack-art{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.pack-art svg{height:88px;max-width:165px}.pack-label{font-size:10px;color:var(--muted);letter-spacing:2px}.pack-card strong{font-size:20px;font-weight:600;letter-spacing:1px;margin:7px 0 5px}.pack-subtitle{font-size:11px;color:var(--muted);min-height:36px;line-height:1.7}.pack-progress{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:19px}.pack-progress .icon{width:20px}.progress-track{height:3px;background:var(--surface2);border-radius:10px;margin-top:10px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#8bae9a}.home-note{display:flex;align-items:center;margin:24px 0 0;gap:13px;min-height:66px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-note>svg{width:35px}.home-note p{color:var(--muted);font-size:12px}.home-note button{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px}.home-note .icon{width:18px}footer{display:flex;justify-content:space-between;padding:21px 1px;color:var(--muted);font-size:10px;letter-spacing:1px}footer button{font-size:10px;min-height:44px;margin-top:-11px}.sea-garden{position:fixed;inset:auto 0 0;height:200px;z-index:-1;pointer-events:none;opacity:.55;color:var(--garden)}.sea-garden>svg{width:100%;height:100%}.sea-garden .garden-fish{position:absolute;width:68px;bottom:50px;left:4%;opacity:.5}.sea-garden .garden-whale{position:absolute;width:125px;bottom:48px;right:3%;opacity:.4}.text-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;padding:8px 2px}.text-button:hover{color:var(--coral)}.text-button .icon{width:20px}.levels-main{max-width:1060px;margin:10px auto}.levels-heading{margin:25px 0 28px}.levels-heading h1{font-size:38px;letter-spacing:3px;font-weight:550;margin:8px 0}.levels-heading p{color:var(--muted);font-size:14px}.pack-tabs{display:flex;gap:10px;margin:0 0 26px;flex-wrap:wrap}.pack-tabs button{padding:9px 21px;min-height:44px;border:1px solid var(--line);border-radius:50px;font-size:12px;background:var(--surface)}.pack-tabs .selected{background:var(--accent);color:var(--surface);border-color:var(--accent)}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.level-card{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:17px 13px 19px;position:relative;display:flex;flex-direction:column;align-items:center;min-height:160px;transition:transform .15s}.level-card:hover{transform:translateY(-3px)}.level-number{position:absolute;top:12px;left:14px;font-size:10px;letter-spacing:1px;color:var(--muted)}.level-card>svg{width:53px;margin:10px 0 13px}.level-card strong{font-size:13px;font-weight:600}.level-card small{font-size:10px;color:var(--muted);margin-top:5px}.level-card.completed{background:var(--surface2)}.level-stamp{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#88a78d38;margin:10px 0 13px}.game-main{max-width:1100px;margin:4px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px 26px}.game-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.game-title{text-align:center}.game-title .eyebrow{justify-content:center;font-size:10px}.game-title h1{font-size:24px;font-weight:550;letter-spacing:2px;margin-top:4px}.pause-button{justify-content:flex-end;min-width:60px}.board-panel{background:var(--surface);border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.board-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:20px 24px 0;gap:8px}.board-topline strong{font-size:13px;color:var(--text);margin-left:5px}.sea-dot{display:inline-block;width:6px;height:6px;background:#89ab8f;border-radius:50%;margin-right:7px}.board-space{flex:1;display:flex;justify-content:center;align-items:center;padding:28px 26px;min-height:365px}.board{width:min(100%,calc(var(--cols) * 52px));aspect-ratio:var(--cols)/var(--rows);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.tile{position:relative;min-width:0;min-height:0;border-radius:6px;display:grid;place-items:center}.tile-wall{background:var(--wall);border-bottom:4px solid var(--wall-edge);border-top:2px solid #aec7b480;box-shadow:inset 1px 0 #d3e0cb50}.tile-wall:after{content:"";width:43%;height:3px;background:#d7e4d033;position:absolute;top:35%;left:20%;border-radius:10px;transform:rotate(-8deg)}.tile-floor{background:var(--sand);box-shadow:inset 0 -2px #93794a09}.tile-floor:before{content:"";width:3px;height:3px;background:#9e855e33;position:absolute;top:17%;right:15%;border-radius:50%}.tile-outside{background:none;box-shadow:none}.tile-goal{background:var(--sand)}.goal-shell{position:absolute;top:3%;right:3%;bottom:3%;left:3%;width:94%;height:94%;opacity:.75}.tile-chest{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.tile-chest svg{width:100%;height:100%}.tile-chest.stored:after{content:"✓";position:absolute;bottom:1%;right:2%;font-size:clamp(10px,1.2vw,16px);width:32%;height:32%;border-radius:100%;display:grid;place-items:center;line-height:1;background:#eff2d9;color:#496c52;box-shadow:0 1px 3px #294b491a}.tile-fish{position:absolute;width:115%;height:110%;max-width:none;z-index:3;filter:drop-shadow(0 3px 2px #624b281a)}.board-legend{display:flex;justify-content:center;gap:23px;border-top:1px solid var(--line);padding:13px 10px;font-size:10px;color:var(--muted)}.board-legend span{display:flex;align-items:center;gap:7px}.board-legend svg{height:27px;width:30px}.control-panel{display:flex;flex-direction:column;justify-content:space-between;padding:12px 2px 0;gap:17px}.journey-info h2{font-size:26px;font-weight:550;letter-spacing:1px;margin:7px 0 9px}.journey-info>p{font-size:13px;color:var(--muted);line-height:1.8}.move-stats{display:flex;gap:45px;margin:20px 0 15px}.move-stats>div{display:flex;flex-direction:column}.move-stats strong{font-size:27px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4}.move-stats span{font-size:10px;letter-spacing:1px;color:var(--muted)}.gentle-tip{border-left:2px solid #9bb6a0;padding:2px 0 2px 12px;font-size:11px;color:var(--muted);line-height:1.8;max-width:290px}.stuck-tip{border-color:#bd967a;color:var(--coral)}.controls{display:flex;flex-direction:column;align-items:center}.hand-toggle{display:flex;background:var(--surface2);padding:3px;border-radius:30px;align-self:flex-end;margin-bottom:8px}.hand-toggle button{font-size:10px;min-width:47px;min-height:35px;border-radius:25px;color:var(--muted)}.hand-toggle button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 6px #2345340c}.dpad{--key:72px;display:grid;grid-template-columns:repeat(3,var(--key));grid-template-rows:repeat(3,var(--key));gap:8px;touch-action:none;-webkit-touch-callout:none;align-self:flex-end}.direction{background:var(--surface);border:1px solid var(--line);border-bottom:5px solid #b8cbbd;border-radius:19px;display:grid;place-items:center;touch-action:none;-webkit-touch-callout:none}.direction>span{font-size:32px;font-weight:400;line-height:1;font-family:Arial,sans-serif;padding-bottom:2px}.direction:hover{background:var(--surface2)}.direction.pressed,.direction:active{background:var(--surface2);transform:translateY(3px);border-bottom-width:2px}.direction-U{grid-column:2;grid-row:1}.direction-L{grid-column:1;grid-row:2}.direction-R{grid-column:3;grid-row:2}.direction-D{grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;display:grid;place-items:center}.dpad-center svg{width:49px;opacity:.5}.control-caption{font-size:10px;color:var(--muted);letter-spacing:1px;margin:11px 0 17px;align-self:flex-end;width:232px;text-align:center}.tool-buttons{display:flex;gap:9px;align-self:stretch}.tool-buttons button{flex:1;min-height:50px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.tool-buttons button .icon{width:19px}.tool-buttons button:active{background:var(--surface2)}.game-bottom{grid-column:1/-1;text-align:center;font-size:11px;color:var(--muted);margin-top:3px}.left-hand .dpad,.left-hand .control-caption,.left-hand .hand-toggle{align-self:flex-start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#193b3b55;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain}.modal-card{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:28px;padding:32px;max-width:470px;width:100%;max-height:90svh;overflow-y:auto;text-align:center;box-shadow:0 25px 90px #14332e24}.modal-card h2{font-size:25px;font-weight:550;letter-spacing:1px;margin-bottom:14px}.modal-card p{font-size:13px;color:var(--muted);line-height:1.95;margin:13px 0}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.modal-card>.primary-button{margin-top:16px;width:100%}.secondary-button{border:1px solid var(--line);border-radius:15px;min-height:51px;font-size:14px}.modal-actions .text-button{justify-content:center;font-size:11px;color:var(--muted)}.win-art{display:flex;justify-content:center;align-items:center;margin:0 auto;width:250px}.win-art svg:first-child{width:165px}.win-art svg:last-child{width:61px}.modal-whale{width:210px;margin:10px auto}.help-art{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.help-art svg{width:78px}.hint-arrow{font-size:64px;line-height:1.5;color:var(--coral)}.hint-shell{width:80px;margin:auto}.source-links{display:flex;justify-content:center;gap:20px;font-size:11px;padding:12px 0}.parent-page{min-height:100svh;padding:40px 20px;display:grid;place-items:center}.parent-card{max-width:680px;width:100%;background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:25px}.parent-card h1{margin:15px 0;font-weight:550}.parent-back,.parent-intro,.parent-pair p,.parent-message{font-size:13px;color:var(--muted)}.parent-card h2{font-size:18px;margin:25px 0 15px}.parent-summary{padding:15px;background:var(--surface2);border-radius:13px;margin-top:20px}.parent-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.parent-choices button{border:1px solid var(--line);min-height:65px;border-radius:12px}.parent-choices .active{background:var(--accent);color:var(--surface)}.parent-choices small{display:block;font-size:10px}.parent-pair{margin:24px 0;padding-top:10px;border-top:1px solid var(--line)}.parent-pair>button,.parent-logout{border:1px solid var(--line);border-radius:12px;min-height:48px;padding:8px 20px;margin:15px 0}.parent-code{font-size:36px;letter-spacing:12px;padding:15px}.parent-login{display:grid;gap:14px}.parent-login input{min-height:48px;font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg);color:var(--text)}.gate-shell{display:grid;place-items:center}.play-gate{max-width:540px;padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:27px;text-align:center}.play-gate h1{font-size:24px;margin:12px 0;font-weight:550}.play-gate p{font-size:13px;color:var(--muted);margin:18px 0}.play-gate form{display:flex;flex-direction:column;gap:18px}.play-gate input{min-height:55px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);text-align:center;letter-spacing:6px;font-size:22px}.play-gate__bubble{font-size:40px;color:var(--muted)}.play-gate__error{color:var(--coral)!important}@media(min-width:1300px){.hero-card{min-height:410px}.hero-copy{padding-top:47px}.hero-art{min-height:410px}.game-main{margin-top:14px}}@media(max-width:1000px){.hero-copy{padding-left:36px}.hero-whale{right:15%;width:220px}.hero-turtle{right:40%;width:150px}.hero-fish{right:30px;width:110px}.pack-grid{gap:12px}.pack-card{padding:15px 17px 20px}.pack-subtitle{min-height:40px}.game-main{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.board-space{padding:25px 18px}.dpad{--key:70px}.control-caption{width:226px}.level-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:800px){.site-header{min-height:87px}.app{padding-left:22px;padding-right:22px}.hero-card{min-height:345px}.hero-copy{padding:35px 0 32px 28px}.hero-copy h1{font-size:43px}.hero-art{min-height:345px}.hero-whale{width:180px;right:14%;top:39px}.hero-turtle{width:120px;right:43%;bottom:65px}.hero-fish{width:100px;right:15px;top:136px}.hero-chest{right:23px;width:76px}.hero-shell{right:125px;width:53px}.ocean-orbit{width:270px;height:270px}.hero-copy p{font-size:13px}.pack-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pack-card{min-height:208px;position:relative;padding:25px 25px 20px}.pack-art{position:absolute;right:14px;top:11px;width:100px;height:80px;opacity:.9}.pack-art svg{max-width:110px;height:73px}.pack-label{margin-top:9px}.pack-card strong{font-size:22px;margin-top:12px}.pack-subtitle{margin-top:3px;min-height:0}.pack-progress{margin-top:20px}.game-main{grid-template-columns:1fr;max-width:650px;gap:17px}.game-top{margin-bottom:0}.board-space{padding:20px 22px;min-height:280px}.board{width:min(100%,calc(var(--cols)*48px))}.board-panel{border-radius:24px}.control-panel{display:grid;grid-template-columns:1fr 250px;align-items:center;gap:22px;padding:0 6px}.journey-info h2{font-size:22px}.move-stats{gap:35px;margin:15px 0 12px}.controls{align-items:flex-end}.hand-toggle{margin-bottom:7px}.dpad{--key:70px;gap:8px}.control-caption{width:226px;margin-bottom:12px}.tool-buttons{gap:7px}.tool-buttons button{min-height:47px;font-size:11px;gap:4px}.game-bottom{margin:2px 0 15px}.left-hand .journey-info{grid-column:2;grid-row:1}.left-hand .controls{grid-column:1;grid-row:1}.left-hand .control-panel{grid-template-columns:250px 1fr}.left-hand .tool-buttons{align-self:stretch}.left-hand .dpad,.left-hand .hand-toggle,.left-hand .control-caption{align-self:flex-start}.level-grid{grid-template-columns:repeat(4,1fr)}.tile-wall{border-bottom-width:3px}.tile-chest.stored:after{font-size:12px}}@media(max-width:540px){.app{padding:0 16px max(16px,env(safe-area-inset-bottom))}.site-header{min-height:80px;gap:8px}.brand{gap:8px}.brand>svg{width:43px}.brand strong{font-size:17px;letter-spacing:.6px}.brand small{font-size:9px;letter-spacing:1.5px}.header-actions{gap:7px}.icon-button{width:38px;height:38px}.icon-button .icon{width:20px}.preview-label{display:none}.time-left{font-size:10px;max-width:63px;line-height:1.4;margin-right:0}.hero-card{display:block;min-height:430px;border-radius:24px}.hero-copy{padding:27px 25px 29px}.hero-copy h1{font-size:42px;margin:15px 0}.hero-copy p{font-size:13px;max-width:220px}.hero-copy .primary-button{min-height:49px;font-size:13px;gap:17px;padding:12px 22px}.hero-caption{font-size:10px;margin-top:15px}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;z-index:1;pointer-events:none}.hero-whale{width:160px;right:-15px;top:37px;opacity:.82}.hero-turtle{width:115px;right:100px;bottom:12px}.hero-fish{width:101px;right:12px;top:207px}.hero-chest{right:18px;bottom:8px;width:69px}.hero-shell{right:79px;bottom:0;width:49px}.ocean-orbit{width:220px;height:220px;top:auto;bottom:-78px;left:auto;right:-90px}.hero-coral{width:130px;right:-50px;bottom:10px;opacity:.6}.bubble.b1{left:auto;right:47px;top:170px}.bubble.b2{right:74px;top:192px}.bubble.b3{display:none}.hero-copy{pointer-events:none}.hero-copy button{pointer-events:auto}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px;max-width:230px}.section-heading{margin:26px 0 16px}.section-heading h2{font-size:20px}.collection-count{font-size:10px}.pack-grid{gap:12px}.pack-card{min-height:228px;padding:17px 16px}.pack-art{position:static;width:auto;height:62px;margin-bottom:9px;justify-content:flex-start;opacity:1}.pack-art svg{height:63px;max-width:95px}.pack-label{margin:0;font-size:8px;letter-spacing:1.5px}.pack-card strong{font-size:18px;letter-spacing:.5px;margin:6px 0}.pack-subtitle{font-size:10px;min-height:35px}.pack-progress{margin-top:12px}.home-note{gap:6px}.home-note>svg{width:27px}.home-note p{font-size:10px;max-width:195px}.home-note button{font-size:10px;gap:4px}.home-note .icon{width:15px}footer{font-size:9px;letter-spacing:0}.levels-main{margin:0}.levels-heading{margin:16px 0 22px}.levels-heading h1{font-size:30px}.levels-heading p{font-size:12px}.pack-tabs{gap:7px;margin-bottom:18px}.pack-tabs button{padding:8px 12px;font-size:10px;min-height:41px}.level-grid{grid-template-columns:repeat(3,1fr);gap:10px}.level-card{min-height:144px;border-radius:17px;padding:18px 6px 16px}.level-card strong{font-size:11px}.level-card small{font-size:9px}.level-number{left:11px;font-size:9px}.game-main{margin:0;gap:14px}.game-title h1{font-size:19px;margin-top:3px}.game-title .eyebrow{font-size:9px}.game-top .text-button{font-size:11px}.game-top .icon{width:18px}.board-topline{padding:14px 16px 0;font-size:10px}.board-topline strong{font-size:12px}.board-panel{border-radius:21px}.board-space{padding:19px 14px;min-height:215px}.board{gap:2px;width:min(100%,calc(var(--cols)*43px))}.tile{border-radius:4px}.board-legend{gap:16px;padding:8px;font-size:9px}.board-legend svg{height:23px;width:24px}.control-panel,.left-hand .control-panel{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:12px}.journey-info{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:center}.journey-info>.eyebrow{grid-column:1;font-size:9px;letter-spacing:1px}.journey-info h2{grid-column:1;font-size:19px;margin:1px 0}.journey-info>p{display:none}.move-stats{grid-column:2;grid-row:1/3;margin:0;justify-content:flex-end;gap:25px}.move-stats strong{font-size:23px}.move-stats span{font-size:9px}.gentle-tip{grid-column:1/-1;margin-top:9px;font-size:10px;max-width:none;min-height:22px}.controls,.left-hand .controls{display:grid;grid-template-columns:1fr 232px;gap:8px 10px;align-items:center}.dpad,.left-hand .dpad{--key:72px;grid-column:2;grid-row:1/4;align-self:end;justify-self:end;gap:8px}.hand-toggle,.left-hand .hand-toggle{grid-column:1;grid-row:1;align-self:start;justify-self:start;margin:0}.tool-buttons{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px}.tool-buttons button{min-height:43px;padding:8px 10px;justify-content:flex-start;font-size:11px;gap:7px}.control-caption,.left-hand .control-caption{grid-column:2;grid-row:4;margin:0;align-self:center;justify-self:end;font-size:8px;width:232px;letter-spacing:.5px}.left-hand .dpad{grid-column:1;justify-self:start}.left-hand .controls{grid-template-columns:232px 1fr}.left-hand .hand-toggle{grid-column:2;justify-self:end}.left-hand .tool-buttons{grid-column:2}.left-hand .tool-buttons button{justify-content:flex-end}.left-hand .control-caption{grid-column:1;justify-self:start}.game-bottom{font-size:9px;margin:0 0 7px}.modal-backdrop{padding:16px}.modal-card{padding:25px 21px;border-radius:24px}.modal-card h2{font-size:22px}.modal-card p{font-size:12px}.parent-card{padding:22px}.parent-choices{grid-template-columns:repeat(3,1fr)}.source-links{font-size:10px}.sea-garden{height:120px}.sea-garden .garden-fish,.sea-garden .garden-whale{display:none}}@media(max-width:370px){.dpad,.left-hand .dpad{--key:64px;gap:7px}.controls{grid-template-columns:1fr 206px}.left-hand .controls{grid-template-columns:206px 1fr}.control-caption,.left-hand .control-caption{width:206px}.hero-copy h1{font-size:37px}.hero-whale{width:140px;right:-27px}.pack-card{padding:15px 13px}.brand strong{font-size:15px}.brand small{font-size:8px}.brand>svg{width:36px}.header-actions{gap:5px}}@media(min-width:801px)and (max-height:850px){.site-header{min-height:80px}.game-main{gap:14px 24px;margin-top:0}.board-space{min-height:260px;padding:20px}.board{width:min(100%,calc(var(--cols)*45px),calc((100svh - 250px)*var(--cols)/var(--rows)))}.control-panel{padding:5px 2px 0;gap:10px}.journey-info h2{font-size:22px;margin:5px 0}.journey-info>p{font-size:12px;line-height:1.6}.move-stats{margin:12px 0;gap:35px}.move-stats strong{font-size:23px}.gentle-tip{font-size:10px}.dpad{--key:64px;gap:7px}.hand-toggle{margin-bottom:5px}.control-caption{width:206px;margin:8px 0 11px}.tool-buttons button{min-height:46px}.board-topline{padding:16px 20px 0}.board-legend{padding:10px}.game-bottom{margin:0}}@media(max-height:650px)and (min-width:700px){.site-header{min-height:66px}.game-main{grid-template-columns:minmax(0,1fr) 250px;gap:9px 20px;max-width:990px;margin:0 auto}.game-title h1{font-size:19px}.board-space{padding:15px;min-height:0}.board{width:min(100%,calc(var(--cols)*32px))}.control-panel{display:flex;flex-direction:column;gap:8px;padding:0}.journey-info h2{font-size:18px;margin:2px 0}.journey-info>p,.gentle-tip{display:none}.move-stats{margin:7px 0;gap:25px}.move-stats strong{font-size:21px}.dpad{--key:55px;gap:6px}.direction{border-radius:14px}.direction>span{font-size:25px}.control-caption{width:177px;margin:7px 0}.hand-toggle{margin-bottom:5px}.tool-buttons button{min-height:40px}.board-topline{padding:12px 16px 0}.board-legend{padding:7px}.game-bottom{margin:1px}.left-hand .control-panel{display:flex}.left-hand .journey-info,.left-hand .controls{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}