*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#14261f;-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#0f281e;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}.app-shell,.title-screen,.loading-screen,.story-view,.home-view{width:100vw;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.scene-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.loading-screen{color:#f7f2e7;background:linear-gradient(150deg,#173f31,#10251d);place-content:center;justify-items:center;gap:1rem;display:grid}.crest{color:#e8c84a;border:1px solid #e8c84acc;place-items:center;width:4rem;height:4rem;font:700 2rem Georgia,serif;display:grid}.loading-screen p{margin:0;font-weight:700}.load-track{background:#ffffff38;width:13rem;height:2px}.load-track span{background:#e8c84a;height:100%;transition:width .2s;display:block}.title-screen{align-items:center;padding:7vw;display:flex}.title-wash{background:linear-gradient(90deg,#0f281eeb,#0f281e80 42%,#0f281e14 70%),linear-gradient(#0000 52%,#0818126b);position:absolute;inset:0}.title-copy{z-index:2;color:#fff;flex-direction:column;align-items:flex-start;max-width:34rem;display:flex;position:relative}.title-copy>span,.module-view>header span,.status-panel>span,.chapter-label span{letter-spacing:.16em;color:#e8c84a;font-size:.72rem;font-weight:800}.title-copy h1{letter-spacing:0;margin:.6rem 0 .25rem;font:600 clamp(3.2rem,8vw,6.4rem)/1 Georgia,Noto Serif SC,serif}.title-copy p{color:#f7f2e7;margin:0 0 2rem;font-size:1.08rem}.title-copy button{color:#173f31;background:#e8c84a;border:1px solid #e8c84a;border-radius:4px;justify-content:center;align-items:center;gap:.45rem;min-width:13rem;height:3rem;font-weight:800;display:flex}.title-copy button.secondary{color:#fff;background:#ffffff14;border-color:#ffffff73;margin-top:.65rem}.title-copy small{color:#ffffffa8;margin-top:1.2rem}.topbar{z-index:40;height:4.25rem;padding:env(safe-area-inset-top,0) 1.1rem 0 5.6rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e7d6;border-bottom:1px solid #184d3b2e;align-items:center;gap:1rem;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 5px 22px #0f281e1f}.brand{flex-direction:column;min-width:8rem;display:flex}.brand b{color:#184d3b;font:700 1.15rem Georgia,Noto Serif SC,serif}.brand span{color:#5c6f66;font-size:.7rem}.relation{color:#184d3b;align-items:center;gap:.45rem;margin-left:auto;font-size:.78rem;display:flex}.relation strong{color:#9e7720}.relation>i{background:#184d3b29;width:7rem;height:4px;overflow:hidden}.relation>i em,.meter i em,.mood i em{background:linear-gradient(90deg,#184d3b,#e8c84a);height:100%;display:block}.ai-light{color:#6b766f;border:1px solid #184d3b38;border-radius:4px;align-items:center;gap:.35rem;padding:.38rem .55rem;font-size:.72rem;display:flex}.ai-light.on{color:#184d3b;background:#184d3b14}.icon-button{color:#184d3b;background:#ffffff80;border:1px solid #184d3b38;border-radius:4px;place-items:center;width:2.45rem;height:2.45rem;display:grid}.side-nav{z-index:45;width:4.5rem;padding:calc(4.8rem + env(safe-area-inset-top,0px)) .5rem env(safe-area-inset-bottom,0);background:#11241df0;border-right:1px solid #e8c84a40;flex-direction:column;align-items:stretch;gap:.35rem;display:flex;position:absolute;top:0;bottom:0;left:0}.side-nav button{color:#f7f2e7a6;background:0 0;border:0;border-left:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;height:3.6rem;display:flex}.side-nav button span{font-size:.66rem}.side-nav button.active{color:#e8c84a;background:#ffffff0d;border-left-color:#e8c84a}.home-view{padding-top:4.25rem;padding-left:4.5rem}.home-shade{background:linear-gradient(90deg,#0920175c,#0000 34%,#0920172e),linear-gradient(#0000 62%,#081b13a3);position:absolute;inset:4.25rem 0 0 4.5rem}.lead-switch{z-index:12;gap:.45rem;display:flex;position:absolute;top:5.3rem;left:5.6rem}.lead-switch button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#184d3b;background:#f7f2e7b8;border:1px solid #fff6;border-radius:4px;align-items:center;gap:.35rem;height:2.35rem;padding:0 .8rem;font-size:.78rem;font-weight:800;display:flex}.lead-switch button:disabled{opacity:.58}.character-stage{z-index:8;pointer-events:auto;position:absolute;inset:4.3rem 10% 8.9rem 22%}.character-stage img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 22px 28px #0c271c52);transform-origin:bottom;max-width:76%;height:88%;animation:4.8s ease-in-out infinite breathe;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.character-stage.compact{inset:0;overflow:hidden}.character-stage.compact img{max-width:none;height:92%}.touch-zones{position:absolute;inset:0}.touch-zones i{border:1px solid #0000;border-radius:50%;position:absolute}.touch-zones .head{width:24%;height:25%;top:5%;left:38%}.touch-zones .hand{width:42%;height:27%;top:35%;left:29%}.touch-zones .racket{width:64%;height:34%;top:58%;left:18%}@keyframes breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.008)}}.status-panel{z-index:14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e7c7;border:1px solid #f7f2e76b;border-radius:6px;width:15rem;padding:1.1rem;position:absolute;top:9rem;left:6rem;box-shadow:0 16px 44px #0f281e2e}.status-panel h2{color:#184d3b;margin:.55rem 0 .1rem;font:700 1.7rem Georgia,Noto Serif SC,serif}.status-panel p{color:#68776f;margin:0 0 1rem;font-size:.78rem}.meter{grid-template-columns:2.4rem 1fr 1.6rem;align-items:center;gap:.45rem;margin:.6rem 0;font-size:.72rem;display:grid}.meter i,.mood i{background:#184d3b26;height:4px;overflow:hidden}.meter b{color:#184d3b;text-align:right}.home-actions{z-index:18;gap:.55rem;display:flex;position:absolute;bottom:2rem;right:1.5rem}.home-actions button{white-space:nowrap;color:#184d3b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f2e7d1;border:1px solid #ffffff7a;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;height:2.9rem;padding:0 1.1rem;font-weight:800;display:flex}.home-actions button.primary{color:#fff;background:#184d3b;border-color:#184d3b}.home-line{z-index:16;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#11241dc2;border:1px solid #f7f2e761;border-radius:6px;min-height:6.4rem;padding:1rem 1.2rem;position:absolute;bottom:1.5rem;left:22%;right:18%}.home-line b{color:#e8c84a;margin-bottom:.35rem;display:block}.home-line p{margin:0;font-size:.92rem;line-height:1.7}.wardrobe{z-index:50;background:#f7f2e7f5;border:1px solid #184d3b2e;border-radius:6px;width:15rem;padding:.75rem;position:absolute;top:5.2rem;right:1.4rem;box-shadow:0 18px 52px #0f281e40}.wardrobe header,.system-menu header{color:#184d3b;justify-content:space-between;align-items:center;padding:.25rem .2rem .6rem;display:flex}.wardrobe header button,.system-menu header button{color:#184d3b;background:0 0;border:0;place-items:center;display:grid}.wardrobe>button{text-align:left;color:#284c3e;background:#fff;border:1px solid #184d3b24;border-radius:4px;grid-template-columns:1.5rem 1fr auto;align-items:center;width:100%;height:2.7rem;margin:.2rem 0;display:grid}.wardrobe>button.active{background:#edf4ee;border-color:#184d3b}.wardrobe>button:disabled{opacity:.5}.story-view{background:#173f31}.story-shade{background:linear-gradient(#0000 46%,#081912c7),linear-gradient(90deg,#0f281e38,#0000);position:absolute;inset:0}.story-view .character-stage{inset:2rem 18% 13rem}.back-button{z-index:30;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11241da8;border:1px solid #ffffff6b;border-radius:4px;align-items:center;gap:.35rem;height:2.6rem;padding:0 .75rem;display:flex;position:absolute;top:1rem;left:1rem}.chapter-label{z-index:20;text-align:right;color:#fff;position:absolute;top:1.2rem;right:1.3rem}.chapter-label b{margin-top:.2rem;font:700 1.1rem Georgia,Noto Serif SC,serif;display:block}.story-dock{z-index:25;flex-direction:column;gap:.55rem;width:min(48rem,76vw);display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.story-choices{gap:.45rem;display:grid}.story-choices button{color:#173f31;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f2e7de;border:1px solid #f7f2e76b;border-radius:4px;align-items:center;gap:.65rem;min-height:2.55rem;padding:.45rem .8rem;font-weight:700;display:flex}.story-choices span{color:#9e7720;font-size:.68rem}.dialogue-box{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#11241dd6;border:1px solid #f7f2e76b;border-radius:6px;min-height:10.5rem;padding:1rem 1.2rem;box-shadow:0 18px 48px #08191247}.dialogue-box header{justify-content:space-between;align-items:center;display:flex}.dialogue-box header b{color:#e8c84a}.dialogue-box header button{color:#ffffffb3;background:0 0;border:1px solid #ffffff38;border-radius:4px;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.dialogue-box header button.active{color:#e8c84a}.dialogue-box p{min-height:3.4rem;margin:.7rem 0;font-size:.95rem;line-height:1.72}.next-line{float:right;color:#e8c84a;background:0 0;border:0;align-items:center;display:flex}.free-input{clear:both;gap:.45rem;margin-top:.5rem;display:flex}.free-input input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:4px;outline:none;flex:1;min-width:0;height:2.55rem;padding:0 .8rem;font-size:16px}.free-input button{color:#173f31;background:#e8c84a;border:1px solid #e8c84a;border-radius:4px;place-items:center;width:2.7rem;display:grid}.module-view{background:#edf1ec;position:absolute;inset:4.25rem 0 0 4.5rem;overflow:hidden}.module-view>header{color:#fff;background:linear-gradient(120deg,#173f31,#29604c);height:8.5rem;padding:1.5rem 2rem}.module-view>header h1{margin:.35rem 0 .15rem;font:700 2rem Georgia,Noto Serif SC,serif}.module-view>header p{color:#ffffffb8;margin:0}.module-content{touch-action:pan-y;height:calc(100% - 8.5rem);padding:1.2rem 1.5rem;overflow:auto}.card-grid{grid-template-columns:repeat(3,minmax(12rem,1fr));gap:1rem;display:grid}.memory-card{color:#fff;background-position:50%;background-size:cover;border:1px solid #184d3b33;border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:17rem;padding:1rem;display:flex;position:relative;box-shadow:0 10px 30px #184d3b1f}.memory-card>div{justify-content:space-between;display:flex;position:absolute;top:.8rem;left:.8rem;right:.8rem}.memory-card>div span{color:#173f31;background:#e8c84a;padding:.22rem .4rem;font-size:.7rem;font-weight:900}.memory-card h3{margin:0 0 .35rem}.memory-card p{color:#ffffffc7;margin:0 0 .8rem;font-size:.8rem}.memory-card button{color:#fff;background:#ffffff1a;border:1px solid #ffffff6b;border-radius:4px;height:2.25rem}.memory-card.locked{color:#456153;background:linear-gradient(145deg,#d7ded8,#aebdb3)}.memory-card.locked p{color:#60766a}.room-layout,.photo-layout{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.65fr);gap:1rem;height:100%;display:grid}.room-scene{background:linear-gradient(#dbe9df 0 68%,#b58d6d 68%);border:1px solid #184d3b29;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 -12px 30px #482a181f}.room-window{background:linear-gradient(#f0a68d,#8f79b9);border:8px solid #f7f2e7;width:30%;height:34%;position:absolute;top:10%;left:10%}.room-rug{opacity:.48;background:#8f79b9;border-radius:50%;height:26%;position:absolute;bottom:7%;left:25%;right:18%}.room-desk{border-top:10px solid #73503d;border-left:8px solid #573d30;border-right:8px solid #573d30;width:26%;height:27%;position:absolute;top:32%;right:9%}.room-desk span{color:#184d3b;background:#fff;padding:.4rem;font-size:.72rem;position:absolute;top:-3rem;left:0;transform:rotate(-5deg)}.chibi{width:38%;height:72%;position:absolute;bottom:1%;left:17%;transform:scale(.82)}.room-panel,.photo-controls{background:#fff;border:1px solid #184d3b29;border-radius:6px;padding:1.2rem}.room-panel h3{color:#184d3b;margin:.2rem 0 .8rem}.mood{color:#ef8f78;grid-template-columns:1.4rem 2.5rem 1fr 2rem;align-items:center;gap:.45rem;display:grid}.mood i{background:#eee;height:5px}.room-panel p{color:#607066;font-size:.85rem;line-height:1.8}.gift-list{gap:.45rem;display:grid}.gift-list button,.photo-controls>button,.upload-button{color:#184d3b;background:#edf4ee;border:1px solid #184d3b33;border-radius:4px;height:2.7rem;font-weight:700}.room-panel small{color:#718079;margin-top:.8rem;display:block}.campus-map{background:linear-gradient(150deg,#d8e9dc,#f4ead9);border:1px solid #184d3b29;border-radius:6px;width:100%;height:100%;min-height:26rem;position:relative;overflow:hidden}.campus-map:before{content:"";border:1px dashed #184d3b38;position:absolute;inset:8%;transform:rotate(-3deg)}.map-lines{background:#184d3b38;height:2px;position:absolute;top:50%;left:15%;right:18%;transform:rotate(-8deg)}.map-pin{text-align:left;color:#184d3b;background:#fff;border:1px solid #184d3b3d;border-radius:6px;grid-template-columns:2rem 1fr auto;align-items:center;gap:.4rem;width:13rem;min-height:5.4rem;padding:.65rem .75rem;display:grid;position:absolute;box-shadow:0 10px 24px #184d3b1f}.map-pin span{color:#fff;background:#184d3b;border-radius:50%;grid-row:1/3;place-items:center;width:2rem;height:2rem;display:grid}.map-pin b{font-size:.86rem}.map-pin small{color:#6f7e75;grid-column:2/4;font-size:.68rem}.map-pin.locked{opacity:.62}.pin-1{top:18%;left:10%}.pin-2{top:14%;right:12%}.pin-3{bottom:12%;left:28%}.pin-4{bottom:18%;right:15%}.photo-canvas{background-position:50%;background-size:cover;border:1px solid #184d3b2e;border-radius:6px;position:relative;overflow:hidden}.photo-canvas .character-stage.compact img{position:absolute;bottom:0;transform:translate(-50%)}.photo-frame{color:#fff;letter-spacing:.15em;text-shadow:0 1px 5px #000;border:1px solid #ffffffad;padding:.5rem;font-size:.72rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.photo-controls{flex-direction:column;gap:1rem;display:flex}.upload-button{justify-content:center;align-items:center;gap:.45rem;display:flex}.upload-button input{display:none}.photo-controls label:not(.upload-button){color:#365247;gap:.45rem;font-size:.82rem;display:grid}.pose-tabs{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.pose-tabs button{color:#184d3b;background:#fff;border:1px solid #184d3b2e;height:2.3rem}.pose-tabs button.active{color:#fff;background:#184d3b}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08191294;place-items:center;display:grid;position:absolute;inset:0}.system-menu{background:#f7f2e7;border:1px solid #184d3b33;border-radius:6px;width:min(20rem,100vw - 2rem);padding:.8rem;box-shadow:0 24px 72px #08191266}.system-menu>button{color:#184d3b;background:#fff;border:1px solid #184d3b24;border-radius:4px;align-items:center;gap:.55rem;width:100%;height:2.8rem;margin:.25rem 0;padding:0 .75rem;display:flex}.toast{z-index:120;color:#fff;white-space:nowrap;background:#11241deb;border:1px solid #e8c84a80;border-radius:4px;max-width:calc(100vw - 2rem);padding:.65rem 1rem;position:absolute;top:5.1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #08191240}@media (width<=820px){.topbar{gap:.45rem;height:3.75rem;padding-left:.75rem;padding-right:.6rem}.brand{min-width:0}.brand span,.relation span,.ai-light span{display:none}.relation{margin-left:auto}.relation>i{width:3.2rem}.side-nav{width:auto;height:4.35rem;padding:.25rem max(.3rem,env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left));border-top:1px solid #e8c84a40;border-right:0;flex-direction:row;inset:auto 0 0}.side-nav button{border-bottom:2px solid #0000;border-left:0;flex:1;height:3.5rem}.side-nav button.active{border-bottom-color:#e8c84a}.home-view{padding:3.75rem 0 4.35rem}.home-shade{inset:3.75rem 0 4.35rem}.lead-switch{top:4.35rem;left:.7rem}.lead-switch button{height:2.2rem;padding:0 .55rem}.character-stage{inset:5.3rem 0 12.5rem}.character-stage img{max-width:105%;height:92%}.status-panel{width:10.5rem;padding:.75rem;top:7.1rem;left:.65rem}.status-panel h2{font-size:1.28rem}.status-panel p{margin-bottom:.55rem}.meter{grid-template-columns:2rem 1fr 1.3rem;margin:.4rem 0}.home-actions{bottom:5rem;right:.65rem}.home-actions button{height:2.65rem;padding:0 .75rem}.home-line{min-height:5.4rem;padding:.75rem .85rem;bottom:8.1rem;left:.65rem;right:.65rem}.home-line p{font-size:.82rem;line-height:1.55}.wardrobe{top:4.3rem;right:.65rem}.story-view .character-stage{inset:2.8rem 0 15.6rem}.story-view .character-stage img{height:90%}.chapter-label{top:.85rem;right:.75rem}.story-dock{left:.65rem;right:.65rem;bottom:calc(.6rem + env(safe-area-inset-bottom));width:auto;transform:none}.story-choices{gap:.35rem}.story-choices button{min-height:2.4rem}.dialogue-box{min-height:11.8rem;padding:.8rem}.dialogue-box p{min-height:3.2rem;font-size:.88rem;line-height:1.6}.module-view{inset:3.75rem 0 4.35rem}.module-view>header{height:6.8rem;padding:1rem}.module-view>header h1{font-size:1.55rem}.module-view>header p{font-size:.76rem}.module-content{height:calc(100% - 6.8rem);padding:.75rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.memory-card{min-height:13rem;padding:.75rem}.room-layout,.photo-layout{grid-template-rows:minmax(16rem,1fr) auto;grid-template-columns:1fr}.room-panel,.photo-controls{padding:.8rem}.campus-map{min-height:34rem}.map-pin{width:10.5rem;min-height:4.8rem}.pin-1{top:8%;left:3%}.pin-2{top:28%;right:3%}.pin-3{bottom:24%;left:4%}.pin-4{bottom:5%;right:3%}.toast{font-size:.8rem;top:4.2rem}.title-screen{padding:0 1rem calc(3rem + env(safe-area-inset-bottom));align-items:flex-end}.title-wash{background:linear-gradient(#0f281e0d,#0f281e3d 35%,#0f281ef5)}.title-copy{text-align:left;align-items:stretch;width:100%}.title-copy h1{font-size:3.5rem}.title-copy button{width:100%}}@media (width<=430px){.card-grid{grid-template-columns:1fr}.memory-card{min-height:11rem}.status-panel{width:9.4rem}.status-panel>span{font-size:.55rem}.home-actions button span{display:none}.home-actions{gap:.35rem}.home-actions button{width:2.75rem;padding:0}.home-actions button.primary{width:auto;padding:0 .7rem}.room-layout{grid-template-rows:minmax(14rem,1fr) auto}.photo-layout{grid-template-rows:minmax(17rem,1fr) auto}}.app-shell.embedded{--platform-bar:4.2rem}.app-shell.embedded .home-actions{bottom:calc(2rem + var(--platform-bar))}.app-shell.embedded .home-line{bottom:calc(1.5rem + var(--platform-bar))}.app-shell.embedded .story-dock{bottom:calc(1rem + var(--platform-bar))}.app-shell.embedded .side-nav{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--platform-bar))}.app-shell.embedded .module-content{padding-bottom:calc(1.2rem + var(--platform-bar))}.app-shell.embedded .character-stage{bottom:calc(8.9rem + var(--platform-bar))}.app-shell.embedded .story-view .character-stage{bottom:calc(13rem + var(--platform-bar))}@media (width<=820px){.app-shell.embedded{--platform-bar:3.6rem}.app-shell.embedded .home-shade{bottom:calc(4.35rem + var(--platform-bar))}.app-shell.embedded .character-stage{bottom:calc(12.5rem + var(--platform-bar))}.app-shell.embedded .home-actions{bottom:calc(5rem + var(--platform-bar))}.app-shell.embedded .home-line{bottom:calc(8.1rem + var(--platform-bar))}.app-shell.embedded .story-view .character-stage{bottom:calc(15.6rem + var(--platform-bar))}.app-shell.embedded .story-dock{bottom:calc(.6rem + env(safe-area-inset-bottom) + var(--platform-bar))}.app-shell.embedded .module-view{bottom:calc(4.35rem + var(--platform-bar))}.app-shell.embedded .side-nav{bottom:var(--platform-bar)}}