@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&family=Unbounded:wght@400;600;700&display=swap');
:root{font-family:'Nunito Sans',system-ui,sans-serif;color:#30233f;background:#201638;font-synthesis:none;--pink:#ed4c9b;--purple:#8b46d3;--mint:#abefd1;--ink:#30233f;--paper:#fffaff}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #713abd;outline-offset:3px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.shell{display:flex;align-items:center;justify-content:center;gap:5vw;min-height:100svh;background:radial-gradient(ellipse at 50% 40%,#49365f 0,transparent 65%),#201638;overflow:hidden}#game{position:relative;width:min(100vw,calc(100svh * .5));height:100svh;max-height:1100px;max-width:550px;overflow:hidden;isolation:isolate;background:#c6b0d9;box-shadow:0 0 100px #130e2580}.scene{position:absolute;inset:0;overflow:hidden}.room{width:100%;height:100%;object-fit:cover;object-position:54% 50%}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#30204228,transparent 40%,transparent 70%,#38244555)}.floor-light{position:absolute;left:18%;bottom:17%;width:64%;height:9%;border-radius:50%;background:#b956c021;filter:blur(10px)}.idol{position:absolute;left:10%;bottom:14%;width:80%;height:65%;border:0;background:none;padding:0;z-index:3;touch-action:manipulation;transform-origin:50% 94%;animation:sway 2.2s ease-in-out infinite}.idol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 7px #48344732);pointer-events:none}.idol.tapped{filter:brightness(1.09)}@keyframes sway{0%,100%{transform:rotate(-1.5deg) translateY(0)}25%{transform:rotate(.5deg) translateY(-5px)}50%{transform:rotate(1.6deg) translateY(0)}75%{transform:rotate(-.5deg) translateY(-5px)}}.partner{position:absolute;left:2%;bottom:27%;height:43%;width:54%;z-index:2;animation:sway 2.2s ease-in-out infinite reverse}.partner img{width:100%;height:100%;object-fit:contain}.duet .idol{left:32%;width:66%;height:58%;bottom:14%}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;z-index:5}.hud-top{display:flex;gap:8px;align-items:center}.square{flex-shrink:0;position:relative;width:43px;height:43px;background:#fffaf8f0;border:1px solid #fff9;border-radius:15px;color:#54366f;font-size:26px;box-shadow:0 4px 0 #6f427125,0 6px 15px #44324715}.wallet{flex:1;min-width:0;background:#fffaf8f2;border:1px solid #fff9;border-radius:15px;padding:6px 9px;box-shadow:0 4px 0 #6f427125}.wallet small{display:block;font-size:9px;letter-spacing:.9px;font-weight:900;color:#8d789b}.wallet strong{display:block;font-size:21px;white-space:nowrap;line-height:1.2}.wallet b{color:#edb637}.wallet.rate{flex:.85}.hud-second{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:11px}.premium{border:1px solid #fff8;background:#fff2cc;color:#7c5630;border-radius:18px;padding:5px 10px;font-size:14px;font-weight:900}.premium b{margin-left:12px;background:white;border-radius:50%;padding:0 3px}.energy-wrap{display:flex;gap:5px;align-items:center;color:#427c67}.energy-wrap span{font-size:28px;font-weight:900}progress{appearance:none;border:0;border-radius:99px;background:#3d26521a;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:#3d26521a;border-radius:99px}progress::-webkit-progress-value{background:var(--pink);border-radius:99px}progress::-moz-progress-bar{background:var(--pink)}#energy{width:96px;height:10px;border:2px solid #ffffffe0;background:#244d4a}#energy::-webkit-progress-value{background:#7cd7a8}.left-rail,.right-rail{position:absolute;top:140px;z-index:5;display:grid;gap:12px}.left-rail{left:14px}.right-rail{right:14px}.rail{width:53px;min-height:56px;border:1px solid #fffb;background:#fff9fae8;box-shadow:0 4px 0 #70508123;border-radius:15px;color:#9b4baf;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rail small{font-size:8px;font-weight:900;margin-top:2px}.gift{margin-top:24px}.scene-caption{position:absolute;top:35%;left:14px;right:14px;text-align:center;pointer-events:none;z-index:4}.scene-caption>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#6d4b83;background:#fff8;padding:5px 10px;border-radius:30px}.scene-caption h1{font-size:21px;margin:11px 0 3px;text-shadow:0 1px 8px white}.scene-caption p{font-size:12px;margin:0;color:#624878;text-shadow:0 1px 5px white}.floating-invite{position:absolute;z-index:4;left:7%;bottom:35%;width:61px;height:61px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#fff0bf,#edb64f);color:#84505f;font-size:34px;box-shadow:0 5px 18px #79444833;animation:float 3s ease-in-out infinite}.floating-invite span{display:block;font-size:7px;font-weight:900;position:absolute;top:63px;left:-6px;width:70px;background:#fff9;padding:4px;border-radius:8px}.floating-invite.second{left:auto;right:5%;bottom:24%;background:linear-gradient(135deg,#cfbaff,#aa79d7);color:white;animation-delay:-1.4s}@keyframes float{50%{transform:translateY(-9px)}}.utility{position:absolute;bottom:91px;left:15px;right:15px;display:flex;align-items:center;gap:14px;z-index:5}.milestone{flex:1;background:#fff9;padding:8px 12px;border-radius:14px;text-align:center}.milestone span{font-size:10px;font-weight:800;display:block;margin-bottom:5px}.milestone progress{width:100%;height:5px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:6;display:flex;background:#fffafaf5;border-radius:25px 25px 0 0;padding:10px 9px max(13px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #39205016}.bottom-nav button{flex:1;border:0;background:transparent;color:#796784;font-size:10px;font-weight:900;border-radius:13px;padding:4px 1px;min-height:50px}.bottom-nav button span{display:block;font-size:24px;line-height:27px;color:#ac6bbd}.bottom-nav button.active{background:#f4dbee;color:#ac397c}.badge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;background:var(--pink);border:2px solid white;color:white;font-size:10px;font-weight:900;border-radius:20px}.desktop-note{width:230px;color:#c6b2d8}.wordmark{color:#fff;text-decoration:none;display:block;font-family:'Unbounded',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.5px}.wordmark span{color:#ed72b3}.wordmark i{display:block;font:800 10px 'Nunito Sans',sans-serif;letter-spacing:5px;color:#c593d3;margin-top:12px}.desktop-note p{font-size:14px;line-height:1.7}.desktop-note>p{margin:30px 0}.chapter-mark{margin-top:70px;font:400 48px 'Unbounded',sans-serif;color:#765685}.chapter-mark span{display:block;font-size:9px;letter-spacing:3px;margin-top:15px;color:#a080b1}.desktop-note .control-note{font-size:12px;color:#ad91bd;margin-top:80px}.small-tag{color:#d19fca;font-size:10px;letter-spacing:3px;font-weight:900}.right-note h2{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:400;line-height:1.7;color:#f7e6f4;margin-top:20px}.diary-card{border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;padding:20px 0;display:flex;gap:15px;margin-top:40px}.diary-card>span{font-size:28px;color:#e7b956}.diary-card p{margin:0;font-size:13px}.save-note{font-size:11px!important;color:#997bad}.particle{position:absolute;z-index:9;color:#a13e99;font-size:22px;font-weight:900;pointer-events:none;text-shadow:0 1px 3px white;animation:earn .9s ease-out forwards}@keyframes earn{to{transform:translateY(-75px) scale(1.2);opacity:0}}#overlay{position:absolute;inset:0;z-index:20;background:#25133488;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}.panel{position:relative;background:#fffaff;border:1px solid #fff;width:100%;max-height:87%;border-radius:25px;box-shadow:0 20px 60px #261b4840;display:flex;flex-direction:column;overflow:hidden}.panel-head{padding:20px 19px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #efe4f0;flex-shrink:0}.panel-head h2{font-size:20px;margin:0;font-weight:900}.panel-head small{font-size:11px;color:#947b9f}.close{width:32px;height:32px;border:0;border-radius:50%;background:#f2e6f2;color:#745586;font-size:24px;line-height:1}.panel-body{padding:15px 17px;overflow:auto;overscroll-behavior:contain}.panel p{font-size:14px;line-height:1.5}.skill-row{background:#f7eff9;border:1px solid #eadced;border-radius:16px;padding:12px;margin-bottom:9px;display:grid;grid-template-columns:42px 1fr;gap:10px}.skill-icon{width:42px;height:46px;background:#e7d5ef;border-radius:12px;display:grid;place-items:center;font-size:24px}.skill-title{font-size:13px;font-weight:900;margin:0 0 6px}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-level{font-size:11px;color:#94729f;font-weight:800}.skill-bonus{font-size:11px;color:#765984;margin:5px 0}.skill-row progress{width:100%;height:4px}.buy{border:0;background:var(--mint);color:#2a6550;padding:7px 10px;border-radius:10px;min-width:88px;font-size:12px;font-weight:900;box-shadow:0 2px 0 #79bda4}.buy:disabled{background:#e3dbe7;color:#9985a2;box-shadow:none}.buy small{display:block;font-size:9px;font-weight:700}.modes{display:flex;gap:7px;padding:10px 17px 16px}.modes button{flex:1;border:1px solid #e4d3e9;background:#faf5fb;border-radius:10px;padding:8px;color:#96749e;font-weight:800}.modes button.selected{background:#a65bd3;color:white;border-color:#a65bd3}.primary{border:0;border-radius:13px;padding:12px 18px;background:linear-gradient(135deg,#bc56d2,#e957a3);color:white;font-weight:900;font-size:14px;box-shadow:0 4px 0 #8c3d9750}.secondary{border:1px solid #e5d2eb;background:#f7edf9;color:#775987;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800}.wide{width:100%;margin-top:10px}.item-row{border-bottom:1px solid #eee0f0;padding:13px 0;display:flex;align-items:center;gap:12px}.item-row:last-child{border:0}.item-row .item-icon{font-size:27px;width:35px;text-align:center}.item-row .item-copy{flex:1;min-width:0}.item-row h3{font-size:14px;margin:0 0 4px}.item-row p{font-size:12px;margin:0;color:#94779c}.item-row progress{width:100%;margin-top:8px}.panel-tabs{display:flex;gap:5px;margin-bottom:12px}.panel-tabs button{flex:1}.dialogue{align-self:flex-start;margin-top:14%;width:100%;border-radius:23px;background:#fffaff;border:2px solid #eedbef;padding:21px;box-shadow:0 12px 35px #49325430;position:relative}.dialogue:after{content:'';position:absolute;bottom:-17px;left:55%;border:18px solid transparent;border-top-color:#fffaff;border-bottom:0}.dialogue .speaker{display:inline-block;background:#ab58ce;color:white;padding:5px 13px;border-radius:8px;position:absolute;top:-15px;font-size:13px;font-weight:900}.dialogue p{font-size:17px;font-weight:700;line-height:1.65;margin:7px 0 20px}.dialogue footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a68bab}.dialogue footer button{padding:9px 17px}.story-overlay{background:#2b164129!important;backdrop-filter:none!important}.map-card{background:#f4e8f7;border-radius:16px;overflow:hidden;margin-bottom:14px}.map-card img{width:100%;height:135px;object-fit:cover;object-position:center 30%}.map-copy{padding:12px}.map-copy h3{margin:0;font-size:16px}.map-copy p{font-size:12px;color:#8e7197}.locked-location{padding:12px;background:#f3ecf5;border-radius:10px;margin:7px 0;font-size:13px;color:#9b88a3}.notice{background:#f5edf8;padding:12px;border-radius:12px;color:#866394;font-size:12px!important}.reward-art{text-align:center;font-size:62px;padding:15px}.reward-title{text-align:center;font-size:21px!important;font-weight:900}.setting-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0}.setting-line label{font-size:14px}.setting-line input{accent-color:#bc5dc7;width:20px;height:20px}.skin-preview{height:235px;display:flex;align-items:center;justify-content:center;background:#f1e2f8;border-radius:18px}.skin-preview img{height:100%;max-width:48%;object-fit:contain}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.swatches button{flex:1;border:2px solid transparent;min-width:54px;height:38px;border-radius:10px;font-size:10px;font-weight:800}.swatches button.selected{border-color:#833ca5}.mini-screen{position:absolute;inset:0;background:#231832;display:flex;flex-direction:column;padding:16px;color:white}.mini-header{display:flex;align-items:center;gap:12px;z-index:2}.mini-header strong{flex:1;font-size:17px}.mini-header .close{color:white;background:#ffffff22}.mini-screen canvas{width:100%;flex:1;min-height:0;touch-action:none;border-radius:20px}.mini-status{display:flex;justify-content:space-between;padding:12px 0;font-size:13px;color:#e6c9ec}.mini-tutorial{text-align:center;margin:auto;padding:25px}.mini-tutorial h2{font-family:'Unbounded',sans-serif;font-size:25px;line-height:1.5}.mini-tutorial p{font-size:15px;line-height:1.7;color:#d8bddf}.mini-tutorial .symbol{font-size:70px;color:#d4b3ff}.mini-screen>progress{width:100%;margin:12px 0}.mini-result{position:absolute;inset:0;background:#231832dd;display:grid;place-content:center;text-align:center;padding:30px}.mini-result strong{font:700 40px 'Unbounded',sans-serif;color:#f7d772;margin:20px}.mini-result h2{margin:0}.mini-result p{font-size:15px;color:#dec5eb}#toast{position:absolute;z-index:50;bottom:105px;left:25px;right:25px;background:#40244ef2;color:white;padding:13px;border-radius:14px;text-align:center;font-size:13px;box-shadow:0 5px 15px #36204530}.prop{position:absolute;z-index:1;width:24%;aspect-ratio:1;background-image:url('assets/props_atlas.png');background-size:300% 300%;filter:drop-shadow(0 5px 3px #432e3620);animation:appear .5s ease-out}.prop[data-index='0']{left:4%;bottom:15%;background-position:0 0}.prop[data-index='1']{right:0;bottom:31%;background-position:50% 0}.prop[data-index='2']{right:4%;bottom:13%;background-position:100% 0}.prop[data-index='3']{left:0;bottom:43%;background-position:0 50%;width:29%}.prop[data-index='4']{right:0;bottom:46%;background-position:50% 50%}.prop[data-index='5']{left:3%;bottom:9%;background-position:100% 50%;z-index:4}.prop[data-index='6']{left:0;bottom:28%;background-position:0 100%}.prop[data-index='7']{right:8%;bottom:56%;background-position:50% 100%;width:19%}.prop[data-index='8']{right:1%;bottom:10%;background-position:100% 100%;z-index:4}@keyframes appear{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.desktop-note{display:none}.shell{gap:0}}@media(max-height:740px){.left-rail,.right-rail{top:116px;gap:7px}.rail{min-height:46px;width:46px;font-size:23px}.scene-caption{top:33%}.scene-caption h1{font-size:17px}.scene-caption p{font-size:10px}.panel-head{padding:14px}.skill-row{padding:8px;margin-bottom:6px;gap:7px}.panel-body{padding:10px 12px}.skill-title{font-size:12px}.skill-bonus{font-size:10px}.dialogue p{font-size:15px}.utility{bottom:82px}.hud{top:9px}.bottom-nav{padding-top:7px}.floating-invite{width:48px;height:48px;font-size:26px}.floating-invite span{top:49px;left:-10px}.scene-caption>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}