@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700;900&display=swap";:root{color:#12395f;font-family:Noto Sans KR,sans-serif}.app-screen{background:#132438;height:100%;min-height:100%}.app-screen .mobile-scroll-content{height:100%;min-height:100%}.game-shell{background:#f9e4d0;height:100%;min-height:100%;position:relative;overflow:hidden}.desk{background:url(/assets/game/desk-clean.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.motion-overlay{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.resource-bar{z-index:4;grid-template-columns:1.05fr 1.15fr 1.2fr;gap:8px;display:grid;position:absolute;top:10px;left:12px;right:12px}.resource{color:#fff;background:#455e79ed;border:2px solid #244c70;border-radius:12px;justify-content:space-between;align-items:center;height:37px;padding:0 8px;display:flex;box-shadow:0 3px #173958}.resource:before{content:"";background:url(/assets/game/concept2-small.png) 0 0/390px 693px no-repeat;flex:0 0 24px;height:24px}.resource:first-child:before{background-position:-16px -12px}.resource:nth-child(2):before{background-position:-133px -13px}.resource:nth-child(3):before{background-position:-264px -13px}.resource span{opacity:.82;font-size:9px}.resource b{font-variant-numeric:tabular-nums;font-size:14px}.resource.capacity{font:inherit}.work-track{z-index:4;background:#637288;border-radius:5px;height:5px;position:absolute;top:53px;left:108px;right:108px}.work-track i{border-radius:inherit;background:#f45f9d;height:100%;display:block}.work-track span{text-align:center;color:#fff;text-shadow:0 1px #12395f;width:100%;font-size:10px;font-weight:900;position:absolute;top:5px}.utility{z-index:4;gap:4px;display:flex;position:absolute;top:64px;right:10px}.utility button{color:#173c62;background:#edf4fa;border:2px solid #21496d;border-radius:10px;place-items:center;width:42px;height:43px;padding:3px;font-size:9px;font-weight:800;display:grid;box-shadow:0 3px #234666}.utility svg{width:19px;height:19px}.mission-glyph{font-size:18px}.mission-card{z-index:3;color:#fff;background:#2d445dde;border-radius:11px;flex-direction:column;gap:3px;width:174px;min-height:53px;padding:9px 11px;display:flex;position:absolute;top:108px;left:12px;box-shadow:0 3px #162b4266}.mission-card b{font-size:12px}.mission-card span{opacity:.9;font-size:10px}.board{z-index:2;overscroll-behavior:contain;height:175px;position:absolute;top:286px;left:31px;right:31px;overflow:auto}.grid{grid-template-columns:repeat(5,1fr);gap:2px;min-height:100%;padding:2px;display:grid}.slot{touch-action:none;background:0 0;border:0;place-items:center;min-width:0;min-height:54px;padding:0;display:grid;position:relative}.switch-mark{color:#646675;background:#858796;border-radius:7px;place-items:center;width:36px;height:36px;font-size:23px;font-weight:900;display:grid;box-shadow:inset 0 -3px #666978,0 2px #555b6a}.key-sprite{background-image:url(/assets/game/concept2-small.png);background-repeat:no-repeat;background-size:390px 693px;border-radius:8px;width:54px;height:54px;display:block}.key-sprite[data-source=large]{background-image:url(/assets/game/concept2-large.png)}.slot small{color:#fff;background:#173c62;border-radius:6px;padding:1px 3px;font-size:8px;font-weight:900;position:absolute;bottom:1px;right:1px}.key-art-pending{background:#8d949e;border-radius:12px 12px 8px 8px;width:43px;height:39px;display:block;box-shadow:inset 0 -4px #737b87}.action-effect{z-index:6;color:#f14f94;white-space:nowrap;pointer-events:none;background:#fff9f0;border-radius:12px;padding:6px 10px;font-size:13px;font-weight:900;animation:.65s ease-out both reward-pop;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #173c62}.board.summon .grid{animation:.4s ease-out summon-land}.board.merge .grid{animation:.55s ease-out merge-flash}.bottom-dock{z-index:8;grid-template-columns:.85fr 1fr .9fr .9fr 1.25fr;gap:2px;height:65px;display:grid;position:absolute;bottom:8px;left:4px;right:4px}.bottom-dock button{color:#173c62;background:#edf7ff;border:2px solid #17466f;border-radius:10px;place-items:center;padding:3px;font:800 9px Noto Sans KR;display:grid;box-shadow:0 3px #143956}.bottom-dock button:before{content:"";background:url(/assets/game/concept2-small.png) 0 0/390px 693px no-repeat;width:31px;height:31px;display:block}.bottom-dock button:first-child:before{background-position:-21px -620px}.bottom-dock button:nth-child(2):before{background-position:-92px -620px}.bottom-dock button:nth-child(3):before{background-position:-168px -620px}.bottom-dock button:nth-child(4):before{background-position:-240px -620px}.bottom-dock button:nth-child(5):before{background-position:-311px -626px}.bottom-dock button.active{background:#ffdce8}.bottom-dock .summon{background:#fffdf6;grid-template-columns:34px 1fr}.bottom-dock .summon:before{grid-row:1/3}.bottom-dock .summon b,.bottom-dock .summon small{display:block}.bottom-dock .summon small{font-size:7px}.bottom-dock button:disabled{filter:grayscale(.7);opacity:.65}.toast{z-index:30;color:#fff;background:#173c62;border:0;border-radius:12px;width:max-content;max-width:88%;padding:9px 14px;font:700 11px Noto Sans KR;position:absolute;bottom:82px;left:50%;transform:translate(-50%)}.panel{z-index:3;background:#fff9f0fa;border:2px solid #344f70;border-radius:26px 26px 13px 13px;position:absolute;inset:65px 8px 77px;overflow:hidden;box-shadow:0 4px #1e314a59}.panel>header{border-bottom:1px solid #ddd2cc;grid-template-columns:44px 1fr 44px;align-items:center;height:54px;display:grid}.panel>header button{color:#173c62;background:0 0;border:0;font-size:32px}.panel h1{text-align:center;font-size:21px}.panel-scroll{height:calc(100% - 54px);padding:8px;overflow:auto}.list-row{background:#fffdfa;border:1px solid #ded6d1;border-radius:13px;align-items:center;gap:8px;min-height:68px;margin-bottom:7px;padding:8px;display:flex}.list-row .key-sprite{flex:0 0 54px}.list-row>div{flex-direction:column;flex:1;display:flex}.list-row b{font-size:13px}.list-row small{color:#536b85;font-size:10px}.list-row>button,.feature-card button{color:#12395f;background:#66b9f1;border:2px solid #1f5c8d;border-radius:10px;min-width:86px;min-height:42px;padding:6px;font-weight:900}.feature-card,.disabled-card{background:#fffdfa;border:1px solid #ddd2cc;border-radius:15px;margin-bottom:10px;padding:18px}.feature-card b,.disabled-card b{font-size:18px}.feature-card p{font-size:13px}.feature-card span,.disabled-card span{color:#64768a;font-size:11px}.disabled-card{opacity:.65;justify-content:space-between;display:flex}.modal-backdrop{z-index:40;background:#142d4c91;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.collection-modal,.auth-modal{background:#fff9f0;border:3px solid #234768;border-radius:21px;width:100%;max-height:86%;position:relative;overflow:hidden;box-shadow:0 5px #13314c73}.collection-modal header{justify-content:space-between;align-items:center;padding:13px 14px 0;display:flex}.collection-modal h1,.auth-modal h1{margin:0;font-size:24px}.collection-modal header button,.close{color:#fff;background:#f45f9d;border:2px solid #a52f64;border-radius:10px;width:34px;height:34px}.collection-modal>p{margin:4px 14px 8px;font-size:11px}.collection-grid{grid-template-columns:repeat(4,1fr);gap:5px;max-height:465px;padding:0 10px 15px;display:grid;overflow:auto}.collection-grid article{background:#fff;border:1px solid #ddd7d3;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:91px;padding:3px;display:flex}.collection-grid .key-sprite{margin:-5px;transform:scale(.8)}.collection-grid b{text-align:center;font-size:8px}.silhouette{background:#8d949e;border-radius:9px 9px 6px 6px;width:39px;height:34px}.locked{filter:grayscale();color:#5e6874}.auth-modal{padding:22px}.auth-modal .close{position:absolute;top:10px;right:10px}.auth-modal>p{color:#536b85;font-size:12px}.tabs{grid-template-columns:1fr 1fr;margin:14px 0;display:grid}.tabs button{color:#617185;background:0 0;border:0;border-bottom:2px solid #d8d8de;height:38px;font-weight:800}.tabs button.active{color:#173c62;border-color:#f45f9d}.auth-modal form{gap:10px;display:grid}.auth-modal label{gap:4px;font-size:11px;font-weight:800;display:grid}.auth-modal input{border:1px solid #9daabd;border-radius:10px;height:42px;padding:0 12px;font:500 14px inherit}.primary{color:#12395f;background:#66b9f1;border:2px solid #1e5b8e;border-radius:11px;min-height:44px;font-weight:900}.logout{color:#a23c55;background:#fff;border:1px solid #c7a9af;border-radius:10px;width:100%;min-height:40px;margin-top:8px;font-weight:800}.form-error{color:#b62e4d;margin:0;font-size:11px}.social{gap:6px;margin-top:13px;display:grid}.social button{color:#777;background:#eee;border:1px solid #c7c7ca;border-radius:10px;height:39px}.setting-row{color:#173c62;background:#fffdfa;border:1px solid #ddd2cc;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 14px;display:flex}.loading-screen{background:url(/assets/game/desk-clean.png) 50%/cover;place-content:center;place-items:center;gap:16px;height:100%;display:grid}.loading-screen strong{text-align:center;background:#fff9f0;border-radius:12px;max-width:280px;padding:8px 13px}.loading-screen button{color:#12395f;background:#66b9f1;border:0;border-radius:10px;padding:9px 14px;font-weight:900}.loader-mark{background:url(/assets/game/concept2-small.png) -32px -288px/390px 693px no-repeat;border-radius:10px;width:58px;height:58px;animation:.8s infinite alternate bob}.ad button:disabled{background:#dce5eb}.panel-scroll::-webkit-scrollbar{width:0}.board::-webkit-scrollbar{width:0}.collection-grid::-webkit-scrollbar{width:0}@keyframes bob{to{transform:translateY(-7px)}}@keyframes reward-pop{0%{opacity:0;transform:translate(-50%,15px)scale(.7)}35%{opacity:1;transform:translate(-50%,-8px)scale(1.08)}to{opacity:0;transform:translate(-50%,-36px)scale(1)}}@keyframes summon-land{0%{opacity:.72;transform:translateY(-12px)}70%{transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes merge-flash{45%{filter:brightness(1.35);transform:scale(.97)}to{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.resource-bar{top:max(52px,env(safe-area-inset-top))}.work-track{top:98px}.utility{top:111px}.mission-card{top:159px}.board{height:24.8%;top:41.6%;left:8.3%;right:9.8%}.bottom-dock{bottom:max(34px,env(safe-area-inset-bottom));height:9.2%;min-height:70px}.toast{bottom:130px}.panel{inset:106px 8px 126px}.switch-mark{color:#0000;width:54px;height:54px;box-shadow:none;background:url(/assets/game/concept2-small.png) -99px -288px/390px 693px no-repeat;border-radius:8px}.collection-grid .locked .key-sprite{filter:grayscale()brightness(.55);opacity:.7}.panel.items{top:29%;bottom:126px}.item-sprite{background-image:url(/assets/game/items.png);background-repeat:no-repeat;background-size:390px 693px;border-radius:10px;flex:0 0 52px;width:52px;height:52px;display:block}.resource-bar>*{min-width:0}.resource{gap:3px;overflow:hidden}.resource span{white-space:nowrap;min-width:0}.resource b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.utility button{grid-template-rows:24px 12px;align-content:center;justify-items:center;min-width:0;overflow:hidden}.utility button>span:last-child{white-space:nowrap;text-align:center;line-height:12px}.source-utility{background:url(/assets/game/concept2-small.png) 0 0/390px 693px no-repeat;width:25px;height:25px;display:block}.source-utility.collection-icon{background-position:-193px -59px}.source-utility.mission-icon{background-position:-237px -59px}.source-utility.settings-icon{background-position:-351px -59px}.bottom-dock>*{min-width:0;overflow:hidden}.bottom-dock button{text-align:center;grid-template-rows:38px 17px;align-content:center;justify-items:center;font-size:11px;line-height:14px}.bottom-dock button:before{width:36px;height:36px}.bottom-dock button>span{white-space:nowrap;text-overflow:clip;max-width:100%;overflow:hidden}.bottom-dock .summon{grid-template-rows:1fr 1fr;grid-template-columns:38px minmax(0,1fr);column-gap:1px;padding-inline:2px}.bottom-dock .summon:before{background-position:-309px -626px;align-self:center;width:28px;height:32px}.bottom-dock .summon b{white-space:normal;word-break:keep-all;align-self:end;min-width:0;font-size:10px;line-height:13px}.bottom-dock .summon small{white-space:nowrap;align-self:start;min-width:0;font-size:8px;line-height:11px}.list-row{min-width:0;overflow:hidden}.list-row>div{min-width:0}.list-row b,.list-row small{overflow-wrap:anywhere;max-width:100%}.list-row>button{white-space:normal;text-align:center;flex:none;max-width:40%;line-height:16px}.auth-modal button,.auth-modal input{min-width:0;max-width:100%}.auth-modal button{text-align:center;white-space:normal;line-height:18px}.tabs>*{min-width:0}.social>*{text-overflow:ellipsis;overflow:hidden}@media (width<=350px){.resource{padding-inline:4px}.resource:before{display:none}.resource b{font-size:12px}.utility button{width:39px}.bottom-dock{gap:1px;left:2px;right:2px}.bottom-dock button{font-size:10px}.bottom-dock .summon{grid-template-columns:31px minmax(0,1fr)}.bottom-dock .summon:before{width:26px}.bottom-dock .summon b{font-size:9px}.bottom-dock .summon small{font-size:7px}.list-row{gap:5px;padding:6px}.list-row>button{min-width:76px;font-size:11px}.item-sprite{flex-basis:44px;width:44px;height:44px}.panel.items{top:27%}}.modal-header{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;min-height:36px;padding:0;display:grid!important}.modal-header.without-close{grid-template-columns:minmax(0,1fr)}.modal-header>h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:36px;overflow:hidden;margin:0!important;font-size:22px!important}.modal-header>.modal-close{color:#fff;background:#f45f9d;border:2px solid #a52f64;border-radius:10px;place-items:center;min-height:36px;padding:0;line-height:1;display:grid;position:static;width:36px!important;height:36px!important}.modal-close>svg{width:18px;height:18px}.collection-modal>.modal-header{min-height:50px;padding:14px 14px 0}@media (width<=350px){.modal-header>h1{line-height:36px;font-size:20px!important}.modal-header{gap:8px}}.page-stage{z-index:3;pointer-events:none;isolation:isolate;position:absolute;inset:0}.page-stage>nav,.page-stage>section{pointer-events:auto}.page-outgoing{z-index:2;animation:.42s cubic-bezier(.22,.75,.2,1) both page-leave;pointer-events:none!important}.page-outgoing *{pointer-events:none!important}.page-incoming{will-change:transform;animation:.42s cubic-bezier(.22,.75,.2,1) both page-enter}@keyframes page-enter{0%{transform:translateX(calc(var(--page-direction)*104%))}to{transform:translate(0)}}@keyframes page-leave{0%{opacity:1;transform:translate(0)}to{transform:translateX(calc(var(--page-direction)*-32%));opacity:0}}.board.summon .grid,.board.merge .grid{animation:none}.key-sprite.switch-key{isolation:isolate;border-radius:0;flex:0 0 50px;width:50px;height:52px;display:block;position:relative;overflow:visible;background:0 0!important}.switch-base{background:linear-gradient(135deg,#60667a,#343c51);border-radius:9px;position:absolute;inset:8px 2px 1px;box-shadow:0 2px 2px #24314d66,inset 0 1px #a4a6b8}.switch-stem{background:var(--switch-color);filter:brightness(.75);border-radius:3px;position:absolute;inset:14px 14px 5px}.keycap-top{background:linear-gradient(145deg,#ffffffb8,transparent 65%),var(--switch-color);box-shadow:inset 0 2px 1px #fff9,inset 0 -5px 0 #263a5338,0 5px 0 color-mix(in srgb,var(--switch-color),#243450 28%),0 7px 3px #18233666;border:1px solid #fff9;border-radius:11px 11px 9px 9px;place-items:center;transition:transform 75ms ease-out,box-shadow 75ms ease-out;display:grid;position:absolute;inset:0 1px 7px}.keycap-legend{z-index:1;color:#26374d;letter-spacing:.2px;text-shadow:0 1px #fffa;padding-bottom:3px;font-size:12px;font-weight:900;position:relative}.keycap-shine{pointer-events:none;background:linear-gradient(#ffffff70,#fff0);border-radius:7px;height:12px;position:absolute;inset:5px 5px auto}.slot:active .key-sprite{transform:none}.slot.is-pressed .keycap-top{box-shadow:inset 0 2px 1px #fff9,inset 0 -2px 0 #263a5338,0 1px 0 color-mix(in srgb,var(--switch-color),#243450 28%);transform:translateY(5px)}.slot:focus-visible{outline-offset:1px;border-radius:9px;outline:2px solid #ff72a7}.slot small{z-index:3;pointer-events:none}.shop-hint{color:#617087;margin:5px 5px 12px;font-size:11px;line-height:1.6}.switch-product{gap:10px;min-height:98px;padding:10px 8px}.switch-product>div{gap:3px}.switch-product b{font-size:12px;line-height:1.5}.switch-product.unavailable{background:#f6f1ed}.switch-product.unavailable>.switch-key{filter:saturate(.65)}.switch-product .purchase-reason{color:#92634e;font-size:10px;line-height:1.5}.list-row>button:disabled{color:#716c6d;cursor:not-allowed;opacity:1;background:#e1dedb;border-color:#b8b4b3}.switch-product>button small{color:inherit;font-size:10px;display:block}.sound-preview{color:#435d78;background:#fff;border:1px solid #bbc4cf;border-radius:7px;align-self:flex-start;min-height:28px;padding:2px 7px;font-size:10px;font-weight:700;line-height:20px}.sound-preview:active{background:#e7f1fc}@media (width<=350px){.switch-product{gap:6px}.switch-product .switch-key{zoom:.85}.switch-product>button{min-width:65px}.switch-product b{font-size:11px}}@media (prefers-reduced-motion:reduce){.page-incoming,.page-outgoing{animation:none}.keycap-top{transition:none}}.bottom-dock button:before{display:none}.bottom-dock button>svg{stroke:currentColor;stroke-width:.3px;color:#47729b;filter:drop-shadow(0 2px #fff);width:27px;height:27px}.bottom-dock .summon>svg{color:#75415b;background:#f3b8d3;border-radius:9px;grid-row:1/3;width:27px;height:27px;padding:4px}.audio-source{color:#76818d!important;font-size:9px!important}.key-sprite.switch-key{flex-basis:54px;width:54px;height:56px}.switch-key .switch-base{background:#4f5160;border-radius:8px;inset:14px 7px 4px;box-shadow:inset 0 2px 2px #2225,0 2px 2px #3334}.switch-key .original-key-art{width:54px;height:54px;box-shadow:none;filter:drop-shadow(0 2px 1px #2b2d433d);background:0 0;border:0;border-radius:0;transition:transform 75ms ease-out;display:block;position:absolute;inset:0;overflow:visible}.slot.is-pressed .original-key-art{box-shadow:none;transform:translateY(4px)}.original-icon{flex-shrink:0;width:28px;height:28px;display:block;overflow:visible}.utility .original-icon{width:24px;height:24px}.bottom-dock button>.original-icon{stroke:none;filter:none;width:34px;height:34px;color:inherit}.bottom-dock .summon>.original-icon{stroke:none;filter:none;background:0 0;border-radius:0;grid-row:1/3;width:29px;height:33px;padding:0}@media (prefers-reduced-motion:reduce){.switch-key .original-key-art{transition:none}}.board-stage{z-index:2;pointer-events:none;position:absolute;inset:0}.board-stage>section,.board-stage>nav{pointer-events:auto}.compact-housing{opacity:0;pointer-events:none;width:calc(100% - 20px);height:auto;transition:opacity .25s;position:absolute;top:110px;left:10px}.game-shell:not([data-page=game]) .compact-housing{opacity:1}.game-shell:not([data-page=game]) .mission-card{display:none}.game-shell:not([data-page=game]) .board{height:calc(min(100vw,480px)/2.04082 - 9.8px);top:126px;left:8.3%;right:9.8%}.board{transition:top .38s cubic-bezier(.22,.75,.2,1),height .38s cubic-bezier(.22,.75,.2,1)}.game-shell:not([data-page=game]) .panel{border-radius:22px 22px 12px 12px;top:calc(min(100vw,480px)/1.5873 + 97.4px);bottom:106px;box-shadow:0 -7px 22px #553c4222,0 4px #233f5c55}.page-incoming,.page-outgoing{animation:none}.page-incoming .panel{transform-origin:50% 100%;animation:.42s cubic-bezier(.18,.8,.2,1) both tray-rise}.page-outgoing .panel{animation:.25s both tray-leave}@keyframes tray-rise{0%{opacity:.5;transform:translateY(100%)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tray-leave{to{opacity:0;transform:translateY(30%)}}.panel>header{height:46px}.panel>header h1{font-size:19px}.panel-scroll{height:calc(100% - 46px)}.switch-product{min-height:100px}.switch-product .audio-source{display:none}@media (prefers-reduced-motion:reduce){.board,.compact-housing{transition:none}.page-incoming .panel,.page-outgoing .panel{animation:none}}.drag-keycap{z-index:10000;pointer-events:none;will-change:transform;filter:drop-shadow(0 7px 4px #26324755);position:fixed;top:0;left:0}.drag-keycap .original-key-art{width:100%;height:100%;box-shadow:none;background:0 0;border:0;transition:none;display:block;position:static;overflow:visible;transform:none}.slot[data-dragging]>.switch-key>.keycap-top,.slot[data-dragging]>small{opacity:0}.slot[data-merge-ready]{outline-offset:-1px;background:#fff7fc66;border-radius:10px;outline:3px solid #f398c0;box-shadow:0 0 12px #ff80b388}.slot[data-merge-ready] .keycap-top{filter:drop-shadow(0 0 4px #ff83b4)}.mission-card .passive-income{color:#ffe8ad;opacity:1;font-variant-numeric:tabular-nums;font-weight:900}.bgm-tracks{text-align:left;border:0;min-width:0;margin:18px 0 0;padding:0}.bgm-tracks legend{margin-bottom:9px;font-size:14px;font-weight:800}.bgm-tracks label{cursor:pointer;background:#fffafc;border:2px solid #ebd9e7;border-radius:12px;flex-direction:row;align-items:center;gap:10px;min-height:64px;margin:6px 0;padding:10px 12px;display:flex}.bgm-tracks label.selected{background:#fff0f8;border-color:#ab75a2}.bgm-tracks input{accent-color:#995d91;flex:none;width:18px;height:18px;margin:0}.bgm-tracks span{flex-direction:column;gap:3px;min-width:0;display:flex}.bgm-tracks b{font-size:14px;line-height:1.3}.bgm-tracks small{color:#785c76;font-size:12px;line-height:1.4}.settings-modal .bgm-status{color:#785c76;min-height:18px;margin:10px 0 0;font-size:12px}.settings-modal .sound-help{margin:6px 0 0;font-size:12px;line-height:1.5}.slot{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.slot:not([data-merge-ready]):hover,.slot:not([data-merge-ready]):active{background:0 0}.setting-row[role=switch]{cursor:pointer;min-height:52px}.toggle-track{background:#b7b4bf;border-radius:999px;flex:0 0 44px;width:44px;height:26px;padding:3px;transition:background .16s;display:block}.toggle-track i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;box-shadow:0 1px 3px #37253f40}.setting-row[aria-checked=true] .toggle-track{background:#cf79a6}.setting-row[aria-checked=true] .toggle-track i{transform:translate(18px)}.auth-modal .bgm-volume{color:#6c5267;gap:5px;margin:12px 0 0;font-size:12px;display:grid}.bgm-volume>span{justify-content:space-between;align-items:center;display:flex}.auth-modal .bgm-volume input{accent-color:#bf6d9a;cursor:pointer;border:0;width:100%;height:32px;padding:0}.bgm-volume small{font-size:10px;font-weight:500}.game-shell:not([data-layout=classic]) .desk:after{content:"";background:repeating-linear-gradient(0deg,#e8bd9220 0 2px,#0000 2px 34px),linear-gradient(#f4d6b7,#f1cba5 65%,#e9bc94);position:absolute;inset:25% 0 0;box-shadow:0 -22px 24px 8px #f4d6b7}.game-shell:not([data-layout=classic]) .compact-housing{display:none}.game-shell:not([data-layout=classic]) .board{scrollbar-width:thin;scrollbar-color:#cbb0b2 transparent;touch-action:pan-y;background:linear-gradient(145deg,#fff8ed,#f1e3d6);border:3px solid #ddc6b5;border-radius:23px;height:auto;padding:12px 7px 18px;inset:29% 16px 125px;box-shadow:inset 0 3px 1px #fff,0 8px #c8afa3,0 12px 10px #815c5730}.game-shell[data-layout=tower] .board{width:200px;left:calc(50% - 100px);right:auto}.shaped-grid{width:100%;min-height:0;padding:0;display:block;position:relative}.shaped-grid .slot{min-width:44px;min-height:44px;padding:3px;position:absolute}.shaped-grid .switch-mark{color:#a2959f;background:#cabfc2;width:78%;max-width:47px;height:78%;max-height:47px;box-shadow:inset 0 -3px #afa2aa,0 2px #aa9aa4}.shaped-grid .switch-key{max-width:calc(100% - 2px);max-height:calc(100% - 2px)}.game-shell:not([data-layout=classic]):not([data-page=game]) .board{height:180px;top:110px;bottom:auto}.game-shell:not([data-layout=classic]):not([data-page=game]) .panel{top:310px}.layout-shop-tabs{z-index:2;background:#fff9f0;gap:6px;padding:4px 0 10px;display:flex;position:sticky;top:-8px}.layout-shop-tabs button{color:#77566f;background:#f2e7ef;border:1px solid #d3bccd;border-radius:12px;flex:1;min-height:44px;font-size:13px;font-weight:800}.layout-shop-tabs button[aria-selected=true]{color:#65465f;background:#fff;border-color:#a16a94;box-shadow:0 2px #decbd8}.layout-product{background:#fffdf9;border:1px solid #e1d0d7;border-radius:17px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.layout-product.equipped{background:#fff5fa;border-color:#b48aa7}.layout-preview{background:#f9eddf;border:2px solid #e0cbbd;border-radius:12px;flex:0 0 88px;width:88px;padding:7px;box-shadow:0 4px #d5bcb2}.layout-preview>div{width:100%;position:relative}.layout-preview--tower{flex-basis:66px;width:66px;margin-inline:11px}.layout-preview i{padding:2px;display:block;position:absolute}.layout-preview i:after{content:"";background:#ecc2d6;border-radius:3px;width:100%;height:100%;display:block;box-shadow:inset 0 1px #fff9,inset 0 -2px #c596b1}.layout-preview i:nth-child(3n):after{background:#c9c3ed;box-shadow:inset 0 1px #fff9,inset 0 -2px #a397c9}.layout-product-info{flex:1;min-width:0}.layout-product-info h2{margin:0 0 5px;font-size:15px;line-height:1.3}.layout-product-info p{color:#7b6978;margin:0 0 4px;font-size:11px;line-height:1.5}.layout-product-info small{color:#956d87;font-size:10px;line-height:1.5;display:block}.layout-product-info button{color:#694962;background:#f0d5e5;border:1px solid #aa7a9c;border-radius:10px;width:100%;min-height:44px;margin-top:8px;padding:6px;font-size:12px;font-weight:800}.layout-product-info button:disabled{color:#978792;opacity:1;background:#eee8ec;border-color:#dbced8}@media (width<=350px){.layout-product{gap:9px;padding:9px}.game-shell:not([data-layout=classic]) .board{padding-inline:6px;left:12px;right:12px}.game-shell[data-layout=tower] .board{width:192px;left:calc(50% - 96px);right:auto}}.game-shell:not([data-layout=classic]) .board{padding-right:18px}.shaped-grid .slot:not(.occupied){touch-action:pan-y}@media (width<=350px){.game-shell:not([data-layout=classic]) .board{padding-right:18px}}.game-shell:not([data-layout=classic])[data-page=game] .board{height:auto;max-height:calc(71% - 125px);bottom:auto}.game-shell:not([data-layout=classic]) .desk:after{box-shadow:none;inset:36% 0 22%;-webkit-mask-image:linear-gradient(#0000,#000 4% 95%,#0000);mask-image:linear-gradient(#0000,#000 4% 95%,#0000)}.game-shell .page-stage{z-index:1000;pointer-events:auto;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px);background:#142d4c80;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.game-shell .page-stage.page-outgoing{pointer-events:none;z-index:999;background:0 0}.game-shell .page-stage .panel{border-radius:20px;flex-direction:column;width:100%;max-width:456px;height:100%;min-height:0;margin:0;display:flex;position:relative;box-shadow:0 12px 36px #172b4d55;inset:auto!important}.game-shell .page-stage .panel>header{flex:0 0 56px;grid-template-columns:44px minmax(0,1fr) 44px;height:56px;padding:0 8px}.game-shell .page-stage .panel>header button{border-radius:12px;width:44px;height:44px;line-height:1}.game-shell .page-stage .panel h1{margin:0;font-size:20px;line-height:1.2}.game-shell .page-stage .panel-scroll{overscroll-behavior:contain;flex:1;height:auto;min-height:0;padding:12px;overflow-y:auto}.game-shell:not([data-layout=classic]) .board{background:linear-gradient(135deg,#fff9ef 0%,#f3e5d7 48%,#e4cebd 100%);border:3px solid #a9958e;border-color:#fff9ee #a9958e #a9958e #f8e9da;box-shadow:inset 0 2px #fff,inset 0 0 0 3px #dac4b3,inset 0 -5px 8px #90776735,0 2px #bba498,0 8px #ab9285,0 10px #806b65,0 15px 12px -4px #62463865}.board .slot:before{content:"";pointer-events:none;background:linear-gradient(155deg,#706b79,#99919c 60%,#b4a9ae);border:1px solid #776c79;border-radius:9px;position:absolute;inset:12% 8% 7%;box-shadow:inset 0 4px 5px #302b4266,inset 3px 0 4px #51445144,inset 0 -2px 1px #ddd0cf,0 1px #fff9}.board .slot>.key-sprite,.board .slot>.switch-mark{z-index:1;position:relative}.board .slot small{z-index:2}.board .switch-mark{color:#736779;text-shadow:0 1px #eee3eb;background:linear-gradient(145deg,#cfc3cd,#a395a6);border:1px solid #837887;border-radius:6px;width:62%;max-width:38px;height:62%;min-height:28px;max-height:38px;font-size:21px;box-shadow:inset 0 1px 1px #eee2ec,inset 0 -3px 1px #87788e,0 3px 3px #342c4255}.board .switch-key .switch-base{background:linear-gradient(#4e485a,#292639);box-shadow:inset 0 2px 2px #18141e99,0 3px 2px #30233488}.board .switch-key .original-key-art{filter:drop-shadow(0 4px 2px #3d2b4359)}.board .slot.is-pressed .original-key-art{filter:drop-shadow(0 1px 1px #3d2b4344)}.layout-preview{background:linear-gradient(135deg,#fff9ef,#e2cbbb);border-color:#fff8ee #c1a999 #c1a999;box-shadow:inset 0 0 0 2px #ecdbcb,0 3px #ad9184,0 5px 4px #62463844}.board .slot.is-pressed .original-key-art{transform:translateY(var(--press-depth,4px)) rotateX(7deg) scaleY(.98);transform-origin:50% 80%}.board .switch-key{perspective:180px;isolation:isolate}.board .switch-key:after{content:"";z-index:-1;background:linear-gradient(110deg,#a69aaf,#635569);border-radius:9px;position:absolute;inset:15% 9% 2%;box-shadow:0 3px 2px #37273d66}.board .slot:before{border-radius:9px;inset:9% 5% 3%}.face-flinch{display:none}.slot.is-pressed[data-flinch=true] .face-flinch{display:block}.face-pixels{transform:scaleY(var(--face-squash,1));transition:transform 65ms ease-out}@media (prefers-reduced-motion:reduce){.board .slot.is-pressed .original-key-art{transform:translateY(2px)}.face-pixels{transition:none}}.board .slot>.switch-key{width:92%;max-width:76px;height:94%;min-height:0;max-height:76px}.board .switch-key .original-key-art{width:100%;height:100%}.native-scroll .game-shell .board,.native-scroll .game-shell .board .slot{touch-action:none}.native-scroll .game-shell .board{scrollbar-width:none}.game-shell .board::-webkit-scrollbar{display:none}.board-scroll-handle{z-index:6;writing-mode:vertical-lr;appearance:none;pointer-events:auto;touch-action:none;cursor:ns-resize;direction:ltr;background:#ac929144;border:1px solid #967b8855;border-radius:10px;width:24px;margin:0;padding:0;position:absolute}.board-scroll-handle::-webkit-slider-thumb{appearance:none;background:linear-gradient(90deg,#f6deed,#c691b3);border:1px solid #855f7b;border-radius:8px;width:16px;height:36px;box-shadow:inset 0 1px #fff,0 2px 3px #55304455}.board-scroll-handle::-moz-range-thumb{background:#ddb2cf;border:1px solid #855f7b;border-radius:8px;width:14px;height:34px}.board-scroll-handle:focus-visible{outline-offset:2px;outline:2px solid #764f88}.native-scroll .game-shell .board{padding-right:40px}.native-scroll .game-shell[data-layout=tower][data-page=game] .board{width:192px;left:calc(50% - 96px);right:auto}@media (width<=350px){.native-scroll .game-shell[data-layout=classic] .board{left:6.5%;right:6.5%}}.board .slot.is-pressed .original-key-art{transform:translateY(var(--press-depth,4px)) rotateX(7deg) scaleY(.98);transition:none}@media (prefers-reduced-motion:reduce){.board .slot.is-pressed .original-key-art{transform:translateY(2px)}}html,body,#root{background:linear-gradient(#9bd4f5 0 48%,#edc49f 48% 100%);width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}*,:before,:after{box-sizing:border-box}button,input{font:inherit}.native-scroll{width:100%;max-width:480px;height:100dvh;margin-inline:auto;overflow:hidden}.native-scroll .game-shell{width:100%;height:100dvh}.native-scroll .resource-bar{top:calc(env(safe-area-inset-top) + 10px)}.native-scroll .work-track{top:calc(env(safe-area-inset-top) + 53px)}.native-scroll .utility{top:calc(env(safe-area-inset-top) + 66px)}.native-scroll .mission-card{top:calc(env(safe-area-inset-top) + 112px)}.native-scroll .bottom-dock{bottom:calc(env(safe-area-inset-bottom) + 12px)}.native-scroll .panel{top:calc(env(safe-area-inset-top) + 64px);bottom:calc(env(safe-area-inset-bottom) + 106px)}.native-scroll .panel.items{top:29%}.native-scroll .modal-backdrop{padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);overflow:auto}.native-scroll .auth-modal{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto}.home-screen{background:linear-gradient(#9bd4f5 0 48%,#edc49f 48% 100%);justify-content:center;align-items:center;width:100%;max-width:480px;height:100dvh;margin-inline:auto;display:flex;position:relative;overflow:hidden}.home-art{aspect-ratio:941/1672;background:url(/assets/game/home-screen-logo-v2.png) 50%/contain no-repeat;flex:none;width:min(100%,56.28dvh);max-height:100dvh;position:relative}.home-start{color:#0000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16%;width:49%;height:8.2%;position:absolute;top:74.7%;left:25.5%}.home-start:focus-visible{outline-offset:4px;outline:4px solid #fff;box-shadow:0 0 0 7px #173c62}.home-start:active{background:#ffffff21}@media (width<=350px){.native-scroll .utility{right:5px}.native-scroll .mission-card{left:7px}.native-scroll .bottom-dock{bottom:calc(env(safe-area-inset-bottom) + 8px)}.native-scroll .slot{min-height:44px;overflow:hidden}.native-scroll .slot>.key-sprite,.native-scroll .slot>.switch-mark{zoom:.82}}.native-scene{isolation:isolate;background:#e7c6a7;width:100%;max-width:480px;height:100dvh;margin-inline:auto;position:relative;overflow:hidden}.native-home-layer,.native-game-layer{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.native-home-layer{z-index:2}.native-game-layer{z-index:3;outline:none}.native-scene--entering .native-home-layer{will-change:transform;animation:.52s cubic-bezier(.22,.68,.16,1) both home-page-out}.native-scene--entering .native-game-layer{will-change:transform;animation:.52s cubic-bezier(.22,.68,.16,1) both game-page-in;box-shadow:-18px 0 36px #492e423d}@keyframes home-page-out{0%{transform:translate(0)}to{filter:brightness(.78);transform:translate(-28%)}}@keyframes game-page-in{0%{transform:translate(100%)}to{transform:translate(0)}}.home-art{opacity:0;transition:opacity .24s}.is-ready .home-art{opacity:1}.home-load-status{color:#563f58;text-align:center;background:#fdf0df;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font:700 15px/1.5 sans-serif;display:flex;position:absolute;inset:0}.home-load-status button{min-height:44px;color:inherit;background:#fff9ed;border:2px solid #563f58;border-radius:12px;padding:8px 20px;font-weight:800}.home-load-spinner{border:3px solid #eccce0;border-top-color:#975f8e;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite home-load-spin}@keyframes home-load-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.native-scene--entering .native-home-layer,.native-scene--entering .native-game-layer{will-change:auto;animation:none}.home-art{transition:none}.home-load-spinner{animation:none}}.home-screen{padding:calc(env(safe-area-inset-top) + 8px) 8px calc(env(safe-area-inset-bottom) + 8px)}.home-art{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)*941/1672));aspect-ratio:941/1672;max-height:100%}html,body,#root{overscroll-behavior:none}@media (height<=680px){.native-scroll .mission-card{gap:2px;min-height:0;padding:6px 8px}.native-scroll .game-shell[data-layout=classic] .board{min-height:144px}.native-scroll .game-shell:not([data-layout=classic])[data-page=game] .board{max-height:calc(100% - max(194px,29%) - 88px);padding-top:7px;padding-bottom:9px;top:max(194px,29%)}.native-scroll .game-shell[data-layout=tower][data-page=game] .board{width:180px;left:calc(50% - 90px);right:auto}}.home-screen{isolation:isolate;background:#ecd0b1;padding:0}.home-screen:before{content:"";filter:blur(12px);z-index:-1;background:url(/assets/game/home-screen-logo-v2.png) 50%/cover no-repeat;position:absolute;inset:-12px}.home-art{width:min(100%,56.2799dvh);max-height:100dvh}.auth-modal input{font-size:16px!important}.field-help{color:#756879;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.5;display:block}.field-help.invalid{color:#b42338}.field-help.valid{color:#167043}