@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+KuaiLe&display=swap";:root{font-family:ZCOOL KuaiLe,system-ui;background:#100e1d;color:#fff6d8;font-synthesis:none;--app-height:100dvh;--app-width:100vw}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:var(--app-height)}body{background:radial-gradient(circle at 50% 20%,#312747 0,#171326 48%,#0e0c18);overflow-x:hidden}button{font:inherit;color:#fff6d8;background:#302944;border:2px solid #6a5a77;padding:10px 18px;cursor:pointer;box-shadow:0 4px #100d1c}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}header{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) max(18px,calc(4vw + env(safe-area-inset-right))) 0 max(18px,calc(4vw + env(safe-area-inset-left)));border-bottom:2px solid #3f3451;background:#151122}.brand{border:0;background:transparent;box-shadow:none;font-family:"Press Start 2P";font-size:12px;color:#ffe176}.brand span{font-size:22px}.data{font-size:14px;padding:7px 12px}.hero{text-align:center;min-height:calc(var(--app-height) - 58px);padding:8vh 20px max(30px,env(safe-area-inset-bottom));position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:260px;height:260px;border:3px solid #3b3151;transform:rotate(45deg);z-index:-1}.hero:before{left:-140px;top:160px}.hero:after{right:-140px;top:60px}.moon{font-size:54px;filter:drop-shadow(0 0 22px #ffc94c);animation:float 2s ease-in-out infinite}.eyebrow{color:#71e2c0;letter-spacing:3px;font:9px "Press Start 2P";margin:18px}.hero h1{font-size:clamp(34px,7vw,65px);line-height:1;margin:15px}.hero h1 em{font-style:normal;color:#ffd45a;text-shadow:4px 4px #9f3e48}.lede{font-size:20px;color:#cabfd3}.primary{background:#d65454;border-color:#ff8980;box-shadow:0 5px #702c42;padding:14px 30px;color:#fff}.hero>.primary{font-size:22px;margin:15px}.row{display:flex;justify-content:center;gap:12px;margin:10px}.hint{font-size:14px;color:#817990}.panel{max-width:900px;margin:40px auto;padding:20px}.panel h2{font-size:38px;color:#ffd45a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{text-align:left;min-height:190px;background:linear-gradient(145deg,#332a47,#211c32);display:flex;flex-direction:column;gap:16px}.card b{font:22px "Press Start 2P";color:#6fe2bf}.card strong{font-size:25px}.card small{margin-top:auto;color:#aaa0b7}.setting{max-width:480px;padding:18px;border-bottom:1px solid #443a55;display:flex;justify-content:space-between}.setting b{color:#6fe2bf}.play{width:100%;max-width:960px;min-height:calc(var(--app-height) - 58px);margin:auto;padding:0 max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));position:relative;background:#100e1d}.hud{min-height:62px;display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,58px);padding:6px 12px}.hud>div:not(.hud-actions){display:flex;flex-direction:column}.hud small{color:#8f849d}.hud b{font-size:18px}.hud-actions{display:flex;gap:6px}.hud-actions button{white-space:nowrap;padding:8px 11px}.landscape{color:#71e2c0}#game-root{width:min(100%,calc((var(--app-height) - 140px)*1.666667));aspect-ratio:5/3;margin:0 auto;border:4px solid #655675;box-shadow:0 12px 40px #080612;touch-action:none;overscroll-behavior:contain;overflow:hidden}#game-root canvas{display:block!important;touch-action:none}.game-tip{text-align:center;color:#9f94aa;margin:8px 4px}.display-note{position:fixed;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:90vw;padding:9px 14px;background:#211b31;border:2px solid #71e2c0;text-align:center}.modal{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#211b31;border:4px solid #d2a956;box-shadow:0 0 0 9999px #080611cc,8px 8px #0c0912;padding:28px;text-align:center;min-width:min(90vw,390px);max-height:calc(var(--app-height) - 24px);overflow:auto}.modal button{margin:6px}.result-icon{font-size:50px}.data-panel{width:min(92vw,720px);text-align:left}.data-panel pre{height:min(42vh,calc(var(--app-height) - 240px));overflow:auto;background:#100d19;padding:12px;font:11px monospace;color:#76e1bd}.close{position:absolute;right:8px;top:5px;border:0;box-shadow:none;background:none;font-size:24px}@keyframes float{50%{transform:translateY(-8px)}}.play:fullscreen{max-width:none;width:100vw;height:100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.play:fullscreen #game-root{width:min(100%,calc((100vh - 92px)*1.666667))}@media (max-width:700px){.cards{grid-template-columns:1fr}.hud{min-height:52px;gap:8px;padding:4px}.hud small{display:none}.hud b{font-size:13px}.hud-actions button{padding:6px 8px}.game-tip{font-size:12px}.play{min-height:calc(var(--app-height) - 58px)}#game-root{width:min(100%,calc((var(--app-height) - 126px)*1.666667))}.modal{padding:20px}}@media (max-width:430px){.landscape span{display:none}.brand{font-size:9px}.brand span{font-size:18px}}@media (orientation:landscape) and (max-height:500px){header{display:none}.play{min-height:var(--app-height)}.hud{min-height:46px}.game-tip{margin:3px}#game-root{width:min(100%,calc((var(--app-height) - 76px)*1.666667))}}.hero-mouse{position:relative;width:78px;height:62px;margin:0 auto 10px;animation:mouse-idle 1.4s steps(2) infinite;filter:drop-shadow(0 9px 0 #0b0913aa)}.hero-mouse:before{content:"";position:absolute;left:20px;top:18px;width:42px;height:34px;background:#b96839;border:5px solid #4d2b2c;box-shadow:inset -7px -7px #88462f}.hero-mouse:after{content:"";position:absolute;left:48px;top:10px;width:28px;height:28px;background:#dc8950;border:5px solid #4d2b2c;box-shadow:inset -5px -5px #b96839}.hero-mouse i,.hero-mouse b{position:absolute;z-index:2;top:0;width:17px;height:17px;border:4px solid #4d2b2c;background:#efa080}.hero-mouse i{left:48px}.hero-mouse b{left:65px}.hero-mouse span{position:absolute;z-index:3;left:68px;top:23px;width:5px;height:5px;background:#fff1ba;box-shadow:-10px -5px #241726,-22px 20px #527081,-28px 20px #527081,-28px 14px #527081}.setting{min-height:58px;padding:10px 18px;align-items:center}.setting input{width:min(55%,240px);accent-color:#71e2c0}.hud-actions button{min-width:44px;min-height:42px}#game-root,#game-root canvas{image-rendering:pixelated}.modal button{min-height:44px}.data-panel pre{height:min(30vh,260px)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stat-grid b{padding:9px 6px;background:#151222;border:1px solid #4e4260;text-align:center;font-size:12px}.stat-grid span{display:block;color:#ffd45a;font-size:20px}.level-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.level-stats div{padding:8px;background:#302944;text-align:center}.level-stats strong,.level-stats small{display:block}.level-stats strong{font-size:23px;color:#71e2c0}@keyframes mouse-idle{50%{transform:translateY(-4px) rotate(-2deg)}}@media (max-width:520px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:5vh}}.result-modal .title{display:block;color:#71e2c0;font-size:24px;margin:8px}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px}.share-actions button{margin:3px}@media (max-width:520px){.hero .row{flex-wrap:wrap}.result-modal{width:94vw}.share-actions button{flex:1 1 42%}}.share-card-modal{z-index:45;width:min(94vw,900px);padding:22px;background:linear-gradient(145deg,#28213b,#15111f);border-color:#71e2c0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:18px;text-align:left}.share-card-heading{align-self:center;padding:16px}.share-card-heading small{color:#71e2c0;font:10px "Press Start 2P";letter-spacing:2px}.share-card-heading h2{margin:14px 0 6px;color:#ffd45a;font-size:30px}.share-card-heading p{color:#b8adbf;line-height:1.6}.share-card-preview{grid-column:2;grid-row:1 / span 2;width:100%;max-height:calc(var(--app-height) - 70px);object-fit:contain;border:2px solid #5e526e;border-radius:14px;background:#100d1d;box-shadow:0 18px 45px #080611aa}.share-card-actions{align-self:start;display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.share-card-actions button{margin:0}.share-card-modal .close{z-index:2}@media (max-width:650px){.share-card-modal{display:flex;flex-direction:column;width:96vw;max-height:calc(var(--app-height) - 12px);padding:14px;gap:10px}.share-card-heading{padding:4px 32px 0 4px}.share-card-heading h2{font-size:23px;margin:8px 0 2px}.share-card-heading p{display:none}.share-card-preview{max-height:calc(var(--app-height) - 230px);width:auto;max-width:100%;margin:auto}.share-card-actions{flex-direction:row;padding:0}.share-card-actions button{flex:1}}.chapter-select{max-width:1120px}.chapter{--chapter-accent:#71e2c0;margin:26px 0;padding:18px;border:2px solid #4b405d;background:linear-gradient(135deg,#211b31,#151220)}.chapter.locked{opacity:.7}.chapter-title{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.chapter-title span{color:var(--chapter-accent);font:10px "Press Start 2P"}.chapter-title h3{margin:0;color:#fff6d8;font-size:26px}.chapter-title small{color:#827990;letter-spacing:2px}.level-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.level-node{position:relative;min-height:154px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:8px;border-color:#51455f}.level-node b{color:var(--chapter-accent);font:18px "Press Start 2P"}.level-node strong{font-size:18px}.level-node span{color:#ffd45a;letter-spacing:1px}.level-node small{color:#aaa0b7}.level-node em{margin-top:auto;color:#ff9d68;font-style:normal;font-size:12px}.level-node.boss{border-color:var(--chapter-accent);background:linear-gradient(145deg,#3a2942,#20172c)}.level-node.boss:after{content:"◆";position:absolute;right:10px;top:9px;color:var(--chapter-accent)}.final-celebration{border-color:#ffd45a;background:linear-gradient(145deg,#352347,#191126);animation:final-glow 1.2s ease-in-out infinite alternate}.confetti{color:#ffd45a;font-size:25px;letter-spacing:8px}.final-copy{color:#71e2c0;font-weight:700}@keyframes final-glow{to{box-shadow:0 0 0 9999px #080611cc,0 0 45px #ffd45a88}}@media (max-width:800px){.level-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-title{align-items:flex-start;flex-direction:column;gap:5px}.chapter-title h3{font-size:22px}}@media (max-width:430px){.level-node{min-height:138px;padding:11px}.level-node strong{font-size:15px}}.chapter-tabs button.locked{opacity:.62;border-style:dashed}.chapter-tabs button.locked i{font-style:normal;font-size:13px}.level-node.newly-unlocked{animation:level-unlocked 1.6s ease both;z-index:2}.level-node.newly-unlocked:before{content:"🔓";position:absolute;right:12px;top:10px;font-size:24px;animation:lock-fall 1.35s cubic-bezier(.18,.8,.28,1) both}.unlock-drop{position:absolute;z-index:5;left:50%;top:12px;display:flex;align-items:center;gap:8px;padding:7px 12px;color:#171323;background:#ffd45a;border:3px solid #fff1a8;box-shadow:5px 5px #7a4d28;white-space:nowrap;animation:unlock-banner 1.5s cubic-bezier(.18,.8,.28,1) both}.unlock-drop i{font-style:normal;font-size:24px;animation:lock-pop 1.1s ease both}.unlock-drop b{font-size:15px}@keyframes unlock-banner{0%{transform:translate(-50%,-130px) rotate(-8deg);opacity:0}35%,78%{transform:translate(-50%) rotate(0);opacity:1}to{transform:translate(-50%,18px);opacity:0}}@keyframes lock-pop{0%,35%{transform:rotate(0) scale(.8)}60%{transform:rotate(-22deg) scale(1.25)}to{transform:rotate(12deg) translateY(35px);opacity:0}}@keyframes level-unlocked{0%{transform:scale(.84);filter:brightness(2);box-shadow:0 0 0 5px #ffd45a}55%{transform:scale(1.05);box-shadow:0 0 30px #ffd45aaa}to{transform:none;box-shadow:0 4px #100d1c}}@keyframes lock-fall{0%{transform:translateY(-80px) rotate(-15deg);opacity:0}30%{transform:none;opacity:1}to{transform:translateY(100px) rotate(35deg);opacity:0}}.prepare{max-width:920px;text-align:center}.mode-cards,.tool-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.mode-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;text-align:left;background:linear-gradient(145deg,#28213d,#171324)}.mode-card.items{border-color:#71e2c0}.mode-card b{font:10px "Press Start 2P";color:#ffd45a}.mode-card strong{font-size:28px}.mode-card span,.tool-card span{color:#bdb2c5;line-height:1.5}.tool-offers{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-height:235px;display:flex;flex-direction:column;gap:10px;text-align:left;background:linear-gradient(145deg,#302944,#171324);border-color:#71e2c0}.tool-card i{font-style:normal;font:34px "Press Start 2P";color:#ffd45a}.tool-card strong{font-size:23px}.tool-card small{color:#71e2c0}.tool-belt{min-height:52px;display:flex;justify-content:center;align-items:center;gap:7px;padding:4px}.tool-belt button{min-width:130px;min-height:44px;padding:4px 8px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:1fr 1fr;text-align:left}.tool-belt button i{grid-row:1/span 2;align-self:center;color:#ffd45a;font-style:normal}.tool-belt button span{font-size:13px}.tool-belt button small{color:#71e2c0}.tool-belt button.running{border-color:#71e2c0;box-shadow:0 0 14px #71e2c066}.tool-belt em{color:#9b91a5;font-size:12px}.mode-result{color:#71e2c0}@media (max-width:650px){.mode-cards,.tool-offers{grid-template-columns:1fr}.prepare{margin-top:12px}.tool-offers{margin:12px 0}.tool-card{min-height:150px}.tool-belt{min-height:46px}.tool-belt button{min-width:108px}.tool-belt em{display:none}.play:has(.tool-belt) #game-root{width:min(100%,calc((var(--app-height) - 172px)*1.666667))}}.game-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:var(--app-height);overflow:hidden;background:#100e1d}.game-page>header{display:none}.game-page .play{max-width:none;width:100vw;height:var(--app-height);min-height:var(--app-height);margin:0;display:flex;flex-direction:column;justify-content:center}.game-page .page-rotated{position:fixed;left:50%;top:50%;width:var(--app-height);height:var(--app-width);min-height:var(--app-width);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.game-page .page-rotated #game-root{width:min(100%,calc((var(--app-width) - 126px)*1.666667))}.game-page .page-rotated:has(.tool-belt) #game-root{width:min(100%,calc((var(--app-width) - 172px)*1.666667))}@media (orientation:landscape) and (max-height:500px){.tool-belt{position:absolute;z-index:6;right:6px;bottom:4px;flex-direction:column;align-items:stretch;background:#100e1dcc;border:1px solid #4b405d}.tool-belt button{min-width:112px}.play:has(.tool-belt) #game-root{width:min(calc(100% - 125px),calc((var(--app-height) - 76px)*1.666667))}}.game-page .page-rotated{padding:0;overflow:hidden}.game-page .page-rotated .hud{position:absolute;z-index:8;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);min-height:46px;padding:3px 6px;background:#100e1ddd;border:1px solid #4b405dcc}.game-page .page-rotated #game-root,.game-page .page-rotated:has(.tool-belt) #game-root{width:min(calc(100% - 8px),calc((var(--app-width) - 8px)*1.666667));max-height:calc(var(--app-width) - 8px);margin:auto}.game-page .page-rotated .game-tip{position:absolute;z-index:7;left:50%;bottom:5px;transform:translate(-50%);width:max-content;max-width:88%;margin:0;padding:4px 9px;background:#100e1dcc}.game-page .page-rotated .tool-belt{position:absolute;z-index:9;right:6px;bottom:6px;max-width:55%;background:#100e1ddd;border:1px solid #4b405d}.game-page .page-rotated #game-root canvas{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.result-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.game-page .page-rotated .result-modal{width:min(calc(var(--app-height) - 20px),720px);height:min(calc(var(--app-width) - 16px),360px);max-width:none;max-height:none;padding:14px 16px;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(290px,1.1fr);grid-template-areas:"icon heading" "mode mode" "title actions" "copy actions" "final actions" "nav nav";align-items:center;align-content:center;gap:5px 14px;overflow:hidden}.game-page .page-rotated .result-modal .result-icon{grid-area:icon;font-size:38px;text-align:right}.game-page .page-rotated .result-modal h2{grid-area:heading;margin:0;text-align:left;font-size:27px}.game-page .page-rotated .result-modal .mode-result{grid-area:mode;margin:0;color:#71e2c0;font-size:15px}.game-page .page-rotated .result-modal>.title{grid-area:title;margin:0;display:block;font-size:20px;line-height:1.25}.game-page .page-rotated .result-modal>p:not(.mode-result):not(.final-copy){grid-area:copy;margin:0;font-size:14px;line-height:1.35}.game-page .page-rotated .result-modal>.final-copy{grid-area:final;margin:0;font-size:13px}.game-page .page-rotated .result-modal .confetti{display:none}.game-page .page-rotated .result-modal .share-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0}.game-page .page-rotated .result-modal .share-actions button{margin:0;min-height:42px;padding:7px 8px;font-size:14px}.game-page .page-rotated .result-modal .result-nav{grid-area:nav;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-page .page-rotated .result-modal .result-nav button{margin:0;min-height:40px;padding:6px 9px;font-size:14px}.game-page .page-rotated .result-modal .result-nav button:nth-last-child(2):first-child{grid-column:1 / 2}.game-page .page-rotated .result-modal .result-nav button:last-child{grid-column:3 / 4}html,body,#root,main{width:100%;height:var(--app-height);min-height:0;overflow:hidden}main{display:flex;flex-direction:column}main>header{flex:0 0 58px}.hero,.panel{flex:1;min-height:0;height:calc(var(--app-height) - 58px);overflow:hidden}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,4vh,42px) 16px}.hero .moon{font-size:clamp(34px,7vh,54px)}.hero .eyebrow{margin:clamp(7px,2vh,18px)}.hero h1{font-size:clamp(30px,min(7vw,7vh),65px);margin:clamp(7px,2vh,15px)}.hero .lede{font-size:clamp(15px,2.5vh,20px);margin:clamp(5px,1.5vh,16px)}.hero>.primary{font-size:clamp(17px,2.7vh,22px);margin:clamp(7px,1.8vh,15px);padding:clamp(10px,1.8vh,14px) 30px}.hero .hint{margin:clamp(4px,1vh,12px)}.panel{margin:0 auto;padding:clamp(10px,2.5vh,20px);width:100%;display:flex;flex-direction:column;justify-content:center}.panel-heading{display:flex;align-items:center;gap:18px;flex:0 0 auto}.panel-heading h2{margin:0}.panel-heading p{margin:4px 0}.chapter-select{max-width:1120px;justify-content:flex-start}.chapter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:clamp(8px,1.8vh,16px) 0}.chapter-tabs button{min-height:48px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:9px}.chapter-tabs button b{color:#ffd45a;font:12px "Press Start 2P"}.chapter-tabs button.active{border-color:#71e2c0;background:#423554;box-shadow:0 4px #275d58}.chapter-select .chapter{flex:1;min-height:0;margin:0;padding:clamp(8px,1.5vh,16px);display:flex;flex-direction:column}.chapter-select .chapter-title{flex:0 0 auto;margin-bottom:clamp(6px,1.3vh,12px)}.chapter-select .level-nodes{flex:1;min-height:0}.chapter-select .level-node{min-height:0;height:100%;padding:clamp(8px,1.4vh,14px);gap:clamp(4px,1vh,8px)}.prepare{justify-content:center}.prepare>h2{margin:clamp(6px,1.5vh,16px) 0}.prepare>p{margin:clamp(5px,1.2vh,14px) 0}.prepare>.eyebrow{margin:clamp(6px,1.5vh,18px)}.prepare .mode-cards,.prepare .tool-offers{margin:clamp(8px,2vh,24px) 0}.prepare .mode-card{min-height:0;height:min(28vh,210px);padding:clamp(12px,2.5vh,24px);gap:clamp(8px,2vh,16px)}.prepare .tool-card{min-height:0;height:min(31vh,235px);padding:clamp(9px,2vh,18px);gap:clamp(5px,1vh,10px)}.settings{justify-content:center}.settings h2{margin:clamp(9px,2vh,22px) 0}.settings>p{margin:clamp(7px,1.5vh,16px) 0}.settings .setting{flex:0 1 58px;padding:clamp(7px,1.4vh,18px)}.modal{max-height:calc(var(--app-height) - 16px);overflow:hidden}.result-modal{width:min(94vw,520px);padding:clamp(12px,2.5vh,28px)}.result-modal .result-icon{font-size:clamp(30px,7vh,50px)}.result-modal h2{margin:clamp(5px,1.5vh,14px)}.result-modal p{margin:clamp(4px,1.2vh,12px)}.result-modal button{padding:clamp(7px,1.5vh,10px) 14px}.data-panel{height:min(calc(var(--app-height) - 16px),760px);display:flex;flex-direction:column;padding:clamp(12px,2.2vh,28px)}.data-panel h2{margin:0 30px 4px 0}.data-panel>p{margin:3px 0 7px}.data-panel .stat-grid{flex:0 0 auto}.data-panel .level-stats{flex:1;min-height:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);margin:7px 0}.data-panel .level-stats div{min-height:0;padding:clamp(2px,.8vh,8px);font-size:clamp(10px,1.5vh,14px)}.data-panel .level-stats strong{font-size:clamp(14px,2.6vh,23px)}.data-panel>.row{margin:5px 0 0}@media (max-width:800px){.panel-heading{gap:10px}.panel-heading h2{font-size:clamp(24px,5vw,34px)}.panel-heading p{font-size:13px}.chapter-tabs button span{font-size:12px}.chapter-select .level-nodes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}.chapter-select .level-node strong,.chapter-select .level-node b{font-size:clamp(13px,2.2vh,18px)}.chapter-select .level-node span,.chapter-select .level-node small,.chapter-select .level-node em{font-size:clamp(9px,1.55vh,12px)}}@media (max-width:520px){.hero .row{margin:5px;gap:7px}.hero .row button{padding:9px 10px}.hero .hint{font-size:11px}.chapter-tabs{gap:4px}.chapter-tabs button{padding:6px 3px;min-height:43px}.chapter-tabs button span{display:none}.chapter-select .chapter-title{flex-direction:row;align-items:baseline;gap:8px}.chapter-select .chapter-title small{display:none}.chapter-select .level-nodes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:6px}.chapter-select .level-node{min-height:0}.prepare .mode-cards{grid-template-columns:1fr 1fr;gap:8px}.prepare .mode-card{padding:11px;height:min(31vh,190px)}.prepare .mode-card strong{font-size:20px}.prepare .mode-card span{font-size:13px}.prepare .tool-offers{grid-template-columns:repeat(3,1fr);gap:6px}.prepare .tool-card{height:min(35vh,220px);padding:8px}.prepare .tool-card i{font-size:25px}.prepare .tool-card strong{font-size:15px}.prepare .tool-card small,.prepare .tool-card span{font-size:10px}.settings{padding:12px 20px}.data-panel .stat-grid{grid-template-columns:repeat(4,1fr)}.data-panel .stat-grid b{font-size:10px;padding:4px 2px}.data-panel .stat-grid span{font-size:16px}}@media (max-height:620px){main>header{flex-basis:48px;min-height:48px;padding-top:0}.hero,.panel{height:calc(var(--app-height) - 48px)}.hero .moon{font-size:30px}.hero .eyebrow{margin:5px}.hero .lede{margin:4px}.hero>.primary{margin:5px;padding:9px 25px}.hero .hint{display:none}.panel{padding:7px 12px}.panel-heading p{display:none}.chapter-tabs{margin:5px 0}.chapter-tabs button{min-height:38px}.chapter-select .chapter-title{margin-bottom:4px}.chapter-select .level-node{gap:2px}.prepare>p:not(.eyebrow){display:none}.prepare .mode-card,.prepare .tool-card{height:min(43vh,165px)}.settings>p{display:none}.settings h2{margin:5px 0}.settings .setting{flex-basis:45px;min-height:42px}.result-modal .mode-result,.result-modal>.title,.result-modal>p{display:none}.data-panel>p{display:none}.data-panel{padding:9px}.data-panel .stat-grid{grid-template-columns:repeat(8,1fr)}.data-panel .level-stats{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(2,1fr)}}@media (orientation:landscape) and (max-height:500px){main>header{display:flex;flex-basis:42px;min-height:42px}.hero,.panel{height:calc(var(--app-height) - 42px)}.hero{padding:4px}.hero h1{font-size:min(9vh,34px);margin:3px}.hero .moon,.hero .lede,.hero .hint{display:none}.hero .eyebrow{font-size:7px;margin:3px}.hero>.primary{font-size:15px;margin:4px;padding:7px 24px}.hero .row{margin:3px}.hero .row button{padding:6px 10px}.chapter-select .level-nodes{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}.chapter-select .chapter-title{display:none}.chapter-tabs button span{display:inline}.prepare{padding:5px 12px}.prepare>.eyebrow{margin:2px}.prepare>h2{font-size:24px;margin:2px}.prepare .mode-cards,.prepare .tool-offers{margin:5px 0}.prepare .mode-card,.prepare .tool-card{height:min(45vh,150px)}.settings{padding:5px 20px}.settings h2{font-size:26px}.settings .setting{flex-basis:39px;min-height:36px;padding:4px 12px}.game-page>header{display:none}}.danger{background:#8f3041;border-color:#ff7180;color:#fff;box-shadow:0 4px #4c1725}.data-panel>.row{flex-wrap:wrap}.result-modal{isolation:isolate;width:min(92vw,560px);padding:24px;border:3px solid #e6b951;background:linear-gradient(145deg,#2b2341,#201a32 52%,#171424);box-shadow:0 0 0 9999px #080611d9,0 0 0 7px #161122,0 22px 65px #000b,8px 8px #0c0912;overflow:hidden;animation:report-arrive .42s cubic-bezier(.18,.9,.28,1.2) both}.result-modal:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 5%,#ffd45a1c 0 2px,transparent 3px),radial-gradient(circle at 86% 18%,#71e2c01c 0 2px,transparent 3px),linear-gradient(115deg,transparent 0 46%,#ffffff05 47% 48%,transparent 49%);background-size:36px 36px,48px 48px,100% 100%;pointer-events:none}.result-modal:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #7f6a91;pointer-events:none}.result-hero{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge kicker" "badge heading" "stars stars";align-items:center;justify-content:center;column-gap:15px;margin:0 auto 12px}.result-hero>small{grid-area:kicker;color:#71e2c0;font:9px "Press Start 2P";letter-spacing:2px;text-align:left}.result-hero .result-icon{grid-area:badge;width:74px;height:74px;display:grid;place-items:center;font-size:42px;background:linear-gradient(145deg,#3a304e,#211a32);border:2px solid #d8ad4e;box-shadow:inset 0 0 22px #ffd45a16,5px 5px #100c1b}.result-hero h2{grid-area:heading;margin:4px 0;color:#fff6d8;font-size:clamp(27px,6vw,38px);line-height:1.05;text-align:left;text-shadow:3px 3px #6a3548}.star-rating{grid-area:stars;display:flex;justify-content:center;gap:12px;height:50px;margin-top:7px}.star-rating i{position:relative;color:#51465f;font-style:normal;font-size:39px;line-height:1;filter:drop-shadow(3px 4px #100c1b);transform:scale(.72)}.star-rating i.earned{animation:star-award .62s cubic-bezier(.18,.9,.3,1.45) var(--star-delay) both}.star-rating i.earned:after{content:"✦";position:absolute;right:-11px;top:-9px;color:#fff3a9;font-size:16px;animation:star-spark .55s ease calc(var(--star-delay) + .18s) both}.result-details{position:relative;margin:0 0 14px;padding:11px 14px;background:#171323aa;border:1px solid #554967;text-align:left}.result-details:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#71e2c0,#ffd45a)}.result-details .mode-result{display:block;margin:0 0 5px;color:#71e2c0;font-size:13px;letter-spacing:.5px}.result-details .title{display:block;margin:0 0 4px;color:#ffd45a;font-size:20px}.result-details>p:not(.mode-result){margin:0;color:#d3c8d7;font-size:14px;line-height:1.35}.result-modal .share-actions,.result-modal .result-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}.result-modal .share-actions{margin-bottom:8px}.result-modal .share-actions button,.result-modal .result-nav button{min-width:0;min-height:45px;margin:0;padding:8px 7px;font-size:14px;border-color:#6d607d;background:linear-gradient(#3a304d,#2c243e);box-shadow:0 4px #100c1b;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.result-modal .share-actions .primary,.result-modal .result-nav .primary{background:linear-gradient(#e05e5e,#c94750);border-color:#ff9587;box-shadow:0 4px #702c42}.result-modal button:hover{transform:translateY(-2px);border-color:#ffd45a}.result-modal .result-nav button:nth-last-child(2):first-child{grid-column:1}.result-modal .result-nav button:last-child{grid-column:3}.result-success .result-hero .result-icon{animation:badge-glow 1.8s ease-in-out infinite alternate}.result-fail,.result-fail .result-hero .result-icon{border-color:#a5687a}.result-fail .star-rating i.earned{--star-color:#ff9d68}@keyframes report-arrive{0%{opacity:0;filter:blur(5px) brightness(.72)}to{opacity:1;filter:none}}@keyframes star-award{0%{color:#51465f;transform:scale(.55) rotate(-28deg)}55%{color:#fff2a0;transform:scale(1.34) rotate(8deg);text-shadow:0 0 22px #ffd45a}to{color:var(--star-color,#ffd45a);transform:scale(1);text-shadow:0 0 9px #ffd45aaa}}@keyframes star-spark{0%{opacity:0;transform:scale(0) rotate(0)}45%{opacity:1;transform:scale(1.4) rotate(45deg)}to{opacity:0;transform:scale(.4) rotate(90deg)}}@keyframes badge-glow{to{box-shadow:inset 0 0 28px #ffd45a2e,0 0 18px #ffd45a45,5px 5px #100c1b}}.game-page .page-rotated .result-modal{width:560px;height:auto;max-width:none;max-height:none;padding:24px;display:block;overflow:hidden;transform:translate(-50%,-50%) scale(.9);transform-origin:center}.game-page .page-rotated .result-modal .result-hero{width:auto;margin:0 auto 12px}.game-page .page-rotated .result-modal .result-details{margin:0 0 14px}.game-page .page-rotated .result-modal .share-actions{margin-bottom:8px}@media (max-width:430px){.game-page .page-rotated .result-modal{transform:translate(-50%,-50%) scale(.84)}}@media (max-width:375px){.game-page .page-rotated .result-modal{transform:translate(-50%,-50%) scale(.76)}}@media (max-width:340px){.game-page .page-rotated .result-modal{transform:translate(-50%,-50%) scale(.68)}}@media (max-width:520px) and (orientation:portrait){.result-modal:not(.page-rotated *){width:min(90vw,430px);padding:20px 17px}.result-hero .result-icon{width:64px;height:64px;font-size:36px}.result-hero h2{font-size:29px}.result-modal .share-actions,.result-modal .result-nav{gap:6px}.result-modal .share-actions button,.result-modal .result-nav button{font-size:13px;padding:7px 4px}}@media (prefers-reduced-motion:reduce){.result-modal,.star-rating i.earned,.star-rating i.earned:after,.result-success .result-hero .result-icon{animation-duration:.01ms!important;animation-delay:0ms!important}}.leaderboard-modal{width:min(94vw,620px);height:min(calc(var(--app-height) - 20px),760px);padding:24px;display:flex;flex-direction:column;text-align:left;background:linear-gradient(145deg,#2d2542,#191526);border-color:#e6b951}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 22px 14px 0;border-bottom:1px solid #594b69}.leaderboard-heading small{color:#71e2c0;font:9px "Press Start 2P";letter-spacing:2px}.leaderboard-heading h2{margin:5px 0 0;font-size:32px}.leaderboard-heading>b{min-width:112px;text-align:center;color:#cfc3d3}.leaderboard-heading>b span{display:block;color:#ffd45a;font:28px "Press Start 2P"}.leaderboard-filters{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin:12px 0}.leaderboard-filters select,.nickname-box input{min-width:0;padding:10px;color:#fff6d8;background:#171323;border:2px solid #625472;font:inherit}.leaderboard-filters button{padding:8px 13px}.leaderboard-filters button.active{color:#171323;background:#71e2c0;border-color:#b8ffe9;box-shadow:0 4px #276053}.nickname-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#171323;border-left:4px solid #ffd45a}.nickname-box p{grid-column:1/-1;margin:0;color:#d3c8d7}.rank-list{flex:1;min-height:0;overflow:auto;background:#141020;border:1px solid #4f435e}.rank-list>div{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;min-height:51px;padding:8px 12px;border-bottom:1px solid #332a42}.rank-list>div.mine{background:#71e2c018;box-shadow:inset 4px 0 #71e2c0}.rank-list>div>b{color:#ffd45a;text-align:center}.rank-list>div>strong{font-size:18px}.rank-list>div>span{color:#71e2c0}.rank-list>p{text-align:center;color:#aaa0b7;margin:40px 10px}.leaderboard-you{text-align:right;margin:10px 0 0;color:#aaa0b7}.leaderboard-you b{color:#71e2c0}@media (max-width:520px){.leaderboard-modal{padding:16px 12px}.leaderboard-heading h2{font-size:26px}.leaderboard-heading>b{min-width:88px;font-size:12px}.leaderboard-heading>b span{font-size:21px}.leaderboard-filters{grid-template-columns:1fr 1fr}.leaderboard-filters select{grid-column:1/-1}.nickname-box{grid-template-columns:1fr}.nickname-box p{grid-column:auto}.rank-list>div{grid-template-columns:38px 1fr auto;padding:7px}.rank-list>div>strong{font-size:16px}.rank-list>div>span{font-size:13px}}.story-prompt{z-index:60;width:min(90vw,480px);border-color:#ffd45a;text-align:center}.story-prompt>small{color:#71e2c0;letter-spacing:3px}.story-prompt h2{font-size:34px;margin:12px 0}.story-prompt button{margin:6px}.story-cinematic{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;background:#100d1c;display:grid;place-items:center;overflow:hidden}.story-cinematic #story-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.story-cinematic #story-canvas canvas{width:100%!important;height:100%!important;object-fit:cover;image-rendering:pixelated}.story-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,#090711cc 100%);box-shadow:inset 0 0 0 6px #ffd45a22}.story-subtitle{position:absolute;left:50%;bottom:8%;width:min(88vw,760px);transform:translate(-50%);padding:15px 22px;text-align:center;background:#100d1ee8;border:3px solid #fff1bf;box-shadow:7px 7px #080611}.story-subtitle small{color:#71e2c0;font:10px "Press Start 2P",monospace;letter-spacing:2px}.story-subtitle p{margin:9px 0 0;color:#fff1bf;font-size:22px}.story-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#342941}.story-progress i{display:block;height:100%;background:#71e2c0;transition:width .1s linear}.story-skip{position:absolute;right:18px;top:18px;background:#100d1ecc}.story-landscape{position:absolute;z-index:3;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));background:#100d1ecc}.story-cinematic.story-rotated{inset:auto;left:50%;top:50%;width:var(--app-height);height:var(--app-width);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.story-cinematic.story-rotated .story-subtitle{width:min(82%,760px);bottom:max(5%,env(safe-area-inset-bottom))}.story-cinematic.story-rotated .story-landscape{left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}.story-cinematic.story-rotated .story-skip{right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}.dialogue-layer{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 48%,#09071166)}.dialogue-panel{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,760px);height:142px;pointer-events:none}.dialogue-box{pointer-events:auto;display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;width:100%;height:100%;padding:14px;text-align:left;color:#fff1bf;background:#151124f2;border:4px solid #ffd45a;box-shadow:8px 8px #080611;overflow:hidden}.portrait{display:grid;place-items:center;font-size:52px;background:#2b2340;border:3px solid #71e2c0;image-rendering:pixelated}.expression-alert{filter:saturate(1.4)}.expression-thinking{transform:rotate(-2deg)}.expression-brave{box-shadow:inset 0 0 18px #ffd45a66}.expression-surprised{animation:portrait-hop .6s infinite alternate}.expression-happy{filter:brightness(1.2)}.dialogue-copy{display:flex;min-width:0;min-height:0;flex-direction:column}.dialogue-copy>b{flex:0 0 auto;color:#71e2c0;font-size:18px}.dialogue-copy>span{flex:1;min-height:0;margin-top:7px;font-size:20px;line-height:1.35;overflow-wrap:anywhere;overflow:hidden}.dialogue-copy>span i{color:#ffd45a;animation:dialogue-cursor .5s steps(1) infinite}.dialogue-copy>small{flex:0 0 auto;align-self:flex-end;color:#aaa0b7}.dialogue-skip{pointer-events:auto;position:absolute;z-index:2;right:10px;top:8px;padding:6px 10px;background:#151124;border-color:#6a5a77;box-shadow:3px 3px #080611}.play:has(~.dialogue-layer) .hud,.play:has(~.dialogue-layer) .tool-belt,.play:has(~.dialogue-layer) .game-tip{visibility:hidden}@keyframes dialogue-cursor{50%{opacity:0}}@keyframes portrait-hop{to{transform:translateY(-5px)}}@media (max-width:600px){.story-subtitle{bottom:6%;padding:10px 12px}.story-subtitle p{font-size:16px}.story-skip{top:max(8px,env(safe-area-inset-top));right:8px}.dialogue-panel{bottom:max(12px,env(safe-area-inset-bottom));width:min(94vw,760px);height:116px}.dialogue-box{grid-template-columns:64px minmax(0,1fr);padding:9px;gap:9px}.portrait{font-size:36px}.dialogue-copy>b{font-size:15px}.dialogue-copy>span{padding-right:54px;font-size:16px;line-height:1.25}.dialogue-copy>small{font-size:11px}.dialogue-skip{right:7px;top:6px;padding:4px 7px;font-size:11px}.page-rotated .dialogue-panel{width:min(88vw,760px);bottom:max(8px,env(safe-area-inset-bottom));height:108px}}.character-frame,.character-portrait{display:inline-block;background-repeat:no-repeat;image-rendering:pixelated}.home-character{position:absolute;z-index:0;right:max(3vw,20px);bottom:7%;width:clamp(150px,25vw,270px);aspect-ratio:328/299;filter:drop-shadow(12px 16px 0 #08061188);animation:character-breathe 1.8s steps(2) infinite}.character-portrait{width:100%;height:100%;background-color:#2b2340;animation:character-talk .56s steps(2) infinite;filter:none!important;transform:none!important}.dialogue-box .portrait{overflow:hidden;padding:0}.result-icon .character-frame{width:68px;height:68px}@keyframes character-breathe{50%{transform:translateY(-6px)}}@keyframes character-talk{50%{transform:translateY(-2px)}}@media (max-width:600px){.home-character{width:112px;right:5px;bottom:5%}}.home-character{pointer-events:none}.character-frame{position:relative}.wear-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.wardrobe{max-width:1000px}.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.wardrobe-heading h2{margin:4px 0}.wardrobe-heading .eyebrow{margin:10px 0}.star-wallet{min-width:145px;padding:16px;color:#ffd45a;background:#211b31;border:2px solid #d2a956;text-align:center;font:24px "Press Start 2P"}.star-wallet small{display:block;margin-top:8px;color:#aaa0b7;font:13px inherit}.wardrobe-tabs{display:none}.wardrobe-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:24px}.look-preview{position:relative;min-height:340px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(circle,#4a3b61,#211a32 65%);border:3px solid #6f6080}.look-preview.unlocking{animation:wardrobe-unlock 1.1s ease both}.unlock-sparks{position:absolute;z-index:5;top:12%;right:12%;bottom:12%;left:12%;display:flex;align-items:center;justify-content:space-around;color:#fff19a;font-size:28px;pointer-events:none;animation:unlock-sparks 1.1s ease both}.look-preview .character-frame{width:230px;aspect-ratio:328/299}.look-preview strong{font-size:25px;color:#ffd45a}.look-preview small{color:#71e2c0}.look-options{padding:4px 18px 18px;background:#1b1729;border:2px solid #4b405d}.look-options h3{margin:18px 0 9px;color:#fff1bf}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatches button{width:42px;height:42px;padding:0;border-radius:50%;background:var(--swatch);box-shadow:0 3px #0d0a15}.swatches button.selected{outline:3px solid #ffd45a;outline-offset:3px}.accessory-shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.accessory-shop button{display:flex;min-height:112px;align-items:center;flex-direction:column;gap:5px;padding:10px 5px}.accessory-shop button.equipped{border-color:#71e2c0;background:#23463f}.accessory-shop i{font-size:30px;font-style:normal}.accessory-shop strong{font-size:14px}.accessory-shop small{color:#ffd45a;font-size:11px}.purchase-confirm{z-index:100;min-width:min(88vw,370px)}.purchase-confirm .purchase-icon{font-size:58px}.purchase-confirm h2{margin:8px 0}.purchase-confirm p b{color:#ffd45a}.purchase-confirm>small{display:block;color:#aaa0b7;margin-bottom:14px}@keyframes wardrobe-unlock{0%{filter:brightness(1)}35%{filter:brightness(1.8);border-color:#fff19a;box-shadow:0 0 42px #ffd45aaa}to{filter:brightness(1)}}@keyframes unlock-sparks{0%{opacity:0;transform:scale(.4) rotate(-10deg)}35%{opacity:1;transform:scale(1.15) rotate(5deg)}to{opacity:0;transform:scale(1.4) translateY(-25px)}}@media (max-width:700px){.wardrobe{margin-top:18px;padding:14px}.wardrobe-heading{align-items:flex-start}.wardrobe-heading p:not(.eyebrow){display:none}.star-wallet{min-width:105px;padding:12px 8px;font-size:18px}.wardrobe-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.wardrobe-tabs button{box-shadow:none}.wardrobe-tabs button.active{color:#171323;background:#71e2c0;border-color:#b8ffe9}.wardrobe-layout{grid-template-columns:1fr;margin-top:10px;gap:10px}.look-preview{min-height:190px}.look-preview .character-frame{width:135px}.look-preview strong{font-size:20px}.look-options{padding:2px 12px 14px}.wardrobe-page{display:none}.wardrobe-page.active{display:block}.accessory-shop{grid-template-columns:repeat(2,1fr)}.accessory-shop button{min-height:96px}.purchase-confirm .row{display:grid;grid-template-columns:1fr 1fr}}.story-landscape span{display:inline!important}.preview-badge{position:fixed;z-index:110;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));padding:5px 9px;color:#b8eadb;background:#151124cc;border:1px solid #71e2c088;font-size:12px;letter-spacing:1px;pointer-events:none}@media (max-width:600px){.story-landscape{left:8px;top:max(8px,env(safe-area-inset-top));padding:8px 10px}.story-cinematic.story-rotated .story-subtitle{padding:8px 12px}.story-cinematic.story-rotated .story-subtitle p{font-size:15px}}.colors-page h3:nth-of-type(2),.colors-page h3:nth-of-type(2)+.swatches{display:none}.wardrobe{display:none}.wardrobe-v2{max-width:1000px}.wardrobe-v2 .look-options{display:flex;align-items:center}.wardrobe-v2 .outfit-shop{width:100%}.wardrobe-v2 .wardrobe-tabs-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 18px}.wardrobe-v2 .wardrobe-tabs-v2 button{box-shadow:none}.wardrobe-v2 .wardrobe-tabs-v2 button.active{color:#171323;background:#71e2c0;border-color:#b8ffe9}@media (max-width:700px){.wardrobe-v2{margin-top:18px;padding:14px}.wardrobe-v2 .wardrobe-heading{align-items:flex-start}.wardrobe-v2 .wardrobe-heading p:not(.eyebrow){display:none}.wardrobe-v2 .wardrobe-layout{grid-template-columns:1fr;margin-top:10px;gap:10px}.wardrobe-v2 .look-preview{min-height:190px}.wardrobe-v2 .look-preview .character-frame{width:135px}.wardrobe-v2 .look-options{padding:2px 12px 14px}.wardrobe-v2 .accessory-shop{grid-template-columns:repeat(2,1fr)}}.hero .home-character{display:none}.outfit-shop,.wear-shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.outfit-card,.wear-card{display:flex;min-width:0;align-items:center;flex-direction:column;gap:7px;padding:12px;background:#2d2741;border:2px solid #655774;cursor:pointer;transition:transform .16s,border-color .16s}.outfit-card:hover,.wear-card:hover{transform:translateY(-3px);border-color:#ffd45a}.outfit-card>strong,.wear-card>strong{color:#fff1bf}.outfit-card>small,.wear-card>small{color:#ffd45a}.outfit-card>button,.wear-card>button{width:100%;margin-top:auto;padding:7px}.outfit-figure{width:115px;height:105px}.outfit-figure .character-frame{width:100%;height:100%}.wear-thumbnail{display:block;width:112px;height:92px;background-repeat:no-repeat;image-rendering:pixelated}.wear-card.equipped{border-color:#71e2c0;background:#23463f}.purchase-real-preview{height:100px;display:grid;place-items:center}.purchase-real-preview .wear-thumbnail{width:130px;height:100px}.purchase-real-preview .character-frame{width:120px;height:110px}@media (max-width:700px){.outfit-shop,.wear-shop{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-card,.wear-card{padding:8px}.outfit-figure{width:95px;height:88px}.wear-thumbnail{width:96px;height:78px}}.wardrobe-v2{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(20px,env(safe-area-inset-bottom))}.wardrobe-v2>button:first-child{position:sticky;z-index:12;top:0;align-self:flex-start;background:#302944;box-shadow:0 4px #100d1c,0 0 18px #100e1d}@media (max-width:700px){.wardrobe-v2{margin:0;padding:max(8px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom));height:calc(var(--app-height) - 58px)}.wardrobe-v2>button:first-child{min-height:42px;padding:8px 12px}.wardrobe-v2 .wardrobe-heading{gap:8px}.wardrobe-v2 .wardrobe-heading h2{font-size:clamp(24px,8vw,34px)}.wardrobe-v2 .wardrobe-heading .eyebrow{font-size:7px;margin:7px 0}.wardrobe-v2 .star-wallet{min-width:88px;padding:9px 5px;font-size:15px}.wardrobe-v2 .star-wallet small{font-size:10px}.wardrobe-v2 .look-preview{min-height:clamp(150px,27vh,190px)}.wardrobe-v2 .look-preview .character-frame{width:clamp(105px,34vw,135px)}.wardrobe-v2 .outfit-card{gap:4px;padding:7px}.wardrobe-v2 .outfit-figure{width:clamp(78px,27vw,95px);height:clamp(72px,25vw,88px)}}@media (orientation:landscape) and (max-height:500px){.wardrobe-v2{height:calc(var(--app-height) - 42px);display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto 1fr;gap:7px 12px;padding:5px 10px}.wardrobe-v2>button:first-child{grid-column:1;grid-row:1;position:sticky;top:0}.wardrobe-v2 .wardrobe-heading{grid-column:2;grid-row:1}.wardrobe-v2 .wardrobe-heading h2{font-size:22px}.wardrobe-v2 .wardrobe-heading .eyebrow,.wardrobe-v2 .wardrobe-heading p{display:none}.wardrobe-v2 .star-wallet{padding:5px;font-size:13px}.wardrobe-v2 .star-wallet small{display:none}.wardrobe-v2 .wardrobe-layout{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:180px minmax(0,1fr);min-height:0;margin:0;gap:8px}.wardrobe-v2 .look-preview{min-height:0}.wardrobe-v2 .look-preview .character-frame{width:90px}.wardrobe-v2 .look-preview strong{font-size:15px}.wardrobe-v2 .look-preview button{padding:5px 8px}.wardrobe-v2 .look-options{min-height:0;padding:5px;overflow-y:auto}.wardrobe-v2 .outfit-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.wardrobe-v2 .outfit-figure{width:66px;height:60px}.wardrobe-v2 .outfit-card{font-size:12px}.wardrobe-v2 .outfit-card>button{min-height:35px;padding:4px}}