:root{color-scheme:light;--ivory: #f5f3ec;--ivory-2: #e9edf2;--paper: rgba(251, 250, 245, .88);--blue: #12396f;--blue-2: #2d70b9;--blue-dark: #07182f;--gold: #b38a3e;--gold-light: #ead7a1;--ink: #172238;--muted: #6c7687;--line: rgba(66, 85, 111, .22);--danger: #8c4152;--shadow: 0 18px 50px rgba(19, 36, 60, .16);--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--sans: Inter, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#d9dee5}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.46}.game-shell{width:min(100vw,480px);min-height:100svh;margin:auto;background:var(--ivory);box-shadow:0 0 70px #0b172a3d;overflow:hidden}.screen{position:relative;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));overflow:hidden}.content-screen{background:radial-gradient(circle at 50% -8%,rgba(77,151,220,.17),transparent 34%),linear-gradient(150deg,#f8f7f2,#e9eef4 70%,#f6f1e4)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.08em}h1{margin-bottom:4px;font-size:clamp(25px,7vw,34px)}h2{margin-bottom:7px}.eyebrow{margin-bottom:7px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.22em}.muted{color:var(--muted);font-size:13px;line-height:1.6}.screen-header{position:relative;z-index:2;display:grid;grid-template-columns:40px 1fr 30px;gap:12px;align-items:start;margin-bottom:25px}.screen-header .muted{margin:0}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#ffffff8c;font-size:28px;line-height:1}.star-mark{color:var(--gold);font-size:23px}.primary-button,.line-button{width:100%;min-height:48px;border-radius:3px;letter-spacing:.12em}.primary-button{border:1px solid #7b632f;color:#fff;background:linear-gradient(100deg,#193f71,#285f9d);box-shadow:0 11px 30px #12396f3d}.line-button{border:1px solid var(--line);background:#ffffff6b}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.title-screen{display:flex;flex-direction:column;justify-content:center;color:#eef5ff;text-align:center;background:radial-gradient(circle at 50% 29%,rgba(68,132,205,.45),transparent 23%),linear-gradient(160deg,#142e56,#071326 64%,#050b16)}.title-screen:before{content:"";position:absolute;top:7%;right:11%;bottom:7%;left:11%;border:1px solid rgba(226,202,139,.25);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}.tower-sigil{position:relative;width:170px;height:250px;margin:0 auto 24px;border:1px solid rgba(234,215,161,.7);border-radius:85px 85px 12px 12px;background:linear-gradient(90deg,transparent 49%,rgba(234,215,161,.4) 50%,transparent 51%),radial-gradient(circle,rgba(41,112,185,.5),transparent 64%);box-shadow:inset 0 0 60px #327ed140}.tower-sigil:before,.tower-sigil:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(234,215,161,.28);border-radius:inherit}.tower-sigil:after{top:44px;right:44px;bottom:44px;left:44px}.tower-sigil span{position:absolute;inset:43% 0 auto;color:var(--gold-light);font-size:38px}.title-copy{position:relative}.title-copy h1{margin:0;font-size:44px;color:#f3e8c8;text-shadow:0 2px 14px rgba(0,0,0,.4)}.title-copy>p:last-child{color:#acbad0;letter-spacing:.16em}.title-menu{position:relative;display:grid;gap:10px;width:min(330px,90%);margin:26px auto 0}.title-screen .line-button{color:#dbe5f6;border-color:#ead7a140;background:#ffffff0a}.version{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));left:0;width:100%;color:#65738a;font-size:9px;letter-spacing:.17em}.hub-screen{background:linear-gradient(180deg,#eef2f6 0,#f8f5eb 60%,#dbe2ea)}.hub-screen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.9),transparent 45%),linear-gradient(transparent,#2b3e5b21)}.hub-top{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:start}.hub-top>div{display:flex;gap:10px;align-items:baseline}.hub-top b{color:#72592f;font-family:var(--serif);font-size:25px}.hub-top span{color:#68778e;font-size:12px}.resource-bar{display:flex;gap:12px;color:#6e5730;font-size:13px}.resource-bar span{display:flex;gap:5px;align-items:center}.gem{color:#3789d4}.coin{color:var(--gold)}.tower-lines{position:absolute;top:5%;right:6%;bottom:11%;left:6%;border:1px solid rgba(179,138,62,.33);border-radius:48% 48% 4% 4%;background:repeating-linear-gradient(90deg,transparent 0 21%,rgba(18,57,111,.06) 21.5%,transparent 22% 42%);box-shadow:inset 0 0 100px #ffffffe6}.tower-lines span{position:absolute;top:0;bottom:0;width:10px;background:linear-gradient(#0d386f,#2a75bf,#0e3a76);opacity:.8}.tower-lines span:nth-child(1){left:24%}.tower-lines span:nth-child(2){left:49%}.tower-lines span:nth-child(3){right:24%}.place{position:absolute;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:1px solid rgba(179,138,62,.65);color:#f7edcf;background:linear-gradient(150deg,#092042f5,#1a5187db);box-shadow:var(--shadow),inset 0 0 24px #57a0e62e;clip-path:polygon(50% 0,100% 17%,100% 100%,0 100%,0 17%)}.place i{color:var(--gold-light);font-style:normal}.place b{font-family:var(--serif);font-size:17px;letter-spacing:.08em}.place small{opacity:0;position:absolute}.place:active{transform:scale(.98)}.place.archive,.place.dorm{top:19%;width:28%;height:25%}.place.archive{left:6%}.place.dorm{right:6%}.place.guidance,.place.shop{top:50%;width:27%;height:27%}.place.guidance{left:5%}.place.shop{right:5%}.place.tasks{top:36%;left:33%;width:34%;height:41%;background:linear-gradient(165deg,#102e56,#286bac)}.hub-hint{position:absolute;z-index:4;bottom:calc(23px + env(safe-area-inset-bottom));left:0;width:100%;color:#768296;font-size:11px;text-align:center;letter-spacing:.1em}.location-stage{margin-top:4vh;text-align:center}.counter{color:var(--gold);font-family:var(--serif);letter-spacing:.2em}.location-orb{display:grid;place-items:center;width:185px;height:185px;margin:25px auto;border:1px solid rgba(45,112,185,.5);border-radius:50%;background:radial-gradient(circle,#3d85cc 0 4%,#112d58 5% 36%,rgba(18,57,111,.05) 38% 58%,transparent 60%);box-shadow:0 0 50px #2d70b93b}.location-orb span{color:#e6d4a0;font-size:48px}.route-dots{display:flex;justify-content:center;gap:8px;margin-top:24px;color:#7b9fc8}.route-dots .boss{color:var(--gold)}.switcher{display:flex;justify-content:space-between;margin:20px 0}.switcher button{width:54px;height:42px;border:1px solid var(--line);background:#ffffff80;font-size:28px}.battle-screen{background:radial-gradient(circle at 50% 35%,rgba(34,99,163,.36),transparent 29%),linear-gradient(#071326,#102846 54%,#e9edf2 55%)}.battle-screen .screen-header{color:#f2e8cd}.battle-screen .screen-header .muted{color:#a8b7cc}.boss-sigil{position:relative;display:grid;place-items:center;width:170px;height:170px;margin:3vh auto;border:1px solid rgba(108,179,236,.56);border-radius:50%;box-shadow:0 0 65px #2a75bf5c,inset 0 0 45px #1f74c433}.boss-sigil:before,.boss-sigil:after{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(231,201,121,.65);transform:rotate(45deg)}.boss-sigil:after{width:42%;height:42%;transform:rotate(22.5deg)}.boss-sigil i{position:absolute;width:1px;height:130%;background:linear-gradient(transparent,#3d8edc,transparent)}.boss-sigil span{z-index:2;color:#d8c386;font-size:45px}.danger-panel{padding:14px 16px;border:1px solid rgba(231,201,121,.28);background:#071326b3;color:#dfe9f7}.danger-panel div{display:flex;justify-content:space-between}.danger-panel progress,.guidance-status progress,.profile-hero progress{width:100%;accent-color:var(--blue-2)}.danger-panel p{margin:8px 0 0;color:#aebbd0;font-size:11px}.hand{display:flex;justify-content:center;align-items:end;margin-top:24px;padding:0 8px}.poker-card{width:50px;height:76px;margin-left:-8px;padding:6px;border:1px solid #b8ab8b;border-radius:6px;background:#fffdf7;box-shadow:0 7px 12px #00000038;font-family:Georgia,serif;text-align:left}.poker-card:first-child{margin-left:0}.poker-card span{display:block;font-size:19px}.poker-card.heart,.poker-card.diamond{color:#a93745}.poker-card.selected{transform:translateY(-15px);border-color:#347cca;box-shadow:0 0 0 2px #347cca,0 10px 20px #00000040}.selection{text-align:center;color:#617089;font-size:11px}.battle-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.battle-actions button,.choice-list button,.profile-actions button{min-height:44px;border:1px solid var(--line);background:#ffffffb8}.tabs,.grade-tabs,.mode-toggle{display:flex;padding:4px;border:1px solid var(--line);background:#fff6}.tabs button,.grade-tabs button,.mode-toggle button{flex:1;min-height:37px;border:0;background:transparent}.tabs .active,.grade-tabs .active,.mode-toggle .active{color:#fff;background:var(--blue)}.stack-list{display:grid;gap:12px}.request-card{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:15px;border:1px solid var(--line);background:var(--paper);box-shadow:0 8px 22px #20304914}.request-card h2{margin:0;font-size:18px}.request-card p{margin:4px 0;color:var(--muted);font-size:12px}.grade{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:var(--serif);font-size:20px}.card-actions{grid-column:1/-1;display:flex;gap:8px}.card-actions button{flex:1;min-height:36px;border:1px solid var(--line);background:#fff}.card-actions button:last-child{color:#fff;background:var(--blue)}.empty-state{padding:38px 12px;color:var(--muted);text-align:center;border:1px dashed var(--line)}.portrait-placeholder{display:grid;place-items:center;width:190px;height:220px;margin:15px auto;border:1px solid rgba(179,138,62,.5);border-radius:50% 50% 8px 8px;background:linear-gradient(160deg,#d9e4ef,#f5f0e5);box-shadow:var(--shadow)}.portrait-placeholder span{font-family:var(--serif);font-size:64px;color:#486785}.portrait-placeholder p{font-size:10px;color:var(--muted);letter-spacing:.12em}.portrait-placeholder.small{width:105px;height:130px;margin:0}.portrait-placeholder.small span{font-size:40px}.guidance-status,.dialogue-panel,.record-panel{margin-top:15px;padding:16px;border:1px solid var(--line);background:var(--paper)}.guidance-status{display:grid;grid-template-columns:1fr auto;gap:8px}.guidance-status progress{grid-column:1/-1}.dialogue-panel p,.record-panel p{margin:0;line-height:1.7}.choice-list{display:grid;gap:8px;margin-top:15px}.shop-panel{min-height:55vh;margin-top:16px;padding:20px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.loot-row,.gift-slot{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.loot-row button,.gift-slot button{grid-row:1/3;grid-column:3;min-height:38px;border:1px solid var(--gold);background:#fff}.gift-slot p{margin:0;color:var(--muted);font-size:11px}.card-offer{display:flex;justify-content:center;gap:12px;align-items:center;margin:45px 0 25px}.card-offer .poker-card{width:72px;height:105px;margin:0}.card-offer>span{writing-mode:vertical-rl;color:var(--gold);letter-spacing:.12em}.grade-tabs{margin-bottom:15px}.archive-row{display:grid;grid-template-columns:50px 1fr 20px;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);text-align:left;background:var(--paper)}.archive-row span:nth-child(2){display:grid;gap:4px}.archive-row small{color:var(--muted)}.archive-row i{font-size:24px}.avatar-mini{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--blue),#6797c8)}.profile-hero{display:grid;grid-template-columns:105px 1fr;gap:20px;align-items:center}.profile-hero p{color:var(--muted);font-size:12px}.profile-hero b{display:block;margin-bottom:10px;font-family:var(--serif);font-size:25px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dorm-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.dorm-grid button{display:flex;min-height:130px;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);box-shadow:0 8px 25px #20304912}.dorm-grid i{color:var(--gold);font-size:28px;font-style:normal}.dorm-grid b{font-family:var(--serif);font-size:16px}.dorm-grid small{color:var(--muted)}.toast{position:fixed;z-index:10;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:80%;padding:10px 16px;transform:translate(-50%);border:1px solid rgba(231,201,121,.5);color:#fff;background:#102846;box-shadow:var(--shadow)}@media(max-height:700px){.screen{padding-top:16px}.location-stage{margin-top:0}.location-orb{width:135px;height:135px;margin:12px auto}.boss-sigil{width:115px;height:115px;margin:0 auto}.title-menu{margin-top:14px}.tower-sigil{height:170px;width:120px;margin-bottom:12px}.place.archive,.place.dorm{top:17%;height:23%}.place.guidance,.place.shop{top:47%}.place.tasks{top:33%;height:41%}}