.camp-shell,.campaign-overlay,.campaign-battle{--ink:#f4f1fa;--muted:#c4c0d3;--gold:#d7bc8d;--violet:#aa82f5;--night:#0c1020;color:var(--ink);box-sizing:border-box;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55}.camp-shell *,.campaign-overlay *,.campaign-battle *{box-sizing:border-box}.camp-shell{isolation:isolate;width:100%;max-width:480px;height:var(--campaign-height,100dvh);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51436e transparent;min-height:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:radial-gradient(at 80% 0,#36234160,#0000 50%),#0c1020;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.camp-shell h1,.camp-shell h2,.camp-shell h3,.campaign-overlay h2{letter-spacing:.025em;margin:0;font-family:inherit;font-weight:600;line-height:1.3}.camp-shell h1{font-size:22px}.camp-shell h2,.campaign-overlay h2{font-size:24px}.camp-shell h3{font-size:18px}.camp-shell p,.campaign-overlay p{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 18px;font-size:15px;line-height:1.75}.camp-shell small,.campaign-overlay small{color:var(--muted);font-size:12px;line-height:1.6}.camp-shell a{color:inherit;text-decoration:none}.camp-shell .small-note{font-size:13px;line-height:1.6}.small-note a{color:#d6b6ff;text-underline-offset:4px;text-decoration:underline}.camp-shell button,.campaign-overlay button,.action-link{font:inherit;min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#242139;border:1px solid #87759266;border-radius:4px;padding:10px 16px;transition:background .14s,border-color .14s,box-shadow .14s}.camp-shell button:hover,.campaign-overlay button:hover{background:#352849;border-color:#b491cb}.camp-shell button:active,.campaign-overlay button:active{background:#493261}.camp-shell button:disabled,.campaign-overlay button:disabled{cursor:not-allowed;color:#a49bac;box-shadow:none;opacity:.72;background:#1b1929;border-color:#695c7355}.camp-shell :focus-visible,.campaign-overlay :focus-visible{outline-offset:3px;outline:2px solid #c8b0ff}.camp-shell button.camp-primary,.campaign-overlay button.camp-primary,.camp-shell a.camp-primary{color:#fbf7ff;letter-spacing:.08em;background:linear-gradient(120deg,#47316b,#6a4399 50%,#47316b);border:1px solid #bb93e9;border-radius:2px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;font-size:17px;font-weight:600;display:flex;position:relative;box-shadow:inset 0 0 0 3px #bd99db12,0 4px 22px #8045c329}.camp-shell .camp-primary:enabled:hover,.campaign-overlay .camp-primary:enabled:hover{background:linear-gradient(120deg,#5b3e87,#7850aa,#513677);box-shadow:0 3px 20px #a37bce45}.camp-shell .camp-primary:disabled,.campaign-overlay .camp-primary:disabled{color:#a9a0ba;box-shadow:none;background:#29223b;border-color:#6f5b89}.camp-primary .spirit-icon{width:22px;height:22px}.spirit-icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px;display:inline-block}.item-art{flex-shrink:0;width:72px;height:72px;display:block}.camp-shell .icon-button,.header-back,.dialog-close{width:48px;min-width:48px;height:48px;color:var(--gold);background:0 0;border:0;place-items:center;padding:0;display:grid}.camp-header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101123f2;border-bottom:1px solid #93829c30;flex-shrink:0;align-items:center;gap:8px;min-height:72px;margin:0 -16px;padding:8px 12px;display:flex;position:sticky;top:0}.camp-header h1{letter-spacing:.04em;flex:1;min-width:0;font-size:20px}.header-currency{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.header-currency>span{align-items:center;gap:1px;display:flex}.header-currency .item-art{width:22px;height:28px}.is-system .header-currency>span+span{display:none}.header-back{color:var(--gold)}.camp-body{flex:1 0 auto;min-width:0;margin:0;padding:16px 0 8px;position:relative}.camp-panel{background:linear-gradient(150deg,#232039eb,#131326f0);border:1px solid #8f779a4a;border-radius:4px;margin:16px 0;padding:20px;position:relative}.camp-panel .camp-primary{margin-top:18px}.camp-row{border-top:1px solid #7665874a;align-items:center;gap:12px;padding:18px 0;display:flex}.camp-row>div{flex:1;min-width:0}.camp-row p{margin:8px 0;font-size:14px}.camp-row small{overflow-wrap:anywhere}.camp-row>button{flex-shrink:0}.camp-footer{z-index:1;text-align:center;color:#a79db8;border-top:1px solid #81749126;flex-shrink:0;margin-top:auto;padding:20px 0 16px;font-size:11px;position:relative}.camp-footer nav{flex-wrap:wrap;justify-content:center;gap:0 12px;margin-top:4px;display:flex}.camp-footer a{align-items:center;min-height:44px;font-size:12px;display:flex}.camp-footer>span{display:block}.camp-notice{z-index:8;color:#e2f6e9;background:#243d3d;border:1px solid #649a8055;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;margin:8px 0;padding:6px 8px 6px 12px;font-size:14px;display:flex;position:relative}.camp-notice button{background:0 0;border:0;min-width:40px;padding:0}.camp-error{color:#ffccdb;background:#442738;border-color:#d1779455}.spirit-nav{bottom:calc(-1 * env(safe-area-inset-bottom));z-index:10;height:calc(72px + env(safe-area-inset-bottom));padding:4px 4px calc(4px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#141326f7,#0d0e1cfb);border-top:1px solid #b69ac14a;flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 -16px;display:grid;position:sticky}.spirit-nav>a,.spirit-nav>button{color:#b7a9bb;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:60px;padding:4px 0;font-size:12px;display:flex;position:relative}.spirit-nav .spirit-icon{width:27px;height:27px}.spirit-nav [aria-current=page]{color:#d0a5ff;background:linear-gradient(#9c6cca00,#9c6cca19)}.spirit-nav [aria-current=page]:after{content:"";background:#b387e9;height:2px;position:absolute;bottom:0;left:22%;right:22%;box-shadow:0 0 8px #a782e5}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spirit-scene-art{z-index:-1;background:#241c3e;position:absolute;inset:0;overflow:hidden}.spirit-scene-art img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.spirit-scene-art.art-failed{z-index:4;pointer-events:none;background:0 0}.camp-shell .art-retry{pointer-events:auto;z-index:2;font-size:12px;position:absolute;top:80px;left:16px}.is-lobby{background:#151225;overflow:hidden}.is-lobby:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0c102045,#0000 20% 53%,#0c0d2066 68%,#0c0d20 96%);position:absolute;inset:0}.lobby-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0c1020ad,#0c102020);border:0;gap:3px;padding:8px 10px}.profile-link{align-items:center;gap:7px;min-width:0;min-height:48px;display:flex}.profile-link>span:last-child{flex-direction:column;min-width:0;display:flex}.profile-link strong{text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:13px;font-weight:500;overflow:hidden}.profile-link small{color:var(--gold);font-size:11px}.profile-avatar{background-image:var(--camp-art);background-position:51% 21%;background-size:280%;border:1px solid #d7bc8d;border-radius:50%;flex-shrink:0;width:40px;height:44px;display:block;box-shadow:0 0 0 3px #18122288}.is-lobby .camp-body{flex:1 1 0;min-height:0;padding:0}.lobby-content{height:100%;min-height:0;position:relative}.lobby-shortcuts{gap:16px;display:grid;position:absolute;top:12px;right:0}.lobby-shortcuts a{flex-direction:column;align-items:center;gap:4px;min-width:48px;display:flex}.lobby-shortcuts a>span{color:#ead5b4;background:#17152b8a;border:1px solid #d7bc8d9a;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.lobby-shortcuts small{color:#e4d5db;font-size:12px}.badge{color:#fff;background:#af5269;border:1px solid #f4bbc3;border-radius:8px;min-width:16px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:-4px;right:-3px}.lobby-mission{text-shadow:0 2px 8px #090818;position:absolute;bottom:18px;left:4px;right:4px}.camp-shell .eyebrow{letter-spacing:.13em;color:var(--gold);margin:18px 0 12px;font-size:11px}.lobby-mission h2{color:#f6e9dd;white-space:nowrap;margin:8px 0;font-family:Songti SC,STSong,serif;font-size:28px;font-weight:600;line-height:1.4}.lobby-mission p{color:#e3d8e8;align-items:center;gap:6px;margin:8px 0 22px;font-size:13px;line-height:1.5;display:flex}.lobby-mission p .spirit-icon{color:#bb91e9;width:16px;height:16px}.lobby-mission .camp-primary{min-height:56px;text-shadow:none;justify-content:space-between;padding:12px 24px;font-size:18px}.camp-shell .text-button{color:#ceaddf;background:0 0;border:0;padding:8px 4px;font-size:13px}.lobby-mission .text-button{width:100%;min-height:36px;margin-bottom:-10px}.spirit-tabs{border-bottom:1px solid #73617d55;align-items:stretch;min-height:48px;margin-bottom:16px;display:flex}.spirit-tabs button{color:#bcaec5;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;padding:10px 4px;font-size:15px;display:flex;position:relative}.spirit-tabs [aria-pressed=true]{color:#efe3ff;background:linear-gradient(#0000,#915bd723);box-shadow:inset 0 -2px #b183e7}.spirit-tabs .spirit-icon{width:16px;height:16px}.reward-items{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.reward-item{font-variant-numeric:tabular-nums;background:#11152588;border:1px solid #95839e55;border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:54px;max-width:90px;padding:2px 6px 5px;display:flex}.reward-item .item-art{width:48px;height:48px}.reward-item span{color:#e4d9eb;font-size:13px}.camp-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0;display:flex}.camp-links a{color:#d4b3f0;align-items:center;min-height:48px;display:flex}.action-link{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.camp-shell .action-link.subtle{color:#c9addf;background:0 0;border:0;font-size:14px}.camp-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.camp-skills{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.camp-skills button{text-align:left;gap:8px;padding:14px;display:grid}.camp-skills span{font-size:13px}.camp-skills .selected{background:#423055;border-color:#bb8ae6}.camp-select{font:inherit;color:#eee3f8;background:#201b33;border:1px solid #8e75a167;border-radius:4px;width:100%;min-height:48px;margin:8px 0 18px;padding:10px}.camp-settings>label{margin:18px 0;font-size:14px;display:block}.camp-settings input{vertical-align:middle;accent-color:#a478d5;width:22px;height:22px}.camp-account-actions{gap:12px;display:grid}.camp-danger{color:#ffb4c5!important;background:#49273e!important;border-color:#c66c8a80!important}.camp-file{cursor:pointer;background:#262037;border:1px solid #9677ae66;justify-content:center;align-items:center;min-height:48px;display:flex;position:relative;overflow:hidden}.camp-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.camp-help-form textarea{font:inherit;resize:vertical;color:#f2ebfa;background:#141325;border:1px solid #80678f;border-radius:4px;width:100%;min-height:130px;margin:12px 0;padding:12px;display:block}.action-screen{margin:-16px -16px 0}.map-caption{color:var(--muted);justify-content:space-between;padding:12px 18px;font-size:12px;display:flex}.map-caption strong{color:var(--gold)}.chapter-map{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b77af transparent;border-block:1px solid #a288af40;height:min(28vh,260px);min-height:160px;overflow-y:auto}.map-canvas{isolation:isolate;background-position:50% 80%;background-size:cover;height:680px;position:relative}.map-canvas>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camp-shell .chapter-node{color:#ad9bb7;background:#181827de;border:1px solid #ae9cbd;border-radius:50%;width:52px;height:52px;min-height:52px;padding:12px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 5px #19182aa3}.chapter-node small{text-align:center;color:#e9d8ef;font-size:12px;position:absolute;bottom:100%;left:0;right:0}.camp-shell .chapter-node.selected{color:#fae7ff;background:radial-gradient(#9563ce,#342148);border-color:#d8b9ff;box-shadow:0 0 0 5px #875caf30,0 0 26px #b475d170}.camp-shell .chapter-node.complete{color:#efcd91;border-color:#d7bc8d}.mission-sheet{background:linear-gradient(#262035,#141324);border-top:1px solid #b399c066;padding:20px}.mission-sheet>small{color:var(--gold);letter-spacing:.08em}.mission-sheet h2{margin:6px 0 14px;font-size:24px}.mission-sheet h3{font-size:18px}.mission-sheet p{min-height:42px;margin:10px 0;font-size:14px;line-height:1.7}.mission-sheet>.camp-primary{margin-top:14px}.mission-sheet .reward-item{max-width:80px}.mission-sheet .camp-links{margin-bottom:0}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 20px;display:grid}.camp-shell .inventory-slot{aspect-ratio:1/1.12;background:linear-gradient(#28243a,#121421);border-color:#96809f77;place-items:center;min-width:0;padding:4px;display:grid;position:relative}.inventory-slot .item-art{width:100%;max-width:74px;height:auto}.inventory-slot>span{color:#e8dce9;font-size:12px;position:absolute;bottom:4px;right:6px}.camp-shell .inventory-slot.selected{border-color:#c69cec;box-shadow:inset 0 0 12px #b18cc927,0 0 0 1px #9b67c299}.detail-heading{align-items:center;gap:12px;display:flex}.detail-heading h2{font-size:21px}.detail-heading small{color:var(--gold)}.item-detail .camp-primary{margin-top:20px}.empty-state{text-align:center;padding:38px 16px}.empty-state>.spirit-icon{color:#b59ac8;width:56px;height:56px;margin-bottom:20px}.empty-state h2{font-size:21px}.empty-state a{color:#d6b4fa;align-items:center;min-height:48px;display:inline-flex}.character-screen{margin:-16px -16px 0}.character-portrait{isolation:isolate;height:clamp(220px,32vh,300px);position:relative;overflow:hidden}.character-portrait .spirit-scene-art img{object-position:50% 22%}.character-portrait:after{content:"";z-index:-1;background:linear-gradient(90deg,#0f102075,#0000 60%),linear-gradient(#0000 65%,#171526);position:absolute;inset:0}.character-portrait>div:last-child{text-shadow:0 2px 10px #0a0612;position:absolute;bottom:28px;left:20px}.character-portrait h2{color:#f3e4d6;margin:8px 0;font-family:Songti SC,serif;font-size:30px}.character-portrait p{color:#e5d8e8;margin:0 0 6px;font-size:13px}.character-portrait small{letter-spacing:.13em;color:#dac3dd;font-size:9px}.character-portrait strong{color:var(--gold);font-size:22px;font-weight:400}.growth-sheet{background:linear-gradient(#231c37,#151224);border-top:1px solid #80678966;padding:0 20px 20px}.growth-sheet .spirit-tabs{margin:0 -20px 16px}.growth-level{text-align:center}.growth-level>div{color:#ebdbf8;font-variant-numeric:tabular-nums;margin:4px;font-size:32px}.growth-level span{color:#a497b1;margin:0 16px;font-size:22px}.stat-rows{background:#12122270;border-block:1px solid #7e658b33;margin:18px 0;padding:10px 12px}.stat-rows>div{align-items:center;gap:16px;padding:5px 0;font-size:14px;display:flex}.stat-rows span{flex:1}.stat-rows b{color:#c6bad2;font-weight:400}.stat-rows .spirit-icon{color:#9c8eae;width:16px;height:16px}.stat-rows strong{color:#a5deb7;min-width:42px;font-weight:500}.costs{gap:8px;margin:16px 0;display:flex}.costs>div{background:#17172b;border:1px solid #806c9045;flex:1;align-items:center;min-width:0;padding:4px;display:flex}.costs .item-art{width:40px;height:48px}.costs>div>div{gap:3px;display:grid}.costs small{font-size:12px;line-height:1.4}.costs span{white-space:nowrap;font-size:12px}.costs .insufficient span{color:#f79cad}.growth-sheet .small-note{text-align:center;font-size:12px}.skill-picks{gap:10px;margin-bottom:18px;display:flex}.skill-picks button{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.skill-picks [aria-pressed=true]{background:#3a2a4c;border-color:#c599ee}.mail-entry{text-align:left;align-items:center;gap:10px;width:100%;margin:10px 0;display:flex;position:relative;background:linear-gradient(100deg,#2a203a,#151423)!important;min-height:88px!important;padding:14px!important}.mail-entry>.spirit-icon:first-child{width:30px;height:30px;color:var(--gold)}.mail-entry>span{flex:1;gap:6px;min-width:0;display:grid}.mail-entry strong{font-size:15px;font-weight:500}.mail-entry small{font-size:12px}.mail-entry>.spirit-icon:last-child{width:17px}.mail-entry.claimed{opacity:.6}.unread-dot{background:#e47c89;border:1px solid #ffb3b6;border-radius:50%;flex-shrink:0;width:7px;height:7px}.mail-screen>.camp-primary{margin-top:24px}.camp-shell .text-back{color:#d0b8e2;background:0 0;border:0;align-items:center;gap:10px;padding-left:0;font-size:14px;display:flex}.mail-detail h2{margin-top:14px;font-size:24px}.letter-body{white-space:pre-wrap;min-height:140px}.mail-seal{color:#d7bc8d88;justify-content:flex-end;margin-bottom:20px;display:flex}.mail-seal .spirit-icon{width:48px;height:48px}.mail-detail .reward-items{gap:5px}.mail-detail .reward-item{min-width:42px;padding:2px}.mail-detail .reward-item .item-art{width:40px;height:40px}.supply-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.supply-grid>button{background:radial-gradient(at top,#46345a60,#171427 80%);border-color:#997bae60;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:16px 10px;display:flex}.supply-grid .selected{border-color:#c8a3ec;box-shadow:inset 0 0 22px #a685c115}.supply-grid>button>.item-art{width:90px;height:90px}.supply-grid strong{font-size:17px;font-weight:500}.supply-grid small{min-height:36px;font-size:11px}.supply-grid>button>span{color:#e3c4ff;align-items:center;gap:3px;display:flex}.supply-grid>button>span .item-art{width:24px;height:26px}.supply-detail .reward-items{justify-content:center}.supply-detail h2{text-align:center;font-size:22px}.supply-detail p{font-size:14px}.campaign-overlay{z-index:50;height:var(--campaign-height,100dvh);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c1be0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.campaign-overlay>article{scrollbar-width:thin;background:linear-gradient(145deg,#2a213d,#121426);border:1px solid #a78bb078;border-radius:4px;width:100%;max-width:440px;max-height:100%;padding:28px 22px;position:relative;overflow-y:auto;box-shadow:0 20px 80px #09051480}.campaign-overlay h2{margin:10px 0 18px}.campaign-overlay article>button:not(.dialog-close){justify-content:center;align-items:center;gap:8px;width:100%;margin:12px 0;display:flex}.campaign-overlay .small-note{font-size:12px}.spirit-dialog{width:calc(100% - 32px);max-width:440px;height:fit-content;max-height:calc(var(--campaign-height,100dvh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;margin:auto;padding:0;inset:0;overflow:visible}.spirit-dialog:not([open]){display:none}.spirit-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a18c9}.spirit-dialog>article{max-height:calc(var(--campaign-height,100dvh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}.campaign-overlay .dialog-close{color:#dbbadf;background:0 0;border:0;width:44px;min-height:44px;padding:0;position:absolute;top:4px;right:4px}.dialog-close+h2,.dialog-close+small{padding-right:32px}.more-menu{margin:20px 0;display:grid}.more-menu a{color:#e1d6e8;border-bottom:1px solid #94729e33;align-items:center;gap:14px;min-height:56px;font-size:15px;text-decoration:none;display:flex}.more-menu a>span{flex:1}.more-menu .spirit-icon{color:#bea0cc}.more-menu .spirit-icon:last-child{width:18px}.sound-setting{align-items:center;gap:12px;display:flex}.more-menu~.camp-footer{margin-top:16px}.camp-login{background:linear-gradient(#0d102045,#0d102018 25%,#0d1020 70%),var(--camp-art) center top/cover;justify-content:flex-end;min-height:0}.camp-login-card{margin-top:auto;padding:200px 4px 16px}.camp-login-card h1{color:#f2e3d6;font-family:Songti SC,serif;font-size:36px;line-height:1.4}.camp-login-card em{color:#d5b4ef;font-style:normal}.camp-login-card>small{letter-spacing:.12em;color:#d8c0d7;font-size:10px}.camp-login-card form{padding-top:12px}.camp-login-card input:not([type=checkbox]){color:#f3eafa;width:100%;min-height:48px;font:inherit;background:#17182de0;border:1px solid #ae86bb66;border-radius:4px;margin:8px 0;padding:12px;display:block}.camp-consent{align-items:flex-start;gap:10px;margin:16px 0;font-size:13px;display:flex}.camp-consent input{accent-color:#a278d2;flex-shrink:0;width:22px;height:22px;margin:0}.camp-consent a{color:#d6b2ef;margin:0 4px;text-decoration:underline}.camp-login-card .camp-muted{font-size:12px}.camp-existing{border-top:1px solid #a782bb55;margin-top:24px;padding-top:20px}.camp-existing h2{font-size:18px}.camp-existing button{justify-content:space-between;width:100%;margin-top:10px;display:flex}.camp-existing span{color:#b9a7c7}.camp-narrative{background:linear-gradient(#0d102020,#0d102030 25%,#0d1020c9 75%),var(--story-art,var(--camp-art)) center 25%/cover;align-items:flex-end;padding-top:120px}.camp-narrative>article{background:linear-gradient(#251c3be8,#101224f7);max-height:65%;padding-top:24px}.camp-dialogue-text{min-height:84px;font-size:17px!important;line-height:1.8!important}.camp-date-description{margin-top:6px;font-size:12px;display:block}.camp-narrative h2{font-size:23px}.camp-narrative small{font-size:11px}.camp-narrative article>button{text-align:left;justify-content:flex-start!important}.victory-dialog>article{background:radial-gradient(at top,#503761,#131527 60%);border-color:#d7bc8d99}.victory-dialog h2{color:#f0d7ae;font-family:Songti SC,serif;font-size:30px}.ending-dialog h2{color:#edccec}.upgrade-choices{gap:12px;display:grid}.upgrade-choices button{text-align:left;gap:6px;min-height:104px;padding:16px;display:grid}.upgrade-choices strong{color:#e5c9ff;font-size:18px}.upgrade-choices span{color:#c9bcd7;font-size:14px}.campaign-battle{width:100%;max-width:480px;height:var(--campaign-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#101124;margin:auto;position:relative;overflow:hidden}.campaign-canvas{touch-action:none;width:100%;height:100%}.campaign-canvas canvas{display:block}.campaign-pause{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:8;color:#efdcff;background:#1c192ee6;border:1px solid #bc9dd07a;border-radius:4px;min-width:48px;min-height:48px;font-size:21px;position:absolute}.campaign-battle .campaign-overlay{max-width:480px;margin:auto}.portrait-message{z-index:90;text-align:center;background:#111325f7;align-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.portrait-message p{color:#c8b9d8;margin:0}.portrait-message .spirit-icon{width:36px;height:36px;color:var(--gold)}@media (width<=359px){.camp-header h1{font-size:18px}.profile-link strong{max-width:55px}.lobby-header .header-currency{gap:2px;font-size:11px}.lobby-header .icon-button{width:48px;min-width:48px}.lobby-mission h2{font-size:24px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-sheet{padding:0 14px 16px}.growth-sheet .spirit-tabs{margin-left:-14px;margin-right:-14px}.costs .item-art{width:30px;height:38px}.costs small,.costs span{font-size:11px}.reward-items{gap:5px}.supply-grid>button>.item-art{width:72px;height:72px}.supply-grid strong{font-size:15px}}@media (height<=700px){.lobby-shortcuts{display:none}.lobby-mission{bottom:12px}.lobby-mission h2{margin:6px 0;font-size:24px}.lobby-mission p{margin:6px 0 14px}.lobby-header{min-height:64px}.character-portrait{height:190px}.camp-login-card{padding-top:100px}.camp-narrative>article{max-height:78%;padding:18px}.camp-narrative .camp-dialogue-text{min-height:50px;font-size:16px!important}.camp-narrative h2{font-size:20px}.chapter-map{height:20vh;min-height:110px}.mission-sheet{padding:14px 20px}.mission-sheet h2{margin:4px 0 8px;font-size:21px}.mission-sheet>.camp-primary{margin-top:8px}}@media (prefers-reduced-motion:reduce){.camp-shell *,.campaign-overlay *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.story-dialog{width:calc(100% - 24px);max-width:456px;max-height:calc(var(--campaign-height,100dvh) - 24px);height:fit-content}.story-dialog>article{max-height:calc(var(--campaign-height,100dvh) - 24px);background:linear-gradient(#241b39,#101223);padding:0 20px 20px}.story-illustration{background-position:50% 23%;background-size:cover;border-bottom:1px solid #ae8ac770;height:clamp(150px,28vh,270px);margin:0 -20px 20px;position:relative}.story-illustration:after{content:"";background:linear-gradient(#0000 65%,#241b39);position:absolute;inset:0}.story-dialog .dialog-close{z-index:2;background:#141022a1;border-radius:50%}.story-dialog .camp-dialogue-text{min-height:64px}.story-dialog article>button{font-size:15px}.orientation-art{text-align:center;color:var(--gold);padding:10px}.orientation-art .spirit-icon{width:52px;height:52px}.orientation-art+h2{text-align:center}@media (height<=650px){.story-illustration{height:130px;margin-bottom:12px}.story-dialog>article{padding-bottom:12px}.story-dialog h2{margin:8px 0;font-size:21px}.story-dialog p{margin:8px 0;font-size:14px}.story-dialog .camp-dialogue-text{min-height:0;font-size:16px!important}}.painted-item{isolation:isolate;aspect-ratio:1;vertical-align:middle;background:#11101e;width:72px;height:72px;display:inline-block;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(70% 70%,#000 60%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 60%,#0000 100%)}.painted-item>img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;width:400%!important;max-width:none!important;height:200%!important}.item-art-fallback{text-align:center;color:#eadac3;place-items:center;height:100%;font-size:11px;display:grid}.camp-shell.atelier-shell{isolation:isolate;background:#11101e}.atelier-shell>.spirit-scene-art{z-index:-1;opacity:1;position:absolute;inset:0}.atelier-shell>.spirit-scene-art img{object-position:center top;opacity:1}.atelier-shell>.spirit-scene-art:after{background:linear-gradient(#10101b10,#10101b30 60%,#10101be8)}.atelier-shell .camp-header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#0d0e1bea,#141020c9);border-bottom-color:#b59c6660}.crystal-theme .camp-header h1{color:#f6e9d0;letter-spacing:.1em;font-family:Songti SC,STSong,serif;font-size:23px}.atelier-shell .camp-body{padding-top:0}.atelier-intro{color:#ddc69f;text-shadow:0 2px 6px #080812;justify-content:space-between;align-items:flex-end;gap:12px;min-height:82px;padding:0 4px 12px;display:flex}.atelier-intro>span{letter-spacing:.16em;font-size:12px}.atelier-intro a{color:#e7d5f8;align-items:flex-end;min-height:48px;padding-bottom:2px;font-size:12px;display:flex}.atelier-intro p{color:#cdc1d2;margin:0;font-size:12px}.atelier-shell .supply-grid{gap:10px;margin:0 0 16px}.atelier-shell .supply-grid>button{background:linear-gradient(135deg,#272035d9,#12111ce8 50%,#282037da);border:1px solid #b496686e;border-radius:0;gap:0;padding:4px 7px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #191524,inset 0 0 0 4px #ae916b22}.atelier-shell .supply-grid>button:before,.atelier-shell .camp-panel:before{content:"";clip-path:polygon(0 0,18px 0,18px 1px,1px 1px,1px 18px,0 18px,0 0,100% 0,100% 18px,calc(100% - 1px) 18px,calc(100% - 1px) 1px,calc(100% - 18px) 1px,calc(100% - 18px) 0);pointer-events:none;border:1px solid #ae916b30;position:absolute;inset:5px}.atelier-shell .supply-grid>button.selected{border-color:#d5a4ff;box-shadow:inset 0 0 0 3px #362147,inset 0 0 18px #b284df39,0 0 12px #b882ea44}.atelier-shell .supply-grid>button>.painted-item{background:0 0;width:114px;max-width:100%;height:114px;margin:0 auto}.atelier-shell .supply-grid strong{color:#f2e7d4;letter-spacing:.08em;font:600 19px/1.5 Songti SC,STSong,serif}.atelier-shell .supply-grid>button>span:not(.painted-item){color:#efdefc;border-top:1px solid #ac977334;justify-content:center;width:100%;min-height:35px;margin-top:6px;font:18px/1.2 Georgia,serif}.atelier-shell .supply-grid>button>span .painted-item{width:25px;height:25px}.crystal-theme .camp-panel,.crystal-theme .ornate-panel{background:linear-gradient(130deg,#242033f2,#100f1de8);border:1px solid #b197686e;border-radius:0;margin:14px 0;padding:16px;box-shadow:inset 0 0 0 4px #151321,inset 0 0 0 5px #a8875022}.supply-summary{align-items:center;gap:12px;display:flex}.supply-summary>.painted-item{flex-shrink:0;width:68px;height:68px}.supply-summary h2{color:#f3e2bf;font-family:Songti SC,STSong,serif;text-align:left!important}.supply-summary p{color:#d0bddc;margin:5px 0!important;font-size:12px!important}.atelier-shell .supply-detail>p{margin:8px 0;font-size:12px;line-height:1.6}.atelier-shell .supply-detail>small{color:#b1a0ba;font-size:11px}.camp-shell.crystal-theme .camp-primary,.camp-shell.crystal-theme .camp-primary:enabled:hover,.online-date-dialog.crystal-theme .camp-primary,.online-date-dialog.crystal-theme .camp-primary:enabled:hover{background-image:var(--crystal-button);box-shadow:none;color:#fff0ff;text-shadow:0 1px 6px #322047;letter-spacing:.02em;clip-path:polygon(0 50%,9% 0,91% 0,100% 50%,91% 100%,9% 100%);background-color:#241432;background-position:50%;background-size:100% 270%;border:0;border-radius:0;min-height:56px;font:600 18px/1.4 Songti SC,STSong,serif}.camp-shell.crystal-theme .camp-primary:disabled,.online-date-dialog.crystal-theme .camp-primary:disabled{filter:grayscale(.85);opacity:.6;cursor:not-allowed}.camp-shell.crystal-theme .camp-primary:focus-visible,.online-date-dialog.crystal-theme .camp-primary:focus-visible{outline-offset:-6px;outline:3px solid #ffe2a2}.atelier-shell .supply-detail .camp-primary{margin-top:10px}.atelier-shell .supply-detail .action-link{color:#d5c2aa;min-height:48px;margin:4px 0 0;font-size:13px}.supply-disclosure{text-align:center;color:#c1b5c6!important;margin:16px 0!important;font-size:12px!important}.atelier-shell .inventory-screen>.spirit-tabs{background:#14101dcc;border:1px solid #ae916b70;margin-top:20px}.atelier-shell .inventory-screen>.spirit-tabs button[aria-pressed=true]{color:#f2d9ff;background:linear-gradient(135deg,#422859,#20132d);border-bottom-color:#be89ee}.atelier-shell .inventory-screen .atelier-intro{min-height:76px}.atelier-shell .inventory-grid{align-content:start;gap:8px;min-height:190px;margin:0 0 20px}.atelier-shell .inventory-slot{aspect-ratio:1;background:#15121fe6;border:1px solid #b4996c60;border-radius:2px;min-height:0;padding:0;box-shadow:inset 0 0 0 3px #1d1929}.atelier-shell .inventory-slot .painted-item{aspect-ratio:1;width:100%;max-width:none;height:auto;position:relative!important;inset:auto!important}.atelier-shell .inventory-slot>span:not(.painted-item){z-index:1;color:#fff3dc;text-shadow:0 1px 3px #000;font:14px Georgia,serif;bottom:2px;right:5px}.atelier-shell .inventory-slot.selected{border-color:#d8a7ff;box-shadow:inset 0 0 10px #bd82df55,0 0 9px #b78ade66}.atelier-shell .detail-heading>.painted-item{width:86px;height:86px}.atelier-shell .detail-heading h2{color:#efdfbc;font:600 23px Songti SC,STSong,serif}.atelier-shell .item-detail>p{font-size:14px;line-height:1.7}.atelier-shell .item-detail>small{color:#b7a4c5;font-size:12px}.atelier-shell .item-detail .camp-primary{margin-top:16px}@media (height<=700px){.atelier-intro{min-height:48px}.atelier-shell .supply-grid>button>.painted-item{width:82px;height:82px}.atelier-shell .supply-grid strong{font-size:17px}.atelier-shell .supply-grid{margin-bottom:10px}.atelier-shell .supply-detail{margin:10px 0;padding:12px}.atelier-shell .inventory-screen .atelier-intro{min-height:48px}}@media (prefers-reduced-motion:no-preference){.atelier-shell .supply-grid>button{transition:border-color .18s,box-shadow .18s}.atelier-shell .supply-grid>button:active{transform:scale(.98)}}.camp-shell .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;height:auto;position:relative;inset:auto;overflow:visible}.camp-shell .inventory-grid>button{min-width:0}@media (width<=359px){.camp-shell .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.record-shell .character-screen{isolation:isolate;background:0 0}.record-shell .character-screen:before{display:none}.record-shell .character-portrait{isolation:isolate;height:clamp(230px,33vh,300px);margin-top:-16px}.record-shell .character-portrait .spirit-scene-art img{object-position:50% 15%;opacity:1}.record-shell .character-portrait:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e10218c,#0000 58%),linear-gradient(#0000 60%,#151222);position:absolute;inset:0}.record-shell .character-portrait>div:not(.spirit-scene-art){text-shadow:0 2px 8px #050611;max-width:47%;top:26px;bottom:auto;left:20px}.record-shell .character-portrait h2{color:#f4e5c8;letter-spacing:.06em;font:600 26px/1.3 Songti SC,STSong,serif}.record-shell .character-portrait p{font-size:12px;line-height:1.6}.record-shell .character-portrait small{letter-spacing:.1em;font-size:10px}.record-shell .character-portrait strong{color:#e9d0ff;font:22px Georgia,serif}.record-shell .growth-sheet{background:linear-gradient(135deg,#282035f5,#10101ff5);margin:0 -4px 12px;padding:0 16px 16px;position:relative}.record-shell .growth-sheet .spirit-tabs{background:#11101f;border-bottom:1px solid #bca27855;margin:0 -16px 12px}.crystal-theme .spirit-tabs button[aria-pressed=true]{color:#f1d9ff;background:linear-gradient(130deg,#5b377866,#9a64bc22);border-bottom-color:#bb8beb}.record-shell .growth-level{text-align:center;margin:8px 0}.record-shell .growth-level>div{color:#f3e1ba;font:28px/1.4 Georgia,serif}.record-shell .growth-level strong{color:#bde4b3;font-weight:400}.record-shell .growth-level small{color:#d2bddc;font-size:13px}.record-shell .stat-rows{padding:8px 10px}.record-shell .stat-rows>div{gap:10px;font-size:14px}.record-shell .costs{gap:8px;margin:6px 0 12px}.record-shell .costs>div{background:#12111dc7;border-color:#b197683e;padding:5px}.record-shell .costs .item-art{width:46px;height:46px}.record-shell .costs small{font-size:11px}.record-shell .costs span{font-size:12px}.cost-caption{justify-content:space-between;display:flex;color:#d6bf99!important;margin:10px 0 0!important;font-size:12px!important}.cost-caption span{color:#aa9ab7}.record-shell .skill-picks{gap:8px;margin:8px 0 12px}.record-shell .skill-picks button{background:#1b152b;border-color:#96745866;grid-template-columns:24px 1fr;gap:6px;min-height:70px;display:grid;position:relative}.record-shell .skill-picks small{color:#d4b9ef;grid-column:1/-1;font-size:11px}.record-shell .skill-picks [aria-pressed=true]{border-color:#c193e7;box-shadow:inset 0 0 15px #8d5dac30}.record-shell .growth-sheet .small-note{margin:10px 0 0;font-size:12px;line-height:1.6}.record-shell .small-note a{color:#ead0ff;align-items:center;min-height:48px;display:inline-flex}.camp-shell .mail-list{flex-direction:column;gap:10px;width:100%;height:auto;margin:14px 0;display:flex;position:relative;inset:auto;overflow:visible}.crystal-theme .mail-screen .spirit-tabs{background:#171321de;border:1px solid #b6996955}.camp-shell.crystal-theme .mail-entry{border:1px solid #b89b6566;border-radius:0;margin:0;box-shadow:inset 0 0 0 4px #191522,inset 0 0 0 5px #9d835327;background:linear-gradient(120deg,#282037ed,#111020ef)!important;min-height:110px!important;padding:14px!important}.crystal-theme .mail-entry>span{overflow-wrap:anywhere}.crystal-theme .mail-entry strong{color:#f0dfbc;font:600 17px/1.5 Songti SC,STSong,serif}.crystal-theme .mail-entry small{color:#c6b4d6;font-size:12px;line-height:1.5}.crystal-theme .mail-entry time{color:#b3a5bf;font-size:11px}.mail-read-state{color:#dcc2ef;font-style:normal}.crystal-theme .mail-entry.claimed{opacity:.75}.crystal-theme .mail-entry>.spirit-icon:first-child{width:34px;height:34px}.crystal-theme .letter-panel{padding:22px 18px}.letter-heading{color:#d7b981;align-items:center;gap:10px;display:flex}.letter-heading small{font-size:12px}.crystal-theme .letter-panel h2{color:#f2dfb8;overflow-wrap:anywhere;font:600 24px/1.5 Songti SC,STSong,serif}.crystal-theme .letter-meta{color:#b9a7c9;font-size:12px}.crystal-theme .letter-body{overflow-wrap:anywhere;color:#e3d7eb;border-top:1px solid #b59b5d44;min-height:130px;padding-top:20px;font-size:15px;line-height:1.9}.crystal-theme .mail-seal{color:#b6a175;margin:8px 0 16px}.mail-attachments{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.mail-attachments>div{background:#13111fbf;border:1px solid #b598623d;align-items:center;gap:5px;min-width:0;padding:5px;display:flex}.mail-attachments .item-art{width:44px;height:44px}.mail-attachments span{overflow-wrap:anywhere;color:#d9c6e1;min-width:0;font-size:12px;line-height:1.5}.mail-attachments strong{color:#f4ddaa;font-size:13px;font-weight:500;display:block}.crystal-theme .mail-detail .action-link{min-height:48px}.crystal-theme .mail-screen>.small-note{font-size:12px;line-height:1.6}@media (height<=700px){.record-shell .character-portrait{height:205px}.record-shell .character-portrait>div:not(.spirit-scene-art){top:18px}.record-shell .growth-sheet .spirit-tabs{margin-bottom:8px}}@media (width<=359px){.record-shell .character-portrait h2{font-size:23px}.record-shell .costs{flex-direction:column}.record-shell .costs>div{flex:none}.record-shell .costs>div>div{flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.mail-attachments{grid-template-columns:1fr}}.campaign-battle{background:#120d20}.campaign-battle .campaign-pause{color:#e6cf9c;background:#160f24dc;border:1px solid #b99a65a0;border-radius:2px;box-shadow:inset 0 0 0 3px #0c091780}.battle-loading{background:radial-gradient(at 50% 35%,#342043,#100c1d 70%);place-items:center;display:grid}.battle-load-card{text-align:center;background:#191222e8;border:1px solid #ab8c5d80;width:calc(100% - 48px);margin:24px;padding:26px 20px;box-shadow:inset 0 0 0 4px #110d1d}.battle-load-card small{color:#c8ad7e;letter-spacing:.12em;font-size:11px}.battle-load-card h2{color:#e6d2aa;font:600 24px/1.5 Songti SC,serif}.battle-load-card p{color:#c8b8d7;font-size:14px;line-height:1.8}.battle-load-card progress{accent-color:#bd91ec;width:100%;height:8px;margin:20px 0 10px;display:block}.battle-load-card span{color:#bba1d2;font-size:12px;display:block}.battle-load-card button{color:#eadef2;background:#2e203b;border:1px solid #aa8f6270;width:100%;min-height:48px;margin-top:16px;display:block}.online-quick-play{border-top:1px solid #b99b6c66;gap:12px;margin-top:24px;padding-top:18px;display:grid}.online-quick-play p{color:#cdbedb;font-size:13px;line-height:1.7}.online-quick-play>button{min-height:48px}.online-quick-play{border-top:0;border-bottom:1px solid #b99b6c66;margin:12px 0 22px;padding:0 0 18px}.online-quick-play .camp-consent{font-size:12px;line-height:1.8;display:block}.online-quick-play .camp-consent input{vertical-align:middle;width:20px;height:20px;margin:12px 10px 12px 0}.online-quick-play .camp-consent a{display:inline}.battle-build-review{text-align:left;overflow-wrap:anywhere;background:linear-gradient(135deg,#281c37,#141322);border:1px solid #b99b6c66;margin:16px 0}.battle-build-review>summary{box-sizing:border-box;cursor:pointer;color:#ead2a9;min-height:48px;padding:12px;font-size:15px;line-height:24px}.battle-build-review>summary span{color:#c7b5d8;white-space:nowrap;margin-left:8px;font-size:12px}.battle-build-review>summary:focus-visible{outline-offset:2px;outline:2px solid #e1c18b}.battle-build-review p{color:#d0c2dc;margin:10px 12px!important;font-size:13px!important;line-height:1.7!important}.battle-build-review ul{gap:8px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.battle-build-review li{border-top:1px solid #b99b6c33;padding-top:10px}.battle-build-review li>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.battle-build-review li small{color:#c9ace2;font-size:11px}.battle-build-review li strong{color:#efdbb7;font-size:15px}.battle-build-review li span{color:#c6b4d5;margin-left:auto;font-size:12px}.battle-build-review li p{margin:6px 0!important}.online-shell{min-height:100dvh}.online-form{gap:14px;display:grid}.online-form label{gap:8px;font-size:14px;display:grid}.online-form input:not([type=checkbox]){color:#fff;background:#171123;border:1px solid #9f7cbd;border-radius:4px;width:100%;min-width:0;min-height:48px;padding:10px;font-size:16px}.online-form p{font-size:13px;line-height:1.7}.online-form .camp-consent{flex-wrap:wrap;align-items:center;display:flex}.online-shell .camp-primary{margin-top:10px;padding-inline:24px;font-size:15px!important}.online-shell .camp-row{overflow-wrap:anywhere}.online-shell .camp-row p{max-width:200px}.online-shell>.camp-panel{margin-top:28px}.online-shell>.spirit-tabs{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.online-shell>.spirit-tabs button{min-height:48px}.online-shell .record-id{overflow-wrap:anywhere;color:#bca8cf;margin-top:6px;font-size:11px;display:block}.online-shell .records-screen{min-width:0}.online-shell .online-form select{color:#eee2ff;background:#181127;border:1px solid #9271a8;min-height:48px;padding:8px}.online-shell .setting-check{align-items:center;gap:10px;min-height:48px;display:flex}.online-shell .setting-check input{accent-color:#b885ea;width:22px;height:22px}.online-shell.record-shell .character-screen{margin:0 -16px}.online-shell.record-shell .character-portrait{margin-top:0}.online-shell .camp-notice button{min-width:100px;min-height:48px}.online-shell .mail-entry time{font-size:11px}.online-support{min-width:0}.online-support h2,.online-support p,.online-support strong{overflow-wrap:anywhere}.online-support textarea{resize:vertical;color:#fff;width:100%;min-width:0;min-height:144px;font:inherit;background:#171123;border:1px solid #9f7cbd;padding:12px;font-size:16px}.online-support .support-entry{text-align:left;gap:8px;width:100%;min-height:80px;margin:12px 0;display:grid}.online-support time{color:#c3b0d0;font-size:12px;display:block}.online-support .support-messages{margin:20px 0;padding:0;list-style:none}.online-support .support-messages li{border-top:1px solid #766083;padding:16px 0}.online-support .support-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.online-support button{min-height:48px}.online-support{scroll-margin-top:80px}.online-date-dialog>article{background:linear-gradient(140deg,#282035f5,#10101ff5);border:1px solid #bda06d80;padding:0;overflow:hidden;box-shadow:inset 0 0 0 4px #191522,inset 0 0 0 5px #9d835327}.online-date-dialog .dialog-close{z-index:3;background:#171121d9;border:1px solid #bda06d70}.online-date-hero{isolation:isolate;height:clamp(180px,28dvh,250px);position:relative;overflow:hidden}.online-date-hero img{object-fit:cover;object-position:50% 17%;width:100%;height:100%;display:block}.online-date-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#1c1728);position:absolute;inset:0}.online-date-hero>div{z-index:1;text-shadow:0 2px 8px #060410;max-width:80%;position:absolute;bottom:16px;left:20px}.online-date-dialog h2,.online-date-dialog h3,.online-date-invite h2{color:#f0dfbc;font-family:Songti SC,STSong,serif;font-weight:600}.online-date-dialog h2{font-size:25px;line-height:1.4}.online-date-hero small{letter-spacing:.15em;color:#d8bf91;font-size:10px}.online-date-body{min-width:0;padding:0 20px 20px}.online-date-dialog .date-chapter-label{color:#d7bc8d;letter-spacing:.08em;border-bottom:1px solid #ad925f55;margin:0;padding:12px 0;font-size:12px}.online-date-dialog .date-route-list{gap:10px;margin:18px 0;display:grid}.online-date-dialog .date-route-list button{text-align:left;background:linear-gradient(120deg,#282037ed,#111020ef);border:1px solid #b2986866;align-items:center;gap:12px;width:100%;min-height:80px;padding:14px 12px;display:flex}.online-date-dialog .date-route-list button[aria-pressed=true]{background:linear-gradient(120deg,#3c294c,#21162f);border-color:#d8b2f1;box-shadow:inset 0 0 12px #b780d533}.online-date-dialog .date-route-list strong{color:#f0dfbc;font:600 19px/1.5 Songti SC,STSong,serif;display:block}.online-date-dialog .date-route-list small{font-size:13px;line-height:1.6;display:block}.date-route-number{color:#bda06d;font:22px Georgia,serif}.online-date-dialog .spirit-icon{flex-shrink:0;width:22px;height:22px}.online-date-dialog .date-route-list button>span:nth-child(2){flex:1;min-width:0}.online-date-dialog .date-assist{color:#dcc1ee;align-items:center;gap:8px;font-size:13px;display:flex}.online-date-dialog .date-answer-list{gap:12px;margin:20px 0;display:grid}.online-date-dialog .date-answer-list button{text-align:left;background:#211a2e;border-color:#b2986866;justify-content:space-between;align-items:center;gap:10px;min-height:56px;display:flex}.online-date-dialog .date-conversation>p{color:#eadfec;font-size:16px;line-height:1.85}.online-date-dialog .date-conversation>small{color:#d7bc8d;margin-top:22px;display:block}.online-date-dialog .date-memory{background:#120f1c88;border-block:1px solid #b2986844;margin-bottom:16px;padding:4px 12px}.online-date-dialog .date-return{color:#bfaecc;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:16px;font-size:13px;display:flex}.online-date-invite{background:linear-gradient(120deg,#30213aed,#111020ef)!important;border:1px solid #b2986866!important}.online-date-invite>small{color:#d7bc8d;letter-spacing:.12em}.online-campaign>[aria-label=在线章节]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.online-campaign>[aria-label=在线章节] button{min-width:0;min-height:48px;font-size:13px}@media (width<=359px){.online-date-body{padding:0 14px 16px}.online-date-dialog h2{font-size:22px}.online-date-hero{height:180px}.online-date-dialog .date-route-list button{gap:8px;padding:12px 10px}}.online-shell.has-nav{padding-bottom:calc(90px + env(safe-area-inset-bottom));scroll-padding-bottom:100px}.online-shell .online-navigation{z-index:30}.online-shell .online-navigation a[aria-disabled=true]{opacity:.55;pointer-events:none}.online-shell .online-success{z-index:2;position:relative}.online-shell .online-success p{margin:0 0 8px}.online-shell .online-success button{min-height:48px;margin:4px}.online-hub-shell{background:#11101e}.online-hub-shell>.spirit-scene-art img{object-position:50% 10%;opacity:1}.online-hub-shell>.spirit-scene-art:after{background:linear-gradient(#0e0c1710 25%,#12101b66 53%,#100e1ef5 82%)}.online-hub-content{flex-shrink:0;min-width:0;position:relative}.online-hub-character{text-shadow:0 2px 10px #030209;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:clamp(250px,35dvh,370px);padding:0 6px 20px;display:flex}.online-hub-character>span{color:#f2dfba;letter-spacing:.15em;font:600 24px/1.5 Songti SC,STSong,serif}.online-hub-character small{color:#dcc8e9;font-size:13px}.online-hub-shortcuts{gap:12px;display:grid;position:absolute;top:24px;right:0}.online-hub-shortcuts a{background:#13101dbb;border:1px solid #b0986755;justify-items:center;gap:4px;max-width:125px;min-height:64px;padding:8px;font-size:13px;display:grid}.online-hub-shortcuts .spirit-icon{color:#d5bd8c;width:27px;height:27px}.online-hub-shortcuts small{font-size:10px}.online-hub-mission{background:linear-gradient(135deg,#2e223ae8,#111020f5);border:1px solid #bda16e88;padding:20px 16px;position:relative;box-shadow:inset 0 0 0 4px #17121d,inset 0 0 0 5px #ac906133}.online-hub-mission>.eyebrow{letter-spacing:.13em;color:#cfb381;font-size:10px}.online-hub-mission h2{color:#f3e4c6;overflow-wrap:anywhere;margin:12px 0 6px;font:600 27px/1.45 Songti SC,STSong,serif}.online-hub-mission p{font-size:14px;line-height:1.8}.online-hub-mission .hub-progress{color:#b7a1c8;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;display:flex}.online-hub-mission .goal-blocked{color:#efcf9d}.online-hub-mission details{border-top:1px solid #987b5655;margin-top:12px}.online-hub-mission summary{color:#ccb6db;cursor:pointer;min-height:48px;padding:12px 0}.online-hub-mission ul{padding:0;list-style:none}.online-hub-mission li{align-items:center;gap:8px;min-height:40px;font-size:13px;display:flex}.online-hub-mission li small{margin-left:auto}.online-hub-mission li .spirit-icon{color:#d3b889;width:17px;height:17px}.online-hub-mission details p{font-size:12px}.online-hub-mission .hub-refresh{color:#b3a1be;background:0 0;border:0;width:100%;min-height:48px;font-size:12px;display:block}.hub-revisit{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.hub-revisit a{border:1px solid #a58b6555;min-height:48px;padding:10px}.online-more-links{gap:10px;margin-top:18px;display:grid}.online-more-links a{color:#ebdcf3;background:#21172e;border:1px solid #b59c6655;align-items:center;gap:12px;min-height:56px;padding:12px;text-decoration:none;display:flex}.online-more-links a>span{flex:1}.online-more-links small{display:block}.online-more-dialog h2{color:#f3e4c6;font-family:Songti SC,STSong,serif}.online-shell .online-navigation .spirit-icon{width:26px;height:26px}@media (height<=700px){.online-hub-character{height:220px}.online-hub-shortcuts{top:14px}.online-hub-mission{padding:16px 14px}.online-hub-mission h2{font-size:23px}}@media (width<=359px){.online-hub-shortcuts a{max-width:108px}.online-hub-shortcuts small{font-size:9px}.online-shell .header-currency{gap:3px;font-size:10px}}.online-shell.online-hub-shell{overflow:hidden auto}.online-shell .online-navigation{width:min(100%,480px);padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right));margin:0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.online-shell .header-currency{min-width:0}.online-shell .online-success{color:#efdfc6;background:linear-gradient(135deg,#342544,#1a1729);border-color:#b69a6f77;flex-wrap:wrap;display:flex}.online-shell .online-success>p{color:inherit;flex-basis:100%}.online-shell .online-success button{color:#e3caef;padding:4px 8px}@media (height<=600px){.online-hub-character{height:190px}.online-hub-mission{padding-block:12px}.online-hub-mission h2{margin-top:8px}.online-hub-mission>p{margin-block:8px}.online-hub-shortcuts{gap:8px}.online-hub-shortcuts a{padding-block:5px}}.online-shell .letter-mark-read{min-height:48px;margin:0 0 18px;display:block}.online-shell .letter-attachment-title{letter-spacing:.12em;color:#d3bd92;margin:16px 0 10px;font-size:13px;font-weight:400}.online-shell.record-shell .growth-sheet{margin-inline:0}.inventory-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.inventory-guide-list button{text-align:left;align-items:center;gap:6px;min-width:0;min-height:64px;padding:8px;display:flex}.inventory-guide-list button[aria-pressed=true]{background:#39244d;border-color:#dcc49a}.inventory-guide-list button img{object-fit:contain;width:38px;height:38px}.inventory-guide-list small{color:#c7b6d6;font-size:11px;display:block}.inventory-guide-detail{margin-top:16px;padding:16px;line-height:1.7}.inventory-guide-detail>.camp-primary{justify-content:center;align-items:center;min-height:56px;display:flex}.battle-receipt .receipt-stats{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.battle-receipt .receipt-stats>div{background:#20172e;border:1px solid #b99b6c66;padding:12px}.battle-receipt .receipt-stats small,.battle-receipt .receipt-stats strong{display:block}.battle-receipt .receipt-stats strong{color:#e7d09b;font-size:19px}.battle-receipt .receipt-rewards{gap:8px;padding:0;list-style:none;display:grid}.battle-receipt .receipt-rewards li{align-items:center;gap:8px;min-height:48px;display:flex}.battle-receipt .receipt-rewards img{object-fit:contain;width:38px;height:38px}.battle-receipt .receipt-rewards strong{margin-left:auto}.battle-receipt .receipt-next{border-top:1px solid #b99b6c66;margin-top:18px;padding-top:10px}.battle-receipt button{min-height:48px}.journey-memories{border-top:1px solid #b99b6c66;margin-top:20px;padding-top:14px}.journey-memories ol{gap:14px;padding:0;list-style:none;display:grid}.journey-memories li,.journey-memories .journey-date{background:#251a33;border-left:2px solid #b99b6c88;padding:8px 12px}.journey-memories small,.journey-memories strong{display:block}.journey-memories small{color:#c9b286;font-size:12px}.journey-memories p{line-height:1.8}.battle-receipt .receipt-victory{background:radial-gradient(at 25% 65%,#8e62a532,#0000 65%),linear-gradient(110deg,#21162f,#141121);border-block:1px solid #b99b6c66;align-items:center;gap:8px;min-height:160px;margin:10px 0 16px;padding:4px 8px;display:flex;overflow:hidden}.battle-receipt .victory-figure{flex:none;place-items:center;width:150px;height:170px;display:grid}.battle-receipt .victory-figure canvas{width:170px;height:170px}.battle-receipt .receipt-victory small{letter-spacing:.08em;color:#b9a3ba;font-size:9px}.battle-receipt .receipt-victory strong{color:#eed6a7;margin:8px 0;font-family:Songti SC,serif;font-size:21px;display:block}.battle-receipt .receipt-victory p{margin:0;font-size:13px;line-height:1.7}.battle-receipt .victory-fallback{color:#dfc796;font-size:56px}@media (width<=360px){.battle-receipt .victory-figure{width:106px;height:140px}.battle-receipt .victory-figure canvas{width:140px;height:140px}.battle-receipt .receipt-victory strong{font-size:18px}}.inventory-guide .inventory-guide-detail{scroll-margin-top:84px}.character-screen .costs>.inspectable-material{padding:0;overflow:hidden}.character-screen .costs .growth-material-link{width:100%;min-width:0;min-height:58px;box-shadow:none;text-align:left;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;margin:0;padding:8px;display:flex}.character-screen .growth-material-link>div{flex:1;gap:4px;min-width:0;display:grid}.character-screen .growth-material-link small{overflow-wrap:anywhere;line-height:1.5}.character-screen .growth-material-link span{font-variant-numeric:tabular-nums;font-size:12px}.character-screen .growth-material-link>.spirit-icon{color:#d8bc88;flex:none;width:14px;height:14px}.character-screen .growth-material-link:hover{background:#3b2b4666}.character-screen .growth-material-link:focus-visible{outline-offset:-3px;outline:2px solid #e1c18b}.character-screen .growth-material-help{color:#c9b9d3;margin:6px 0;font-size:12px;line-height:1.6}@media (width<=420px){.character-screen .costs.material-inspection{flex-direction:column}.character-screen .costs>.inspectable-material{flex:none}}.online-shell .operation-info dl{margin:20px 0}.online-shell .operation-info dl>div{border-bottom:1px solid #b4966844;padding:12px 0}.online-shell .operation-info dt{color:#e6cf9c;font-weight:600}.online-shell .operation-info dd{overflow-wrap:anywhere;margin:6px 0 0}.online-shell .purchase-notice{border-bottom:1px solid #b4966844;padding:12px 0}.online-shell .purchase-notice [role=status]{color:#efdcac;background:#21192d;border:1px solid #b4966866;padding:12px}.online-shell .camp-footer nav[aria-label=运营信息]{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.online-shell .camp-footer nav[aria-label=运营信息] a{align-items:center;min-height:48px;display:inline-flex}.online-date-dialog>article{flex-direction:column;min-height:0;display:flex}.online-date-dialog .online-date-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.online-date-dialog .online-date-actions{z-index:2;background:linear-gradient(120deg,#30213a,#111020);border-top:1px solid #bda06d80;flex:none;padding:10px 20px 14px;position:relative}.online-date-dialog .online-date-actions p{color:#e2cde9;margin:0 0 8px;font-size:12px;line-height:1.5}.online-date-dialog .online-date-actions [role=alert]{color:#ffb7be;max-height:54px;overflow:auto}.online-date-dialog .online-date-actions .camp-primary{width:100%;min-height:48px;margin:0}.online-date-dialog .dialog-close{width:48px;min-height:48px}@media (width<=359px){.online-date-dialog .online-date-actions{padding:10px 14px 12px}}.inventory-guide .inventory-growth{background:#15102199;border-block:1px solid #b2986855;margin:16px 0;padding:12px}.inventory-guide .inventory-growth h4{color:#e4cba2;margin:0 0 10px;font-size:14px;font-weight:600}.inventory-guide .inventory-growth ul{margin:0;padding:0;list-style:none}.inventory-guide .inventory-growth li{flex-wrap:wrap;justify-content:space-between;gap:4px 8px;margin:8px 0;font-size:13px;display:flex}.inventory-guide .inventory-growth li small{text-align:right;color:#efb7c7;width:100%}.inventory-guide .inventory-growth p{margin:10px 0 0;font-size:12px;line-height:1.6}.battle-receipt .receipt-rewards li{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.battle-receipt .receipt-rewards li>span small{color:#bca9ce;font-size:11px;display:block}.battle-receipt .receipt-reward-link{color:#d9b9f1;grid-column:2/-1;justify-self:start;min-height:32px;padding:4px 0;font-size:12px;text-decoration:underline}:root{color:#f8f6ff;font-synthesis:none;text-rendering:optimizelegibility;--violet:#9c72ff;--violet-2:#6e45d2;--pink:#ff8ec7;--cyan:#70e8ff;--gold:#ffd990;--ink:#080510;--panel:#140d30c7;--line:#ded2ff52;--soft-line:#ded2ff21;background:#080510;font-family:Inter,DIN Alternate,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#080510;min-width:320px}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;width:100%;height:var(--app-height,100%);background:#0c071d 50%/cover no-repeat;min-height:360px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.app-shell:before{background:linear-gradient(90deg,#050310c7 0%,#08041870 36%,#0000 68%),linear-gradient(#0000 66%,#04020d99)}.app-shell:after{clip-path:polygon(0 0,45% 0,46% 2px,88% 2px,89% 0,100% 0,100% 100%,73% 100%,72% calc(100% - 2px),20% calc(100% - 2px),19% 100%,0 100%);border:1px solid #e1d5ff21;inset:14px}.screen-home{background-image:url(/yz/assets-v2/home-clean.webp)}.screen-dialogue{background-image:url(/yz/assets-v2/dialogue-clean.webp)}.screen-explore{background-image:url(/yz/assets-v2/battle-clean.webp)}.screen-date,.screen-result{background-image:url(/yz/assets-v2/home-clean.webp)}.screen-shop,.screen-support{background-image:url(/yz/assets-v2/home-clean.webp);background-position:62%}.screen-shop:before,.screen-support:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(100deg,#05030ff5,#0a061be3 55%,#090518c4)}.screen-explore:before{background:linear-gradient(#0805195c,#05030fd6),linear-gradient(90deg,#05030f80,#0000)}.screen-date:before{background:linear-gradient(90deg,#050310d1,#08041880 62%,#07031442)}.glass-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:linear-gradient(130deg,#332262bd,#120c2cdb),#120b2ccc;position:relative;box-shadow:0 26px 70px #02010a73,inset 0 1px #ffffff0f}.glass-panel:after{content:"";pointer-events:none;border:1px solid #cebbff1a;position:absolute;inset:7px}.eyebrow{color:#c8b6f3;letter-spacing:.25em;margin:0 0 4px;font-size:clamp(8px,.85vw,12px);font-weight:700}.primary-button,.secondary-button,.text-button{color:#fff;cursor:pointer;letter-spacing:.04em;border:1px solid #e6daffa6;border-radius:2px;justify-content:space-between;align-items:center;gap:22px;min-width:146px;min-height:48px;padding:0 18px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex;position:relative}.primary-button{background:linear-gradient(110deg,#ad77ff,#7043d4 74%);box-shadow:0 12px 36px #7c4ade59}.secondary-button{background:#0d08229e}.text-button{color:#cfc1ee;background:0 0;border-color:#0000;min-width:auto}.primary-button:hover,.secondary-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 42px #854feb6b}.primary-button b,.secondary-button b{font-size:18px;font-weight:400}.ambient-orbit{aspect-ratio:1;opacity:.22;pointer-events:none;width:39vw;position:absolute;top:14%;left:3.5vw}.ambient-orbit:before,.ambient-orbit:after,.ambient-orbit i{content:"";border:1px solid #ad89ff47;border-radius:50%;animation:18s linear infinite orbit;position:absolute;inset:0}.ambient-orbit:after{border-style:dashed;animation-duration:24s;animation-direction:reverse;inset:18%}.ambient-orbit i:first-child{inset:35%;box-shadow:0 0 60px #804feb47}.ambient-orbit i:nth-child(2){border-radius:0;inset:48% -12%;transform:rotate(45deg)}.ambient-orbit i:nth-child(3){border-radius:0;inset:8% 48%}.top-nav{z-index:5;top:max(18px, env(safe-area-inset-top));right:max(32px, env(safe-area-inset-right));align-items:stretch;gap:2px;display:flex;position:absolute}.top-nav a{background:linear-gradient(#190f3db8,#0d08227a);border-top:1px solid #dac9ff4d;border-bottom:1px solid #dac9ff24;align-items:center;gap:9px;min-width:86px;min-height:46px;padding:8px 15px;transition:background .18s;display:flex;position:relative}.top-nav a:after{content:"";background:#e0d3ff3b;width:1px;position:absolute;top:25%;bottom:25%;right:0}.top-nav a:hover{background:#6a44b79e}.top-nav i{color:#9d7be1;letter-spacing:.12em;font-size:9px;font-style:normal}.top-nav span{font-size:13px;font-weight:650}.home-card{left:max(6.2vw, env(safe-area-inset-left));width:min(48vw,690px);padding:14px 0 0 22px;animation:.55s cubic-bezier(.2,.8,.2,1) both revealLeft;position:absolute;top:19%}.home-card:before{content:"";background:linear-gradient(var(--cyan), var(--violet), transparent);width:2px;box-shadow:0 0 18px var(--violet);position:absolute;top:13px;bottom:0;left:0}.home-kicker{color:#d5c9ef;letter-spacing:.22em;align-items:center;gap:12px;width:75%;font-size:10px;display:flex}.home-kicker:after{content:"";background:linear-gradient(90deg,#c7b2ffa6,#0000);flex:1;height:1px}.home-kicker b{color:#8465c8;font-size:10px}.home-card h1{text-shadow:0 4px 30px #070318cc;margin:9px 0 0;line-height:.96}.home-card h1 span{color:#b7a4ed;letter-spacing:.38em;font-size:clamp(20px,2.5vw,36px);font-weight:450;display:block}.home-card h1 em{color:#fff;letter-spacing:.02em;margin-top:7px;font-size:clamp(44px,6.1vw,88px);font-style:normal;font-weight:850;display:block}.home-en{color:#8f77ca;letter-spacing:.24em;margin:8px 0 0;font-size:10px;font-weight:700}.home-intro{color:#f5f1ffd6;max-width:560px;margin:15px 0 18px;font-size:clamp(12px,1.18vw,17px);line-height:1.7}.home-actions{gap:10px;display:flex}.feature-row{color:#e5ddf5b3;gap:19px;margin-top:17px;font-size:10px;display:flex}.feature-row span{align-items:center;gap:7px;display:flex}.feature-row b{color:#9e7ee2;letter-spacing:.1em;font-size:8px}.legal-strip{left:max(6.2vw, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));color:#e8e1f58c;letter-spacing:.04em;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute}.legal-strip span{color:#d6caec;border:1px solid #e0d3ff42;padding:2px 6px}.legal-strip i{background:#e0d3ff4d;width:18px;height:1px}.page-header{z-index:5;top:max(14px, env(safe-area-inset-top));left:max(25px, env(safe-area-inset-left));right:max(25px, env(safe-area-inset-right));grid-template-columns:140px 1fr 140px;align-items:center;height:58px;display:grid;position:absolute}.page-header:after{content:"";background:linear-gradient(90deg,#0000,#d2bfff66,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.page-header>a{color:#e4dbf7;background:#120b2b75;border:1px solid #d1bfff3d;justify-content:center;align-items:center;width:fit-content;min-width:98px;min-height:34px;padding:7px 12px;font-size:11px;transition:background .18s;display:flex}.page-header>a:last-child{justify-self:end}.page-header>a:hover{background:#6843b17a}.page-header>div{text-align:center}.page-header h1{letter-spacing:.07em;margin:0;font-size:clamp(20px,2.2vw,32px);font-weight:750}.screen-dialogue:before{background:linear-gradient(90deg,#050311ab,#0503113d 56%,#0503111a),linear-gradient(#0000 54%,#03020be0)}.affection-meter{top:max(22px, env(safe-area-inset-top));left:max(4.5vw, env(safe-area-inset-left));z-index:4;align-items:center;gap:10px;width:min(29vw,390px);display:flex;position:absolute}.affection-meter span{color:#ffc6df;background:radial-gradient(circle,#a44f91,#2d174d);border:1px solid #ffb8dca6;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:0 0 26px #ff70bf33}.affection-meter>i,.hp-block i{background:#0e0922cc;border:1px solid #d7c4ff52;flex:1;height:9px;position:relative;overflow:hidden;transform:skew(-22deg)}.affection-meter b,.hp-block b{background:linear-gradient(90deg, var(--pink), var(--violet));height:100%;transition:width .25s;display:block;box-shadow:0 0 12px #ff78c9a6}.story-exit,.battle-back{z-index:10;top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));color:#dfd5f3;cursor:pointer;background:#0d08228a;border:1px solid #d5c3ff47;min-width:72px;min-height:36px;padding:6px 12px;font-size:11px;position:absolute}.battle-back{left:max(22px, env(safe-area-inset-left));right:auto}.choice-stack{z-index:3;gap:9px;width:min(43vw,610px);display:grid;position:absolute;top:22%;left:6.2%}.choice-stack button{color:#f8f5ff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(100deg,#1b113ee0,#23154e94,#160d344d);border:1px solid #cbb5ff47;grid-template-columns:36px 1fr 38px;align-items:center;gap:12px;min-height:60px;padding:8px 15px;transition:transform .2s,border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.choice-stack button:before{content:"";background:var(--violet);width:2px;box-shadow:0 0 14px var(--violet);position:absolute;top:0;bottom:0;left:0}.choice-stack button:hover{background:linear-gradient(100deg,#5b38a0e6,#2b1a5ba8);border-color:#e1d3ff9e;transform:translate(7px)}.choice-stack button:disabled{opacity:.52;cursor:wait}.choice-stack button span{color:#ac8aea;border:1px solid #dcccff4d;place-items:center;width:28px;height:28px;font:700 10px/1 Inter,sans-serif;display:grid}.choice-stack button b{font-size:clamp(12px,1.35vw,17px);font-weight:600}.choice-stack button i{color:#b79ce9;text-align:right;font-size:10px;font-style:normal}.dialogue-box{z-index:2;background:linear-gradient(100deg,#0a061bf0,#1a103ad6 66%,#0e0822b8);border-top:1px solid #d5c4ff66;min-height:25%;padding:20px 30px 16px;position:absolute;bottom:3.5%;left:5%;right:5%}.dialogue-box:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet), transparent);width:28%;height:2px;position:absolute;top:0;left:0}.dialogue-meta{align-items:center;gap:16px;display:flex}.dialogue-meta .speaker{color:#fff;letter-spacing:.08em;font-size:14px;font-weight:750}.dialogue-meta>div{gap:5px;display:flex}.dialogue-meta i{background:#ccbbf033;width:18px;height:2px}.dialogue-meta i.active{background:var(--violet);box-shadow:0 0 8px var(--violet)}.dialogue-box p{color:#f5f1ff;max-width:78%;margin:10px 0 8px;font-size:clamp(13px,1.55vw,21px);line-height:1.62}.dialogue-box small{color:#8f7caf;letter-spacing:.12em;font-size:8px}.screen-battle{background:#07040f}.screen-battle:after{display:none}.battle-stage,.battle-background,.phaser-host{position:absolute;inset:0}.battle-background{z-index:-1;background:linear-gradient(#0000 52%,#04020b5e),url(/yz/assets-v2/battle-clean.webp) 50%/cover no-repeat}.phaser-host canvas{display:block}.battle-loading{z-index:15;color:#bca8e7;letter-spacing:.15em;background:#080514;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.battle-bars{z-index:5;top:max(18px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:35% 1fr 35%;align-items:center;gap:4%;display:grid;position:absolute;left:3.5%;right:3.5%}.hp-block{color:#f8f3ff;text-shadow:0 2px 5px #000;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:11px;font-weight:700;display:grid}.hp-block.enemy{grid-template-columns:1fr auto}.hp-block.enemy span{grid-column:2}.hp-block.enemy i{grid-area:1/1}.hp-block.enemy b{background:linear-gradient(90deg,#ff628d,#bf4cff);margin-left:auto}.combo{color:#e5daf9;letter-spacing:.08em;background:#0a061c9e;border:1px solid #d3c2ff3d;justify-self:center;padding:6px 13px;font-size:10px}.mobile-controls{z-index:7;left:4%;right:4%;bottom:max(21px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.move-controls,.action-controls{pointer-events:auto;align-items:end;gap:10px;display:flex}.mobile-controls button{color:#fff;cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 40% 30%,#8758dea6,#190e3a8f 68%);border:1px solid #e0d2ff8c;border-radius:50%;place-items:center;width:clamp(54px,7vw,78px);height:clamp(54px,7vw,78px);display:grid;box-shadow:inset 0 0 24px #b17eff2e,0 9px 30px #03010c59}.mobile-controls .attack{background:radial-gradient(circle at 40% 30%,#a574f1,#4a288e 70%);width:clamp(68px,9vw,98px);height:clamp(68px,9vw,98px);font-weight:750}.mobile-controls button:active{filter:brightness(1.2);transform:scale(.93)}.screen-result:before{background:linear-gradient(90deg,#050310de,#070414a3 58%,#0000)}.result-panel{background:linear-gradient(120deg,#160d34eb,#25154bb8);border:1px solid #dac9ff40;grid-template-columns:30% 1fr;align-items:center;gap:3vw;width:min(59vw,850px);height:78%;padding:3vw;display:grid;position:absolute;top:11%;left:5.5%;overflow:hidden}.result-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 18%,#ffd37f1f,#0000 28%);position:absolute;inset:0}.rank-seal{aspect-ratio:1;color:#ffecbd;background:radial-gradient(circle,#ffd78433,#5e34970f 62%);border:1px solid #ffe1a1ad;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:clamp(68px,9vw,130px);display:grid;position:relative;box-shadow:0 0 60px #ffd37629,inset 0 0 32px #ffffff14}.rank-seal:before,.rank-seal:after{content:"";border:1px solid #ffde9733;position:absolute;inset:9%;transform:rotate(45deg)}.rank-seal:after{inset:22%;transform:rotate(0)}.rank-seal.failed{color:#ffb1cc;border-color:#ff8bb5a6}.result-copy{z-index:1;position:relative}.result-copy h1{letter-spacing:.05em;margin:2px 0;font-size:clamp(30px,4.1vw,58px)}.result-copy>p{color:#d9d0e9;margin:8px 0 15px;font-size:12px;line-height:1.6}.result-stats{grid-template-columns:repeat(2,1fr);gap:6px;margin:0 0 15px;display:grid}.result-stats div{background:#0805196b;border-left:2px solid #9c72ff;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.result-stats dt{color:#a99bbc;font-size:10px}.result-stats dd{margin:0;font-size:14px;font-weight:750}.result-actions{gap:6px;display:flex}.category-rail{top:21%;bottom:7%;left:max(2.4vw, env(safe-area-inset-left));flex-direction:column;gap:5px;width:9%;display:flex;position:absolute}.category-rail button,.support-nav button{border:1px solid var(--soft-line);color:#a99abb;cursor:pointer;background:#0b071d94;flex:1;min-height:40px;font-size:11px;transition:all .18s;position:relative}.category-rail button:before,.support-nav button:before{content:"";background:0 0;width:2px;position:absolute;top:25%;bottom:25%;left:0}.category-rail button:hover,.support-nav button:hover{color:#fff;background:#492d8473}.category-rail button.active,.support-nav button.active{color:#fff;background:linear-gradient(90deg,#6c42bcb3,#29195294);border-color:#cbb5ff61}.category-rail button.active:before,.support-nav button.active:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.shop-content{scrollbar-width:thin;scrollbar-color:#9467e28c transparent;padding:0 5px 12px;position:absolute;inset:19% 3% 5% 13%;overflow:auto}.draft-banner{border-left:2px solid var(--gold);color:#f2d9a7;letter-spacing:.03em;background:linear-gradient(90deg,#573b209e,#0000);margin-bottom:8px;padding:7px 12px;font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.product-card{border:1px solid var(--soft-line);background:linear-gradient(115deg,#25164ed9,#0d0822d4);grid-template-columns:38% 1fr;gap:12px;min-height:190px;padding:13px;transition:transform .2s,border-color .2s,filter .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #02010a47}.product-card:after{content:"";background:linear-gradient(90deg, var(--violet), transparent);width:35%;height:1px;position:absolute;top:0;left:0}.product-card:hover{filter:brightness(1.07);border-color:#d8c7ff61;transform:translateY(-3px)}.product-art{background:radial-gradient(circle,#7d4fd738,#0000 68%);min-height:120px;position:relative;overflow:hidden}.product-art img{object-fit:cover;mix-blend-mode:screen;filter:saturate(1.08)contrast(1.03);width:100%;height:100%}.product-art span{opacity:.62;height:2px;position:absolute;bottom:2px;left:13%;right:13%;box-shadow:0 0 18px}.product-card>div:nth-child(2){padding-top:3px}.product-card h2{margin:7px 0 5px;font-size:clamp(17px,1.9vw,26px)}.product-card p{color:#b9aecb;margin:0;font-size:10px;line-height:1.55}.product-card>strong{color:var(--gold);font-size:clamp(20px,2.2vw,30px);position:absolute;bottom:17px;left:calc(38% + 25px)}.product-card>strong small{color:#887899;letter-spacing:.12em;margin-right:5px;font-size:7px;position:static}.product-card>small{color:#8e7aaa;letter-spacing:.12em;font-size:7px;position:absolute;bottom:20px;right:15px}.product-card>small b{color:#ccb6f7;margin-left:3px;font-size:12px}.tag{color:#bba5e7;letter-spacing:.08em;background:#8958df1a;border:1px solid #c4adf438;border-radius:999px;padding:3px 8px;font-size:8px;display:inline-flex}.product-detail{border:1px solid var(--soft-line);background:linear-gradient(115deg,#180e37ed,#0b071de3);grid-template-columns:27% 1fr 29%;gap:14px;padding:16px;display:grid;position:absolute;inset:19% 4% 5%;overflow:auto}.detail-visual{border:1px solid var(--soft-line);background:radial-gradient(circle,#8251dd40,#0000 65%);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.detail-visual:after{content:"";aspect-ratio:1;border:1px solid #c1a9f41f;width:70%;position:absolute;transform:rotate(45deg)}.detail-visual img{z-index:1;object-fit:cover;mix-blend-mode:screen;width:78%;height:72%;position:relative}.detail-visual small{z-index:1;color:#81728f;letter-spacing:.18em;font-size:7px;position:relative}.detail-main{min-width:0}.detail-main h1{margin:6px 0 3px;font-size:clamp(25px,3.3vw,44px)}.detail-summary{color:#bfb4d0;margin:0;font-size:10px}.detail-price{color:var(--gold);margin:5px 0 7px;font-size:clamp(27px,3vw,41px);display:block}.detail-main section{border-top:1px solid var(--soft-line);margin-top:6px;padding-top:5px}.detail-main h2{color:#c7b6e9;letter-spacing:.08em;margin:0 0 3px;font-size:10px}.detail-main p,.detail-main li{color:#dad3e6;margin:2px 0;font-size:9px;line-height:1.42}.detail-main ul{margin:0;padding-left:16px}.order-card{background:#08051773;border-left:1px solid #cebbff40;padding:14px}.order-card h2{margin:0 0 7px;font-size:20px}.order-card>div{border-bottom:1px solid var(--soft-line);justify-content:space-between;gap:10px;padding:8px 0;font-size:9px;display:flex}.order-card>div span{color:#998baa}.order-card>div b{text-align:right}.order-card p{color:#e5c693;background:#5b3c1f73;border-left:2px solid #d4a35e;margin:8px 0;padding:7px;font-size:8px;line-height:1.45}.order-card button{color:#aaa0b5;cursor:not-allowed;background:linear-gradient(90deg,#524567b3,#372d48b8);border:1px solid #9e8cb94d;width:100%;min-height:39px;font-size:10px}.order-card a{color:#bba6e3;text-align:center;text-underline-offset:3px;margin-top:8px;font-size:9px;text-decoration:underline;display:block}.support-nav{flex-direction:column;gap:5px;width:16%;display:flex;position:absolute;top:21%;bottom:7%;left:3%}.support-article{width:48%;padding:3.4vw;position:absolute;top:21%;bottom:7%;left:21%;overflow:hidden}.support-article:before{content:"SUPPORT PROTOCOL";color:#d2c1f609;letter-spacing:.04em;font-size:5vw;font-weight:900;position:absolute;top:42%;right:-10px;transform:rotate(-90deg)}.support-article h2{margin:8px 0;font-size:clamp(25px,3.1vw,43px);position:relative}.support-article p{color:#d9d1e6;max-width:88%;margin:0;font-size:clamp(11px,1.25vw,16px);line-height:1.85;position:relative}.support-notice{border-left:2px solid var(--cyan);color:#bdb1cf;background:#07051673;margin-top:20px;padding:11px 13px;font-size:9px;line-height:1.5;position:relative}.contact-card{text-align:center;width:27%;padding:17px;position:absolute;top:21%;bottom:7%;right:3%}.support-bot{background:radial-gradient(circle at 40% 35%,#a479eb,#3b256e 72%);border:1px solid #d6c5ff80;border-radius:50%;width:55px;height:55px;margin:0 auto 5px;position:relative;box-shadow:0 0 28px #8b58e43d}.support-bot:before{content:"";border:2px solid #ece6ff;border-radius:8px;height:13px;position:absolute;top:20px;left:13px;right:13px}.support-bot i{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:25px}.support-bot i:first-child{left:21px}.support-bot i:last-child{right:21px}.contact-card h2{margin:3px 0 7px;font-size:18px}.contact-card dl{text-align:left;margin:0}.contact-card dl div{border-bottom:1px solid var(--soft-line);justify-content:space-between;gap:7px;padding:6px 0;font-size:8px;display:flex}.contact-card dt{color:#998baa}.contact-card dd{text-align:right;margin:0}.contact-card>a{background:linear-gradient(100deg,#8e5ad6,#5e379f);border:1px solid #ddccff61;justify-content:center;align-items:center;min-height:35px;margin-top:9px;font-size:10px;display:flex}.contact-card small{color:#bd9a72;margin-top:5px;font-size:7px;line-height:1.4;display:block}.global-support{display:none}.sound-toggle{z-index:40;right:max(18px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#8f80a6;cursor:pointer;letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07041680;border:1px solid #cfbbfa33;min-height:27px;padding:5px 9px;font-size:6px;position:absolute}.chapter-hud{z-index:8;top:max(18px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07041785;border:1px solid #cfbbfa29;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(42vw,560px);padding:7px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.chapter-hud>span,.chapter-hud>strong{color:#a994d3;letter-spacing:.14em;font-size:7px}.chapter-hud>i{background:#cfbbfa1f;height:3px;overflow:hidden}.chapter-hud>i b{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));height:100%;box-shadow:0 0 8px var(--violet);transition:width .35s;display:block}.chapter-hud>div{color:#c8badd;grid-column:1/-1;justify-content:center;gap:18px;font-size:8px;display:flex}.chapter-hud em{font-style:normal}.screen-dialogue .affection-meter{top:max(68px, calc(env(safe-area-inset-top) + 50px))}.dialogue-meta>b{color:#8f7caf;letter-spacing:.1em;font-size:8px;font-weight:600}.explore-heading{max-width:58%;position:absolute;top:14%;left:6%}.explore-heading p{color:#a58bcf;letter-spacing:.22em;margin:0;font-size:8px;font-weight:700}.explore-heading h1{margin:5px 0 3px;font-size:clamp(29px,3.5vw,50px)}.explore-heading span{color:#c1b7d0;font-size:10px}.location-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;inset:31% 6% 7%}.location-grid>button{color:#fff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#281753d6,#080519c2);border:1px solid #d3bfff38;padding:18px;transition:transform .22s,border-color .22s,filter .22s;position:relative;overflow:hidden}.location-grid>button:before{content:"";background:radial-gradient(circle at 85% 15%,#8653e547,#0000 40%);position:absolute;inset:0}.location-grid>button:hover{filter:brightness(1.08);border-color:#decdff85;transform:translateY(-5px)}.location-grid>button.visited{opacity:.64;filter:grayscale(.25)}.location-grid>button>i{color:#8f70ca;font:700 10px/1 Inter,sans-serif;position:relative}.location-grid>button>small{color:#796a90;letter-spacing:.16em;margin-top:18px;font-size:7px;display:block;position:relative}.location-grid h2{margin:5px 0 3px;font-size:clamp(22px,2.5vw,35px);position:relative}.location-grid>button>b{color:#b89fe8;font-size:9px;position:relative}.location-grid>button>p{color:#bdb3cc;max-width:90%;font-size:9px;line-height:1.6;position:relative}.location-grid>button>span{color:#d8c8f6;letter-spacing:.08em;font-size:9px;position:absolute;bottom:16px;left:18px}.location-grid>button.visited>span{color:var(--cyan)}.activity-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03020abd;place-items:center;animation:.2s both fadeIn;display:grid;position:absolute;inset:0}.activity-overlay>section{text-align:center;width:min(48vw,650px);padding:30px}.activity-overlay small{color:#9f89c7;letter-spacing:.2em;font-size:8px}.activity-overlay h2{margin:8px 0;font-size:clamp(25px,3vw,42px)}.activity-overlay p{color:#cfc5dc;max-width:88%;margin:0 auto 20px;font-size:11px;line-height:1.75}.activity-overlay .primary-button{margin:0 auto}.date-card{width:min(53vw,720px);padding:3.2vw;position:absolute;top:16%;bottom:8%;left:7%;overflow:hidden}.date-card:before{content:"";border:1px solid #bea3f31a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-90px;right:-70px;box-shadow:inset 0 0 80px #7344c714}.date-step{color:#9d87c4;letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.date-card>h1{margin:9px 0 4px;font-size:clamp(28px,3.7vw,52px)}.date-card>p:not(.eyebrow){color:#c9bfd6;margin:0 0 17px;font-size:11px;line-height:1.65}.date-options{gap:7px;display:grid}.date-options button{color:#fff;cursor:pointer;text-align:left;background:#0805198a;border:1px solid #cfbbfa33;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:51px;padding:8px 13px;transition:all .18s;display:grid}.date-options button:hover{background:#55339980;border-color:#decdff80;transform:translate(5px)}.date-options i{color:#9275c9;border:1px solid #cfbbfa38;place-items:center;width:26px;height:26px;font:700 8px/1 Inter,sans-serif;display:grid}.date-options span{font-size:11px;font-weight:650}.date-options b{color:#f5add0;font-size:9px}.battle-objective{z-index:6;color:#fff;text-shadow:0 2px 8px #000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.battle-objective span{color:#9d87c3;letter-spacing:.2em;font-size:7px}.battle-objective b{margin-top:2px;font-size:11px}.battle-help{z-index:25;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080518e6;border:1px solid #dac8ff59;grid-template-columns:70px 1fr;gap:8px 14px;width:min(47vw,600px);padding:23px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #00000080}.battle-help span{color:#9b7bd1;letter-spacing:.14em;font-size:7px}.battle-help b{color:#ddd4ea;font-size:10px;font-weight:500}.battle-help button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#9360e2,#59349e);border:1px solid #e1d2ff80;grid-column:1/-1;min-height:37px;margin-top:7px;font-size:10px}.mobile-controls .skill.cooling{opacity:.48;filter:saturate(.3);cursor:wait}@media (height<=500px){.app-shell:after{inset:8px}.top-nav{top:10px;right:18px}.top-nav a{min-width:75px;min-height:39px;padding:6px 11px}.home-card{width:53vw;padding-top:9px;top:15%;left:6%}.home-card h1{margin-top:6px}.home-card h1 span{font-size:clamp(18px,2.2vw,28px)}.home-card h1 em{margin-top:4px;font-size:clamp(38px,5.5vw,63px)}.home-en{margin-top:5px}.home-intro{max-width:480px;margin:9px 0 11px;font-size:11px;line-height:1.5}.primary-button,.secondary-button,.text-button{min-width:125px;min-height:39px;padding:0 14px;font-size:11px}.feature-row{margin-top:10px}.legal-strip{bottom:10px}.ambient-orbit{top:6%}.choice-stack{gap:6px;top:18%}.choice-stack button{min-height:48px;padding:5px 11px}.dialogue-box{min-height:25%;padding:13px 21px 10px;bottom:2%;left:4%;right:4%}.dialogue-box p{margin:5px 0;font-size:12px;line-height:1.45}.affection-meter{top:14px}.chapter-hud{padding:4px 9px;top:8px}.chapter-hud>div{display:none}.screen-dialogue .affection-meter{top:47px}.explore-heading{top:13%}.explore-heading h1{font-size:27px}.location-grid{top:29%;bottom:4%}.location-grid>button{padding:12px}.location-grid>button>small{margin-top:7px}.location-grid h2{font-size:21px}.location-grid>button>p{font-size:8px;line-height:1.4}.location-grid>button>span{bottom:10px;left:12px}.activity-overlay>section{width:56vw;padding:20px}.date-card{padding:22px;top:14%;bottom:4%}.date-card>h1{margin:5px 0 2px;font-size:28px}.date-card>p:not(.eyebrow){margin-bottom:8px;font-size:9px}.date-options{gap:5px}.date-options button{min-height:42px;padding:5px 10px}.battle-objective{top:43px}.result-panel{grid-template-columns:23% 1fr;gap:16px;width:63%;height:88%;padding:17px;top:6%;left:4%}.rank-seal{font-size:60px}.result-copy .eyebrow{display:none}.result-copy h1{font-size:29px}.result-copy>p{margin:3px 0 7px;font-size:9px}.result-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px}.result-stats div{padding:5px 6px;display:block}.result-stats dt{font-size:8px}.result-stats dd{margin-top:2px;font-size:12px}.result-actions .primary-button,.result-actions .secondary-button,.result-actions .text-button{flex:1;gap:3px;min-width:0}.page-header{height:50px;top:7px}.page-header h1{font-size:20px}.category-rail,.support-nav{top:19%;bottom:4%}.shop-content{top:18%;bottom:3%}.product-card{min-height:154px;padding:10px}.product-card p{display:none}.product-card>strong{bottom:10px}.product-card>small{bottom:13px}.product-art{min-height:102px}.product-detail{grid-template-columns:23% 1fr 30%;padding:11px;top:18%;bottom:3%}.detail-visual{min-height:170px}.detail-main h1{margin:3px 0;font-size:27px}.detail-price{margin:2px 0 4px;font-size:28px}.detail-main section{margin-top:3px;padding-top:3px}.detail-main p,.detail-main li{font-size:8px}.order-card{padding:10px}.order-card h2{font-size:17px}.order-card>div{padding:5px 0}.order-card p{margin:5px 0;padding:5px}.order-card button{min-height:34px}.support-article,.contact-card{top:19%;bottom:4%}.support-article{padding:22px}.support-article h2{margin:5px 0;font-size:28px}.support-article p{font-size:10px;line-height:1.65}.support-notice{margin-top:12px;padding:8px 10px}.contact-card{padding:9px 13px}.support-bot{width:38px;height:38px;margin-bottom:2px}.support-bot:before{height:10px;top:13px;left:8px;right:8px}.support-bot i{top:18px}.support-bot i:first-child{left:14px}.support-bot i:last-child{right:14px}.contact-card h2{margin:2px 0 4px;font-size:15px}.contact-card dl div{padding:4px 0}.contact-card>a{min-height:29px;margin-top:5px}.contact-card small{margin-top:3px;font-size:6px}}@media (width<=760px) and (orientation:landscape){.top-nav a{gap:5px;min-width:64px;padding:5px 8px}.top-nav i{display:none}.home-card{width:55vw;left:5%}.feature-row{display:none}.global-support{z-index:20;background:#23144cbf;border:1px solid #d4c3ff61;justify-content:center;align-items:center;min-width:44px;min-height:36px;font-size:10px;display:flex;position:absolute;bottom:12px;right:14px}.page-header{grid-template-columns:100px 1fr 100px;left:16px;right:16px}.page-header>a{min-width:78px;font-size:9px}.category-rail button,.support-nav button{font-size:9px}.product-card h2{font-size:16px}.product-detail{left:3%;right:3%}}@media (orientation:portrait){html,body,#root{min-height:100%}.app-shell{min-height:var(--app-height,100dvh);background-position:67%}.app-shell:after{inset:7px}.sound-toggle{right:10px;bottom:max(9px, env(safe-area-inset-bottom))}.top-nav{top:max(9px, env(safe-area-inset-top));justify-content:center;left:9px;right:9px}.top-nav a{justify-content:center;min-width:31%;min-height:39px;padding:6px 7px}.top-nav i{display:none}.home-card{width:88%;padding:10px 0 0 15px;top:43%;left:6%}.home-card h1 span{font-size:clamp(17px,5vw,24px)}.home-card h1 em{margin-top:4px;font-size:clamp(38px,12vw,58px)}.home-intro{margin:9px 0 12px;font-size:12px;line-height:1.55}.home-actions{gap:7px}.home-actions .primary-button,.home-actions .secondary-button{flex:1;min-width:0;min-height:43px}.feature-row{gap:10px;margin-top:12px;font-size:9px}.legal-strip{left:6%;right:6%;bottom:max(10px, env(safe-area-inset-bottom));gap:5px;font-size:7px}.ambient-orbit{width:90vw;top:6%;left:-18%}.chapter-hud{top:max(8px, env(safe-area-inset-top));width:64%;padding:5px 8px}.chapter-hud>div{display:none}.story-exit,.battle-back{top:max(8px, env(safe-area-inset-top));min-width:70px;min-height:31px;right:9px}.battle-back{left:9px;right:auto}.screen-dialogue{background-position:63% 0}.screen-dialogue .affection-meter{width:58%;top:55px;left:5%}.affection-meter span{width:34px;height:34px}.choice-stack{gap:7px;width:90%;top:31%;left:5%}.choice-stack button{grid-template-columns:31px 1fr 38px;min-height:55px;padding:7px 11px}.choice-stack button b{font-size:13px}.dialogue-box{min-height:25%;padding:17px 18px 13px;bottom:3%;left:4%;right:4%}.dialogue-box p{max-width:100%;margin:8px 0;font-size:14px;line-height:1.55}.dialogue-meta{flex-wrap:wrap;gap:7px 11px}.explore-heading{max-width:none;top:9%;left:6%;right:6%}.explore-heading h1{font-size:30px}.location-grid{grid-template-columns:1fr;gap:8px;inset:23% 5% 5%}.location-grid>button{min-height:0;padding:12px 15px}.location-grid>button>small{margin-top:3px}.location-grid h2{margin:4px 10px 2px 0;font-size:22px;display:inline-block}.location-grid>button>p{max-width:78%;margin:4px 0 22px;font-size:9px;line-height:1.4}.location-grid>button>span{bottom:12px;left:auto;right:14px}.activity-overlay>section{width:88vw;padding:23px 18px}.screen-date{background-position:69%}.date-card{width:90%;padding:24px 18px;top:12%;bottom:5%;left:5%}.date-card>h1{font-size:34px}.date-card>p:not(.eyebrow){font-size:12px}.date-options button{min-height:59px}.date-options span{font-size:12px}.screen-battle{min-height:var(--app-height,100dvh)}.battle-stage{height:52%;top:6%;bottom:auto;overflow:hidden}.battle-background{background-position:50%}.phaser-host{inset:0}.battle-bars{top:max(45px, calc(env(safe-area-inset-top) + 38px));grid-template-columns:40% 1fr 40%;gap:2%;left:3%;right:3%}.hp-block{gap:4px;font-size:8px}.combo{padding:4px 7px;font-size:7px}.battle-objective{text-align:center;width:70%;top:76px}.battle-objective b{font-size:9px}.mobile-controls{bottom:10%;left:7%;right:7%}.mobile-controls button{width:64px;height:64px}.mobile-controls .attack{width:82px;height:82px}.battle-help{grid-template-columns:56px 1fr;width:88vw;padding:18px;top:66%}.result-panel{grid-template-columns:31% 1fr;gap:13px;width:92%;height:82%;padding:18px;top:10%;left:4%}.rank-seal{font-size:66px}.result-copy h1{font-size:34px}.result-copy>p{font-size:10px}.result-stats{grid-template-columns:1fr 1fr}.result-actions{flex-wrap:wrap}.result-actions .primary-button,.result-actions .secondary-button{min-width:calc(50% - 4px)}.result-actions .text-button{width:100%;min-height:32px}.page-header{top:max(7px, env(safe-area-inset-top));grid-template-columns:85px 1fr 85px;height:53px;left:10px;right:10px}.page-header>a{min-width:76px;min-height:31px;padding:5px 7px;font-size:9px}.page-header h1{font-size:20px}.category-rail{flex-direction:row;gap:3px;width:auto;height:48px;inset:11% 4% auto}.category-rail button{min-width:0;font-size:9px}.shop-content{inset:19% 3% 2%}.product-grid{grid-template-columns:1fr;gap:8px}.product-card{grid-template-columns:38% 1fr;min-height:158px}.product-card p{font-size:9px;display:block}.product-detail{grid-template-columns:1fr;gap:10px;padding:12px;inset:10% 3% 2%}.detail-visual{min-height:210px}.detail-visual img{width:70%;height:80%}.detail-main h1{font-size:32px}.detail-main p,.detail-main li{font-size:10px}.order-card{border-top:1px solid #cebbff40;border-left:0}.order-card>div,.order-card p,.order-card a{font-size:10px}.support-nav{flex-direction:row;gap:3px;width:auto;height:50px;inset:11% 4% auto}.support-nav button{min-width:0;font-size:8px}.support-article{width:92%;height:37%;padding:22px;top:19%;bottom:auto;left:4%}.support-article h2{font-size:31px}.support-article p{max-width:100%;font-size:11px}.support-notice{margin-top:12px}.contact-card{width:auto;padding:13px 18px;inset:58% 4% 3%}.support-bot{width:42px;height:42px}.contact-card dl div{padding:5px 0;font-size:9px}.contact-card>a{min-height:34px;margin-top:6px}.global-support{display:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes revealLeft{0%{transform:translate(-18px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cinematic-home{background-image:url(/yz/assets-v2/home-clean.webp);background-position:50%;align-items:center;padding:7vw;display:flex}.cinematic-home:before{background:linear-gradient(90deg,#04020df0,#05031294 52%,#05020f1f)}.boot-vignette{pointer-events:none;background:radial-gradient(circle at 76% 43%,#0000 0 19%,#0502101f 45%,#020108b3 100%);position:absolute;inset:0}.brand-mark{z-index:2;width:min(52vw,720px);position:relative}.brand-mark small,.interaction-header small,.combat-brief>small,.ending-card>small{color:#b997ff;letter-spacing:.3em;font-size:10px}.brand-mark h1{letter-spacing:.06em;text-shadow:0 7px 35px #000;margin:10px 0;font-size:clamp(48px,7vw,96px);line-height:.96}.brand-mark h1 span{color:#c9b5f7;letter-spacing:.42em;font-size:.34em;font-weight:600;display:block}.brand-mark p{color:#ddd5ea;max-width:590px;font-size:clamp(13px,1.35vw,18px);line-height:1.8}.boot-panel{z-index:3;grid-template-columns:1fr auto;gap:10px;width:min(42vw,540px);display:grid;position:absolute;bottom:10%;left:7vw}.boot-panel>small{color:#8f83a2;letter-spacing:.08em;grid-column:1/-1;font-size:9px}.boot-progress{color:#9f90b4;letter-spacing:.14em;grid-column:1/-1;grid-template-columns:1fr auto;gap:8px;font-size:8px;display:grid}.boot-progress i{background:#3d3150;grid-column:1/-1;height:2px}.boot-progress em{background:linear-gradient(90deg,#65e7ff,#a778ff,#ff8fc8);height:100%;display:block;box-shadow:0 0 10px #9d76ff}.start-experience{color:#fff;text-align:left;letter-spacing:.1em;cursor:pointer;background:linear-gradient(100deg,#9c68ec,#6335aa);border:1px solid #d9c6ff;min-height:56px;padding:0 22px;font-weight:800}.start-experience b{float:right;font-size:20px}.start-experience:disabled{opacity:.45}.boot-sound{color:#c7b7da;background:#0a061cbf;border:1px solid #5d4b76;min-width:110px}.boot-legal{color:#756a84;letter-spacing:.12em;font-size:8px;position:absolute;bottom:4%;left:7vw}.cinematic-dialogue{background-image:url(/yz/assets-v2/dialogue-clean.webp);background-position:50%;transition:background-position 1s}.cinematic-dialogue.camera-close{background-position:58%}.cinematic-dialogue.camera-hero{background-position:64%}.cinematic-dialogue.fx-shake{animation:.45s sceneShake}.cinematic-dialogue.fx-flash:after{animation:.65s sceneFlash}.scene-atmosphere{pointer-events:none;background:linear-gradient(90deg,#04020e99,#0000 52%),radial-gradient(circle at 70% 35%,#9869ff21,#0000 27%);position:absolute;inset:0}.character-layer{filter:drop-shadow(0 18px 30px #0000007a);background:url(/yz/assets-v2/hero-battle.webp) bottom/contain no-repeat;width:57%;height:92%;transition:transform .7s,filter .7s;position:absolute;bottom:-5%;right:1%}.pose-guarded{filter:saturate(.72)drop-shadow(0 18px 30px #000);transform:translate(2%)scale(1.03)}.pose-soft,.pose-joy{filter:brightness(1.08)drop-shadow(0 18px 35px #501e6eb3);transform:translate(-2%)scale(1.06)}.character-glow{border-radius:50%;position:absolute;inset:20% 10%;box-shadow:0 0 100px #a067ff33}.story-top{z-index:9;top:max(18px,env(safe-area-inset-top));grid-template-columns:190px 1fr 110px;align-items:center;gap:20px;display:grid;position:absolute;left:4%;right:4%}.story-top>div{flex-direction:column;display:flex}.story-top small{color:#9e84cd;letter-spacing:.2em;font-size:8px}.story-top b{font-size:13px}.story-top>i{background:#ffffff1f;height:2px}.story-top em{background:linear-gradient(90deg,#72e6ff,#b975ff);height:100%;display:block}.story-top a{border:1px solid #dcc8ff4d;place-items:center;min-height:40px;font-size:10px;display:grid}.cinematic-dialogue-box{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(100deg,#0d0823f5,#190d39d4 65%,#100826ad);border:1px solid #dfcfff45;border-left:3px solid #a474ee;min-height:24%;padding:24px 30px;position:absolute;bottom:4%;left:5%;right:5%}.speaker-line{align-items:center;gap:15px;display:flex}.speaker-line strong{font-size:16px}.speaker-line span{color:#ffd99a;letter-spacing:.18em;border:1px solid #ffda9659;padding:3px 8px;font-size:7px}.cinematic-dialogue-box p{text-shadow:0 2px 8px #000;max-width:73%;min-height:58px;margin:10px 0 5px;font-size:clamp(15px,1.55vw,21px);line-height:1.75}.cinematic-dialogue-box>small{color:#80728f;font-size:8px}.type-caret{background:#d8c5ff;width:2px;height:1em;margin-left:4px;animation:.7s infinite blink;display:inline-block}.cinematic-choices{z-index:12;gap:10px;width:min(45vw,600px);display:grid;position:absolute;top:21%;left:5%}.cinematic-choices button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(90deg,#221248ed,#0c071fd1);border:1px solid #dcc8ff40;border-left:3px solid #8858da;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:66px;padding:10px 16px;transition:all .2s;display:grid}.cinematic-choices button:hover{background:linear-gradient(90deg,#683db5e6,#190d39e0);border-color:#cfb6ff;transform:translate(8px)}.cinematic-choices i{border:1px solid #695486;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;display:grid}.cinematic-choices span{font-size:14px;font-weight:700}.cinematic-choices b{color:#8d7ca2;letter-spacing:.1em;font-size:8px}.story-tools{z-index:14;gap:5px;display:flex;position:absolute;bottom:31%;right:5%}.story-tools button,.text-settings button{color:#998aac;background:#060312b3;border:1px solid #49395d;min-width:58px;min-height:32px;font-size:7px}.text-settings{z-index:15;display:flex;position:absolute;bottom:36%;right:5%}.text-settings button.active{color:#fff;background:#7246b8}.screen-interaction{background-image:url(/yz/assets-v2/home-clean.webp);background-position:50%}.screen-interaction:before{background:linear-gradient(90deg,#04020ee8,#08041680,#04020e73)}.interaction-header{z-index:4;max-width:58%;position:absolute;top:10%;left:6%}.interaction-header h1{margin:8px 0;font-size:clamp(36px,4.7vw,68px)}.interaction-header p{color:#c8bed5;max-width:650px;font-size:13px;line-height:1.7}.interaction-header.compact{max-width:48%;top:13%}.route-grid{z-index:4;grid-template-columns:repeat(3,1fr);gap:13px;display:grid;position:absolute;inset:34% 6% 7%}.route-grid button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#331c63e0,#080519d6);border:1px solid #dac7ff40;padding:24px;position:relative;overflow:hidden}.route-grid button:after{content:"";background:radial-gradient(circle at 80% 10%,#a367ff4d,#0000 38%);position:absolute;inset:0}.route-grid button:hover{border-color:#cbb1ff;transform:translateY(-6px)}.route-grid i{color:#9c76d8;font-style:normal}.route-grid small{color:#9f8bbd;letter-spacing:.16em;margin-top:18px;font-size:8px;display:block}.route-grid h2{z-index:1;margin:6px 0;font-size:clamp(24px,2.7vw,38px);position:relative}.route-grid p{z-index:1;color:#bdb1cc;font-size:11px;line-height:1.6;position:relative}.route-grid b{z-index:2;font-size:10px;position:absolute;bottom:20px;left:24px}.date-character{background:url(/yz/assets-v2/hero-battle.webp) bottom/contain no-repeat;width:58%;height:92%;position:absolute;bottom:-5%;right:1%}.interaction-options{z-index:5;gap:10px;width:45%;display:grid;position:absolute;top:46%;left:6%}.interaction-options button{color:#fff;text-align:left;cursor:pointer;background:#0e0823e0;border:1px solid #deccff42;grid-template-columns:42px 1fr;align-items:center;min-height:64px;padding:9px 15px;display:grid}.interaction-options button:hover{background:#5b339ed4;transform:translate(6px)}.interaction-options i{color:#9f7dd4;font-style:normal}.route-progress{z-index:7;gap:7px;display:flex;position:absolute;bottom:8%;left:6%}.route-progress i{background:#493960;width:36px;height:3px}.route-progress i.active{background:#a575f1;box-shadow:0 0 10px #a575f1}.memory-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03010abf;place-items:center;display:grid;position:absolute;inset:0}.memory-overlay section{text-align:center;background:linear-gradient(130deg,#23124bf7,#0a061bf7);border:1px solid #695283;width:min(53vw,690px);padding:38px}.memory-overlay small{color:#a98cdc;letter-spacing:.2em}.memory-overlay p{font-size:18px;line-height:1.8}.memory-overlay button{color:#fff;background:#7f4dca;border:1px solid #dfcdff;min-height:48px;padding:0 22px}.combat-hud{z-index:10;top:max(18px,env(safe-area-inset-top));grid-template-columns:1fr 120px 1fr;align-items:center;gap:25px;display:grid;position:absolute;left:5%;right:5%}.combat-vitals{letter-spacing:.1em;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:9px;display:grid}.combat-vitals i{background:#00000080;border:1px solid #ffffff40;height:8px;padding:2px}.combat-vitals b{background:linear-gradient(90deg,#73e4ff,#9e70ff);height:100%;transition:width .25s;display:block}.combat-vitals.enemy b{background:linear-gradient(90deg,#ff74aa,#a846e5)}.combat-center{text-align:center}.combat-center b{font-size:18px;display:block}.combat-center span{color:#a28cb9;font-size:7px}.energy-gauge{z-index:10;text-align:center;position:absolute;bottom:19%;left:32%;right:32%}.energy-gauge i{background:#080416b3;border:1px solid #66517d;height:5px;display:block}.energy-gauge b{background:linear-gradient(90deg,#70e8ff,#fff,#ff9fe0);height:100%;display:block;box-shadow:0 0 12px #a46cff}.energy-gauge span{letter-spacing:.15em;font-size:7px}.shield-readout{z-index:10;color:#bdf5ff;letter-spacing:.18em;font-size:9px;position:absolute;top:14%;right:7%}.combat-warning{z-index:13;color:#ffbed0;letter-spacing:.17em;background:#36041699;border:1px solid #ff5d87b3;padding:8px 20px;font-size:14px;font-weight:900;animation:.42s infinite alternate warningPulse;position:absolute;top:31%;left:50%;transform:translate(-50%)}.resume-countdown{z-index:40;background:#03010a80;place-items:center;font-size:110px;font-weight:900;display:grid;position:absolute;inset:0}.battle-exit{z-index:18;font-size:9px;position:absolute;top:14%;left:3%}.combat-brief{z-index:28;background:linear-gradient(135deg,#1f0f45f7,#070415f7);border:1px solid #765a96;width:min(48vw,620px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000}.combat-brief h2{margin:8px 0;font-size:32px}.combat-brief p{color:#c9bfd7;font-size:12px;line-height:1.7}.combat-brief button{color:#fff;background:linear-gradient(90deg,#9962e8,#6033a4);border:1px solid #e1ceff;width:100%;min-height:48px}.combat-controls{z-index:20;left:4%;right:4%;bottom:max(4%,env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.joystick,.combat-actions{pointer-events:auto;align-items:end;gap:9px;display:flex}.combat-controls button{color:#fff;touch-action:none;background:radial-gradient(circle at 35% 28%,#8552dae6,#11092bd9);border:1px solid #8b73aa;border-radius:50%;width:66px;height:66px}.combat-actions button{width:72px;height:72px}.combat-actions button:nth-last-child(2){background:radial-gradient(circle at 35% 28%,#b27bff,#54278f);width:88px;height:88px}.combat-actions small{color:#d7c9e7;letter-spacing:.08em;font-size:6px;display:block}.combat-actions .finisher{background:linear-gradient(145deg,#236a83,#8a4ac1);border-radius:20px;width:90px;box-shadow:0 0 20px #6ee8ff33}.combat-actions .learned{border-color:#bdfbff;box-shadow:0 0 12px #70e8ff59}.tutorial-checks{z-index:16;gap:8px;display:flex;position:absolute;bottom:21%;left:4%}.tutorial-checks span{color:#8d7aa4;background:#08041899;padding:5px 8px;font-size:8px}.tutorial-checks span.done{color:#9af4ff}.battle-objective{top:10%}.screen-ending{background-image:url(/yz/assets-v2/home-clean.webp);background-position:50%}.screen-ending:before{background:linear-gradient(90deg,#04020ee6,#08041675,#07031233)}.ending-light{background:radial-gradient(circle at 72% 27%,#c797ff42,#0000 30%);position:absolute;inset:0}.ending-card{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#190d3af0,#09051bd4);border:1px solid #e2cfff47;width:min(55vw,760px);padding:4vw;position:absolute;top:10%;bottom:8%;left:6%}.ending-rank{float:left;color:#ffe8ae;border:1px solid #ffe0a0;border-radius:50%;place-items:center;width:120px;height:120px;margin:20px 28px 20px 0;font:90px Georgia;display:grid;box-shadow:0 0 55px #ffda9129}.ending-card h1{margin:15px 0 4px;font-size:clamp(36px,4.8vw,66px)}.ending-card blockquote{color:#eac8ff;margin:5px 0;font-size:16px}.ending-card>p{color:#c8bdd5;line-height:1.7}.ending-card dl{clear:both;grid-template-columns:1fr 1fr;gap:7px;display:grid}.ending-card dl div{background:#04020e66;border-left:2px solid #9a68e5;justify-content:space-between;padding:10px;display:flex}.ending-card dt{color:#9586a8;font-size:9px}.ending-card dd{margin:0;font-weight:800}.ending-actions{gap:9px;margin-top:15px;display:flex}.ending-actions button,.ending-actions a{color:#fff;background:linear-gradient(90deg,#9660e5,#5e329e);border:1px solid #d7c2ff;place-items:center;min-width:150px;min-height:48px;display:grid}.ending-actions a{background:0 0}.ending-character{filter:drop-shadow(0 20px 40px #000);background:url(/yz/assets-v2/hero-battle.webp) bottom/contain no-repeat;width:58%;height:92%;position:absolute;bottom:-4%;right:-2%}@keyframes blink{50%{opacity:0}}@keyframes warningPulse{to{filter:brightness(1.3);transform:translate(-50%)scale(1.05)}}@keyframes sceneShake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}@keyframes sceneFlash{0%{opacity:.65;background:#fff}to{opacity:0}}@media (orientation:portrait){.cinematic-home,.cinematic-dialogue,.screen-interaction,.screen-battle,.screen-ending{transform-origin:0 0;min-width:720px}.brand-mark{width:62vw}.cinematic-choices{width:54vw}.cinematic-dialogue-box p{max-width:82%}.orientation-hint{display:block}}@media (height<=520px){.boot-panel{bottom:7%}.brand-mark h1{font-size:54px}.cinematic-dialogue-box{min-height:27%;padding:15px 22px}.cinematic-dialogue-box p{margin:5px 0;font-size:14px}.cinematic-choices{gap:6px;top:18%}.cinematic-choices button{min-height:53px}.interaction-header{top:8%}.route-grid{top:31%;bottom:5%}.combat-controls{bottom:2%}.energy-gauge{bottom:18%}.ending-card{padding:2.8vw;top:6%;bottom:5%}.ending-rank{width:90px;height:90px;font-size:66px}.ending-card h1{font-size:40px}}.character-layer,.date-character,.ending-character{display:none}.ending-actions{flex-wrap:wrap}.ending-actions button,.ending-actions a{font:inherit;cursor:pointer}.ending-actions button:nth-child(2){background:#100826ad}.home-shop-entry{z-index:20;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(110deg,#0c071fb8,#2b18529e);border:1px solid #dccaff52;grid-template-columns:1fr auto;align-content:center;column-gap:18px;min-width:154px;min-height:52px;padding:8px 16px;transition:all .2s;display:grid;position:absolute}.home-shop-entry:hover{background:linear-gradient(110deg,#301b5be0,#522d8bb8);border-color:#e0d3ffad;transform:translateY(-2px)}.home-shop-entry small{color:#917ea9;letter-spacing:.18em;grid-column:1;font-size:6px}.home-shop-entry span{letter-spacing:.08em;grid-column:1;font-size:12px;font-weight:750}.home-shop-entry b{color:#d7c5f8;grid-area:1/2/3;align-self:center;font-size:18px}@media (orientation:portrait){.home-shop-entry{top:max(12px,env(safe-area-inset-top));min-width:126px;min-height:44px;padding:6px 12px;right:14px}.home-shop-entry span{font-size:11px}}@media (orientation:portrait) and (width<=520px){html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}.app-shell,.cinematic-home,.cinematic-dialogue,.screen-interaction,.screen-battle,.screen-ending{width:100vw;min-width:0;min-height:var(--app-height,100dvh);overflow:hidden;transform:none}.app-shell:after{inset:7px}.cinematic-home{background-position:63%;padding:0;display:block}.cinematic-home:before{background:linear-gradient(#04020e33,#04020e6b 35%,#04020ef5 72%)}.boot-vignette{background:linear-gradient(#03010a0d,#03010a1a 40%,#03010ad1 69%,#03010afa)}.home-shop-entry{top:max(14px,env(safe-area-inset-top));background:#09051bad;min-width:116px;min-height:42px;padding:6px 10px;right:13px}.home-shop-entry small{font-size:5px}.home-shop-entry span{font-size:10px}.home-shop-entry b{font-size:15px}.brand-mark{width:auto;position:absolute;inset:auto 7% 31%}.brand-mark small{letter-spacing:.24em;font-size:7px}.brand-mark h1{margin:7px 0 10px;font-size:clamp(42px,14vw,58px);line-height:.92}.brand-mark h1 span{letter-spacing:.33em;font-size:.35em}.brand-mark p{max-width:92%;margin:0;font-size:12px;line-height:1.65}.boot-panel{left:7%;right:7%;bottom:max(8%,calc(env(safe-area-inset-bottom) + 40px));grid-template-columns:1fr 104px;gap:8px;width:auto}.boot-progress{font-size:6px}.start-experience{white-space:nowrap;min-width:0;min-height:50px;padding:0 16px;font-size:14px}.boot-sound{min-width:0;font-size:11px}.boot-panel>small{font-size:7px}.boot-legal{left:7%;bottom:max(18px,env(safe-area-inset-bottom));font-size:6px}.cinematic-dialogue{background-color:#090516;background-position:58% 0;background-size:auto 68%}.cinematic-dialogue:before{background:linear-gradient(#04020e0d,#04020e26 45%,#080412 70%)}.scene-atmosphere{background:linear-gradient(#0000 38%,#070312b8 60%,#070312 100%)}.story-top{top:max(13px,env(safe-area-inset-top));grid-template-columns:96px 1fr 72px;gap:9px;left:15px;right:15px}.story-top small{font-size:6px}.story-top b{font-size:10px}.story-top a{min-height:34px;font-size:8px}.cinematic-dialogue-box{left:13px;right:13px;bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(150deg,#130a2df7,#080417f7);border-left-width:2px;min-height:27%;padding:18px 18px 14px}.speaker-line strong{font-size:13px}.speaker-line span{font-size:5px}.cinematic-dialogue-box p{max-width:100%;min-height:76px;margin:8px 0 4px;font-size:14px;line-height:1.65}.cinematic-dialogue-box>small{font-size:7px}.cinematic-choices{gap:7px;width:auto;inset:auto 13px 31%}.cinematic-choices button{background:linear-gradient(90deg,#271452f7,#0a051bf0);grid-template-columns:32px 1fr auto;min-height:54px;padding:7px 11px}.cinematic-choices i{width:27px;height:27px}.cinematic-choices span{font-size:12px}.cinematic-choices b{font-size:6px}.story-tools{gap:3px;bottom:30%;right:16px}.story-tools button{min-width:46px;min-height:28px}.text-settings{bottom:34%;right:16px}.screen-interaction{background-color:#090516;background-position:68% 0;background-size:auto 62%}.screen-interaction:before{background:linear-gradient(#04020e14,#04020e5c 36%,#080412 61%)}.interaction-header,.interaction-header.compact{left:7%;right:7%;top:max(70px,calc(env(safe-area-inset-top) + 54px));max-width:none}.interaction-header small{font-size:7px}.interaction-header h1{margin:5px 0;font-size:32px}.interaction-header p{font-size:11px;line-height:1.55}.route-grid{top:31%;left:5%;right:5%;bottom:max(3%,env(safe-area-inset-bottom));flex-direction:column;gap:8px;padding:0 2% 16px;display:flex;overflow-y:auto}.route-grid button{background:linear-gradient(110deg,#2f195ef5,#080419f0);flex:0 0 158px;padding:16px 18px}.route-grid button small{margin-top:5px}.route-grid h2{margin:4px 0;font-size:25px}.route-grid p{margin:4px 0 20px;font-size:10px;line-height:1.45}.route-grid b{font-size:8px;bottom:12px;left:18px}.interaction-header.compact{max-width:86%;top:10%}.interaction-options{top:auto;left:5%;right:5%;bottom:max(7%,calc(env(safe-area-inset-bottom) + 28px));gap:8px;width:auto}.interaction-options button{background:#0f0826f2;min-height:58px;padding:8px 13px}.interaction-options span{font-size:12px;line-height:1.4}.route-progress{left:7%;bottom:max(3%,env(safe-area-inset-bottom))}.memory-overlay section{width:88vw;padding:28px 20px}.memory-overlay p{font-size:15px}.memory-overlay button{width:100%;min-height:50px}.screen-ending{background-color:#080412;background-position:66% 0;background-size:auto 62%}.screen-ending:before{background:linear-gradient(#04020e0d,#04020e4d 35%,#080412 60%)}.ending-card{top:auto;left:13px;right:13px;bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(145deg,#1b0e3df7,#080417f7);width:auto;height:61%;padding:24px 20px;overflow:auto}.ending-card>small{font-size:7px}.ending-rank{width:72px;height:72px;margin:14px 16px 10px 0;font-size:50px}.ending-card h1{margin:12px 0 4px;font-size:31px}.ending-card blockquote{font-size:12px;line-height:1.5}.ending-card>p{font-size:10px}.ending-card dl{gap:5px}.ending-card dl div{padding:7px}.ending-actions{gap:6px}.ending-actions button,.ending-actions a{flex:1;min-width:calc(50% - 4px);min-height:43px;font-size:10px}.ending-actions a{flex-basis:100%}.portrait-battle-gate{background-image:url(/yz/assets-v2/battle-clean.webp);background-position:50%;background-size:auto 100%}.portrait-battle-gate:before{background:linear-gradient(#04020e40,#04020ec7),radial-gradient(circle at 50% 38%,#8e56e438,#0000 36%)}.portrait-exit{z-index:4;top:max(14px,env(safe-area-inset-top));background:#0804189e;border:1px solid #dccaff4d;place-items:center;min-height:36px;padding:0 12px;font-size:8px;display:grid;position:absolute;right:14px}.rotate-device{z-index:5;text-align:center;position:absolute;top:50%;left:9%;right:9%;transform:translateY(-50%)}.rotate-aura{border:1px solid #b891ff33;border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 16px;display:grid;box-shadow:inset 0 0 45px #9257ec1a,0 0 60px #7141c31f}.phone-icon{border:3px solid #d9c7fa;border-radius:9px;width:48px;height:84px;animation:2.4s ease-in-out infinite rotatePhone;display:block;position:relative;box-shadow:0 0 18px #b993ff59}.phone-icon i{border:1px solid #cdb7ed;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.rotate-device>small{color:#aa8bdc;letter-spacing:.24em;font-size:7px}.rotate-device h1{margin:9px 0;font-size:34px;line-height:1.22}.rotate-device p{color:#bfb4ce;max-width:300px;margin:0 auto;font-size:11px;line-height:1.65}.rotate-status{color:#a797b8;letter-spacing:.12em;background:#07031580;border:1px solid #d1bcf733;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;font-size:8px;display:inline-flex}.rotate-status i{background:#b17af5;border-radius:50%;width:6px;height:6px;animation:1s infinite blink;box-shadow:0 0 9px #b17af5}}@keyframes rotatePhone{0%,18%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (orientation:landscape) and (height<=520px){html,body,#root{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body{position:fixed;inset:0}.app-shell,.cinematic-home,.cinematic-dialogue,.screen-interaction,.screen-battle,.screen-ending,.screen-shop,.screen-support{width:var(--app-width,100vw);height:var(--app-height,100dvh);min-height:0;max-height:var(--app-height,100dvh);overflow:hidden}.app-shell:after{inset:6px}.cinematic-home{background-position:50%;padding:0}.brand-mark{left:max(5%,env(safe-area-inset-left));width:48vw;top:13%;bottom:auto}.brand-mark small{letter-spacing:.22em;font-size:6px}.brand-mark h1{margin:5px 0 7px;font-size:clamp(32px,6.5vh,48px);line-height:.92}.brand-mark h1 span{font-size:.34em}.brand-mark p{max-width:47vw;margin:0;font-size:clamp(8px,2.4vh,11px);line-height:1.45}.boot-panel{left:max(5%,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 92px;gap:6px;width:46vw}.boot-progress{gap:4px;font-size:5px}.boot-panel>small{display:none}.start-experience{min-height:38px;padding:0 13px;font-size:10px}.start-experience b{font-size:15px}.boot-sound{min-width:0;font-size:8px}.boot-legal{display:none}.home-shop-entry{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-width:112px;min-height:38px;padding:5px 10px}.home-shop-entry span{font-size:9px}.home-shop-entry b{font-size:14px}.story-top{top:max(7px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));grid-template-columns:120px 1fr 80px;gap:10px}.story-top a{min-height:30px}.cinematic-dialogue-box{bottom:max(7px,env(safe-area-inset-bottom));min-height:29%;padding:10px 18px 8px}.cinematic-dialogue-box p{min-height:36px;margin:3px 0;font-size:11px;line-height:1.4}.speaker-line strong{font-size:11px}.cinematic-choices{gap:5px;top:16%}.cinematic-choices button{min-height:43px;padding:4px 10px}.cinematic-choices span{font-size:10px}.story-tools{bottom:31%}.combat-hud{top:max(6px,env(safe-area-inset-top));left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right));grid-template-columns:1fr 75px 1fr;gap:10px}.combat-vitals{font-size:6px}.combat-vitals i{height:6px}.combat-center b{font-size:12px}.battle-objective{top:10%}.battle-objective small{font-size:5px}.battle-objective b{font-size:8px}.combat-brief{width:min(56vw,510px);padding:15px;top:49%}.combat-brief h2{margin:4px 0;font-size:22px}.combat-brief p{margin:5px 0 9px;font-size:9px;line-height:1.45}.combat-brief button{min-height:34px;font-size:9px}.combat-controls{left:max(2%,env(safe-area-inset-left));right:max(2%,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom))}.combat-controls button{width:48px;height:48px}.combat-actions button{width:50px;height:50px}.combat-actions button:nth-last-child(2){width:60px;height:60px}.combat-actions .finisher{border-radius:15px;width:68px;height:54px}.combat-actions small{font-size:4px}.energy-gauge{left:34%;right:34%;bottom:max(8px,calc(env(safe-area-inset-bottom) + 2px))}.tutorial-checks{left:max(3%,env(safe-area-inset-left));bottom:max(65px,calc(env(safe-area-inset-bottom) + 60px))}.tutorial-checks span{padding:3px 5px;font-size:6px}.interaction-header,.interaction-header.compact{top:8%}.interaction-header h1{font-size:27px}.interaction-header p{font-size:8px}.route-grid{top:29%;bottom:max(5px,env(safe-area-inset-bottom))}.interaction-options{top:40%;bottom:auto}.memory-overlay section{padding:18px}.memory-overlay p{margin:8px 0;font-size:12px}.memory-overlay button{min-height:36px}.ending-card{top:5%;bottom:max(5px,env(safe-area-inset-bottom));padding:15px}.ending-rank{width:70px;height:70px;font-size:50px}.ending-card h1{font-size:29px}.ending-card blockquote{font-size:11px}.ending-card>p{font-size:8px}.ending-card dl div{padding:5px}.ending-actions{margin-top:7px}.ending-actions button,.ending-actions a{min-height:34px}}.system-screen,.document-screen,.login-screen,.hub-screen,.character-screen,.investigation-screen{background-image:url(/yz/assets-v2/home-clean.webp);background-position:50%;background-size:cover}.system-screen:before,.document-screen:before,.login-screen:before,.character-screen:before{background:linear-gradient(115deg,#050310f7,#0b061ee8 58%,#090417b8)}.system-top{z-index:20;left:3%;right:3%;top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--soft-line);grid-template-columns:120px 1fr 160px;align-items:center;height:54px;display:grid;position:absolute}.system-top>a,.system-top button,.system-top>div a{border:1px solid var(--soft-line);background:#0c071fa6;place-items:center;min-height:36px;padding:0 12px;font-size:9px;display:inline-grid}.system-top h1{text-align:center;margin:0;font-size:22px}.system-top>div{text-align:right}.profile-bar{z-index:19;top:max(76px,calc(env(safe-area-inset-top) + 62px));border:1px solid var(--soft-line);background:#080418b3;justify-content:flex-end;align-items:center;gap:16px;height:36px;padding:0 12px;font-size:9px;display:flex;position:absolute;left:3%;right:3%}.profile-bar span{color:#d8c6fa;margin-right:auto;font-weight:800}.profile-bar b{color:#d5c5e8}.profile-bar a{color:#a98ecf}.system-loading{color:#a88dd3;letter-spacing:.2em;place-items:center;display:grid;position:absolute;inset:0}.legal-footer{z-index:30;left:3%;right:3%;bottom:max(8px,env(safe-area-inset-bottom));color:#71657f;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute}.legal-footer nav{gap:12px;display:flex}.legal-footer a{color:#a995bd;text-underline-offset:3px;text-decoration:underline}.demo-warning{color:#f0d1a1;background:#5535188c;border-left:3px solid #e2ad66;padding:9px 12px;font-size:9px}.system-toast{z-index:80;background:#100826f5;border:1px solid #9e78d2;padding:10px 18px;font-size:10px;position:absolute;bottom:11%;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #000}.empty-state{text-align:center;color:#9284a2;padding:35px}.login-card{background:linear-gradient(140deg,#1c0f3ff2,#080418eb);border:1px solid #dbc9ff4d;width:min(42vw,560px);padding:3vw;position:absolute;top:12%;bottom:11%;left:8%;overflow:auto}.login-card>small{color:#a587d2;letter-spacing:.2em;font-size:8px}.login-card h1{margin:7px 0;font-size:clamp(34px,4vw,54px)}.login-card>p{color:#c7bdd4;font-size:11px;line-height:1.6}.login-card label:not(.consent){color:#9d8eaf;gap:5px;margin-top:12px;font-size:9px;display:grid}.login-card input{color:#fff;background:#050211a6;border:1px solid #58466e;outline:none;width:100%;min-height:44px;padding:0 12px}.code-row{grid-template-columns:1fr 120px;align-items:end;gap:8px;display:grid}.code-row button{color:#fff;background:#50327f;border:1px solid #8f6db9;min-height:44px}.demo-code{color:#d8c4f3;background:#5c368f57;margin-top:8px;padding:8px;font-size:9px}.consent{color:#bdb2ca;align-items:flex-start;gap:8px;margin:12px 0;font-size:9px;line-height:1.5;display:flex}.consent input{width:16px;height:16px;min-height:0}.consent a{color:#caaaff;text-decoration:underline}.form-error{color:#ff9ebb;margin:8px 0;font-size:9px}.login-submit{color:#fff;background:linear-gradient(90deg,#9760e5,#5e329e);border:1px solid #decaff;width:100%;min-height:48px;font-weight:800}.document-screen{overflow:auto}.legal-document{border:1px solid var(--soft-line);background:#0b061de8;padding:32px 4vw;position:absolute;inset:13% 12% 9%;overflow:auto}.legal-document>small{color:#8e7ca6;font-size:8px}.legal-document h2{font-size:32px}.legal-document h3{color:#c9afea;margin:22px 0 4px;font-size:15px}.legal-document p{color:#d2cadc;font-size:12px;line-height:1.9}.operation-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.operation-grid>p{grid-column:1/-1}.operation-grid>div{border:1px solid var(--soft-line);background:#0503106b;justify-content:space-between;gap:15px;padding:12px;font-size:10px;display:flex}.operation-grid span{color:#9485a5}.operation-grid b{text-align:right}.hub-screen{background-image:url(/yz/assets-v2/dialogue-clean.webp);background-position:50%}.hub-screen:before{background:linear-gradient(90deg,#04020ee0,#0703147a 60%,#04020e61)}.hub-screen .profile-bar{top:max(14px,env(safe-area-inset-top))}.hub-scene-copy{max-width:47%;position:absolute;top:13%;left:5%}.hub-scene-copy small,.current-mission small{color:#a58bd0;letter-spacing:.19em;font-size:7px}.hub-scene-copy h1{margin:6px 0;font-size:clamp(32px,4.3vw,60px)}.hub-scene-copy p{color:#c5bbd2;font-size:11px}.current-mission{background:#100828d4;border:1px solid #dbc8ff47;border-left:3px solid #a16fe8;width:39%;padding:18px;position:absolute;top:38%;left:5%}.current-mission h2{margin:5px 0;font-size:24px}.current-mission p{color:#bcb1ca;font-size:10px}.current-mission button{color:#fff;background:#7547ba;border:1px solid #d8c4fa;min-height:39px;padding:0 17px}.hub-menu{grid-template-columns:1fr 1fr;gap:8px;width:43%;display:grid;position:absolute;top:16%;bottom:11%;right:4%}.hub-menu a{border:1px solid var(--soft-line);background:linear-gradient(120deg,#291753e6,#09051ae0);flex-direction:column;justify-content:center;padding:15px;transition:all .2s;display:flex;position:relative}.hub-menu a:hover{border-color:#c9aef0;transform:translateY(-3px)}.hub-menu i{color:#8768b6;font-size:7px;font-style:normal}.hub-menu b{margin:4px 0;font-size:17px}.hub-menu span{color:#9284a4;font-size:8px}.hub-menu .has-badge:after{content:"NEW";background:#ff6b9e;border-radius:9px;padding:3px 6px;font-size:6px;position:absolute;top:10px;right:10px}.hub-shortcut{background:#0a051ba6;border:1px solid #685480;place-items:center;font-size:10px;display:grid}.mail-list,.quest-list,.order-list{align-content:start;gap:8px;display:grid;position:absolute;inset:18% 6% 10%;overflow:auto}.mail-card{border:1px solid var(--soft-line);background:#140b2fdb;grid-template-columns:1fr 28% 120px;align-items:center;gap:15px;padding:14px 18px;display:grid}.mail-card.claimed{opacity:.55}.mail-card h2{margin:3px 0;font-size:17px}.mail-card p,.mail-card li,.mail-card time{color:#a99db9;font-size:8px}.mail-card button{color:#fff;background:#6840a4;border:1px solid #b28bdc;min-height:38px}.mail-card button:disabled{opacity:.45}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid;position:absolute;inset:20% 6% 17%;overflow:auto}.inventory-grid article{border:1px solid var(--soft-line);background:linear-gradient(135deg,#2b1856e6,#09051be0);min-height:170px;padding:16px;position:relative}.inventory-grid article>i{color:#c9aaff;font-size:30px;font-style:normal}.inventory-grid h2{margin:8px 0 2px}.inventory-grid article>b{position:absolute;top:15px;right:14px}.inventory-grid p,.inventory-grid small{color:#9e91ad;font-size:8px;line-height:1.5;display:block}.inventory-grid button,.inventory-tip button{color:#fff;background:#6740a1;border:1px solid #ad86d9;min-height:32px;padding:0 12px}.inventory-tip{border:1px solid var(--soft-line);background:#0b061ed4;justify-content:space-between;align-items:center;padding:10px 14px;font-size:9px;display:flex;position:absolute;bottom:10%;left:6%;right:6%}.character-preview{background:url(/yz/assets-v2/hero-battle.webp) bottom/contain no-repeat;width:48%;position:absolute;top:11%;bottom:4%;right:1%}.growth-panel{border:1px solid var(--soft-line);background:#11092ae6;width:52%;padding:20px;position:absolute;top:19%;bottom:10%;left:5%;overflow:auto}.growth-panel>small{color:#aa8bd3}.growth-panel>h1{margin:5px 0;font-size:32px}.power-value{color:#f0d19c}.growth-panel article{background:#05031175;border-left:2px solid #9d69df;margin-top:8px;padding:11px 110px 11px 12px;position:relative}.growth-panel article h2{margin:0;font-size:14px}.growth-panel article p,.growth-panel article b{color:#9f92ad;font-size:8px;display:block}.growth-panel article button{color:#fff;background:#6740a0;border:1px solid #b991e1;min-width:82px;min-height:36px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.quest-list{grid-template-columns:1fr 1fr}.quest-list article{border:1px solid var(--soft-line);background:#130a2ddb;padding:16px;position:relative}.quest-list article.locked{opacity:.42}.quest-list article.claimed{opacity:.6}.quest-list article>span{float:right;color:#a78abd;text-transform:uppercase;font-size:7px}.quest-list h2{margin:3px 0}.quest-list p,.quest-list small{color:#a99db8;font-size:9px}.quest-list button{float:right;color:#fff;background:#6840a5;border:1px solid #b78fdf;min-height:34px}.investigation-screen{background-image:url(/yz/assets-v2/battle-clean.webp)}.clue-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;inset:22% 6% 11%}.clue-grid button{border:1px solid var(--soft-line);color:#fff;text-align:left;background:linear-gradient(140deg,#2d185ae6,#080419e0);padding:22px}.clue-grid button.done{opacity:.6}.clue-grid i{color:#a882db;font-style:normal}.clue-grid h2{font-size:24px}.clue-grid p{color:#afa3bc;font-size:10px;line-height:1.6}.support-layout{grid-template-columns:15% 39% 1fr;gap:9px;display:grid;position:absolute;inset:15% 5% 10%}.support-layout>nav{gap:5px;display:grid}.support-layout>nav button{border:1px solid var(--soft-line);color:#c7b6dc;background:#180d37cc}.support-layout>article,.support-chat{border:1px solid var(--soft-line);background:#0f0826e0;padding:20px}.support-layout article p{color:#c4b9d0;line-height:1.8}.support-layout dl div{border-bottom:1px solid var(--soft-line);justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.support-layout dd{text-align:right;margin:0}.support-chat{flex-direction:column;display:flex}.support-chat>div{flex:1;overflow:auto}.support-chat p{background:#3c236a;border-radius:5px;max-width:85%;padding:8px;font-size:9px}.support-chat p.support{background:#1c4057;margin-left:auto}.support-chat form{grid-template-columns:1fr 60px;display:grid}.support-chat input{color:#fff;background:#080419;border:1px solid #514064;min-width:0;padding:9px}.support-chat button{color:#fff;background:#603b96;border:1px solid #9370bd}.account-card{border:1px solid var(--soft-line);background:#130a2deb;gap:10px;padding:32px;display:grid;position:absolute;top:21%;left:28%;right:28%}.account-card a,.account-card button{color:#fff;background:#08041880;border:1px solid #6e5886;place-items:center;min-height:42px;display:grid}.account-card .danger{background:#5a2037;border-color:#a74e70}.order-list article{border:1px solid var(--soft-line);background:#130a2de0;padding:15px}.order-list h2{margin:4px 0}.order-list p{color:#8f82a1;font-size:8px}@media (orientation:portrait) and (width<=520px){.system-top{grid-template-columns:75px 1fr 75px;height:45px;left:12px;right:12px}.system-top h1{font-size:16px}.profile-bar{gap:8px;font-size:7px;top:62px;left:12px;right:12px;overflow:hidden}.profile-bar b:nth-of-type(2){display:none}.legal-footer{text-align:center;display:block;left:12px;right:12px}.legal-footer span{display:none}.legal-footer nav{justify-content:center;gap:8px}.login-card{width:auto;padding:25px 20px;inset:7% 13px 9%}.login-card h1{font-size:34px}.legal-document{padding:22px 18px;inset:10% 13px 8%}.legal-document h2{font-size:25px}.operation-grid{display:block}.operation-grid>div{margin-bottom:6px}.hub-screen{background-position:63% 0}.hub-screen .profile-bar{top:14px}.hub-scene-copy{max-width:none;top:10%;left:6%;right:6%}.hub-scene-copy h1{font-size:30px}.hub-scene-copy p{font-size:9px}.current-mission{width:auto;padding:13px;top:25%;left:5%;right:5%}.current-mission h2{font-size:18px}.hub-menu{grid-template-columns:1fr 1fr;gap:6px;width:auto;inset:48% 5% 8%}.hub-menu a{padding:10px}.hub-menu b{font-size:14px}.mail-list,.quest-list,.order-list{inset:14% 13px 8%}.mail-card{grid-template-columns:1fr;padding:13px}.inventory-grid{grid-template-columns:1fr 1fr;inset:14% 13px 17%}.inventory-tip{display:block;bottom:8%;left:13px;right:13px}.character-preview{width:70%;height:37%;top:9%;right:-10%}.growth-panel{width:auto;padding:15px;inset:35% 13px 8%}.growth-panel article{padding-right:90px}.quest-list{grid-template-columns:1fr}.clue-grid{grid-template-columns:1fr;inset:13% 13px 7%;overflow:auto}.clue-grid button{min-height:170px}.support-layout{display:block;inset:11% 13px 8%;overflow:auto}.support-layout>nav{height:45px;display:flex}.support-layout>nav button{flex:1}.support-layout>article,.support-chat{margin-top:8px}.support-chat{min-height:320px}.account-card{top:15%;left:13px;right:13px}}