html,body{margin:0;height:100%;overflow:hidden;background:#809eba;color:#f5f5ff}#world-viewport{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden}#world-canvas{position:absolute;inset:0;background:linear-gradient(#97b8da,#c8d6e3)}#world-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.world-loading{display:grid;place-content:center;height:100%;color:#263d62;line-height:1.8;text-align:center}.w-header{position:absolute;z-index:5;top:0;left:0;right:0;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none;background:linear-gradient(#17233970,transparent)}.w-header>*{pointer-events:auto}.w-logo{text-decoration:none;display:flex;align-items:center;gap:10px;color:white;font-size:29px;text-shadow:0 3px 15px #17294255}.w-logo>span{font-size:23px;font-weight:800;letter-spacing:2px;line-height:1.3}.w-logo small{display:block;font-size:12px;letter-spacing:2px;margin-top:4px;color:#eff4ff}.w-top-actions{display:flex;gap:8px;align-items:center}.w-button{min-height:44px;border:1px solid #fff7;background:#20354bd9;border-radius:12px;color:white;font:inherit;font-size:14px;font-weight:600;padding:10px 15px;box-shadow:0 4px 0 #12253b55,0 8px 20px #11233318;backdrop-filter:blur(12px);cursor:pointer;transition:transform .15s,background .15s}.w-button:hover{transform:translateY(-2px);background:#34465e}.w-button:active{transform:translateY(1px)}.w-button.main{background:linear-gradient(#ffe8a0,#eebf69);color:#4c3626;border:1px solid #fff0b7;box-shadow:0 4px 0 #a9763e,0 6px 24px #2d39252a;font-weight:800}.w-button:disabled{opacity:.65;cursor:default}.w-player{position:absolute;z-index:4;top:100px;left:26px;width:284px;display:flex;align-items:center;gap:13px;background:#243548e8;border:1px solid #d4e5ec80;border-radius:18px;padding:13px 16px;backdrop-filter:blur(12px);box-shadow:0 8px 24px #263a5733}.w-avatar{border:2px solid #ffe5a2;width:50px;height:56px;border-radius:15px;background:linear-gradient(#aba3ee,#665aaf);font-size:30px;color:#fff1c9;cursor:pointer}.w-player-info{flex:1;min-width:0}.w-name-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.w-name-line strong{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.w-name-line>span{color:#ffde94;font-size:12px;font-weight:800;white-space:nowrap}.w-xp-line{display:flex;justify-content:space-between;color:#d3dde8;font-size:12px;margin-top:6px}.w-player .xp-track{margin-top:10px;height:6px;background:#132537}.w-player .xp-track span{background:linear-gradient(90deg,#ffeea2,#e8c77d)}.w-mission{position:absolute;z-index:4;right:26px;top:100px;width:290px;border:1px solid #ffefc099;border-radius:18px;background:linear-gradient(135deg,#293950ee,#233349ee);box-shadow:0 10px 30px #233d5e33;backdrop-filter:blur(12px);padding:19px 20px}.w-kicker{font-size:12px;color:#ffe3a4;letter-spacing:2px}.w-mission h2{font-size:20px;margin:9px 0;color:#fff5dc;line-height:1.5}.w-mission p{font-size:14px;color:#d1dceb;line-height:1.7;margin:7px 0}.w-mission .w-button{width:100%;margin-top:10px}.w-mission-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c4d6e5;font-size:12px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff26}.w-location{position:absolute;z-index:3;top:90px;left:50%;transform:translateX(-50%);font-size:14px;padding:7px 18px;border-radius:50px;background:#1e394b88;border:1px solid #ffffff5c;backdrop-filter:blur(10px);color:white;pointer-events:none}.world-label{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-50%);padding:5px 11px;border:1px solid #fff8;background:#243b4dde;border-radius:10px;box-shadow:0 3px 8px #213a4622;font-size:13px;color:#fff4d6;white-space:nowrap}.world-label small{margin-left:6px;color:#bde4cc}.w-nearby{position:absolute;z-index:5;bottom:184px;left:50%;transform:translateX(-50%);background:#203445e8;border:1px solid #fff9;border-radius:14px;padding:10px 18px;color:#ffefc3;font-size:14px;display:none;pointer-events:none;text-align:center;max-width:80vw}.w-nearby.show{display:block}.w-dock{position:absolute;z-index:4;bottom:46px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:10px;background:#24374bdc;border:1px solid #fff6;border-radius:20px;backdrop-filter:blur(12px);box-shadow:0 8px 30px #162c3944}.dock-zone{border:1px solid #b7c9d63d;background:#354c61;min-width:83px;border-radius:13px;color:#f5f2e9;padding:9px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font:inherit;font-size:12px;transition:.2s}.dock-zone:hover,.dock-zone.active{transform:translateY(-5px);border-color:#ffe9a9;background:#547079}.dock-zone b{display:grid;place-items:center;border-radius:9px;background:var(--zone);height:34px;width:34px;font-size:20px;color:white;text-shadow:0 2px 3px #0004;box-shadow:inset 0 1px 1px #fff5}.dock-zone small{font-size:12px;color:#cce4e7}.w-controls{position:absolute;z-index:5;bottom:64px;left:28px;display:flex;flex-direction:column;align-items:center;gap:10px}#joystick{width:112px;height:112px;border-radius:50%;background:#ffffff26;border:2px solid #ffffff66;position:relative;box-shadow:inset 0 0 25px #1a3b5233;touch-action:none;cursor:grab}#joystick-knob{position:absolute;left:32px;top:32px;width:44px;height:44px;border-radius:50%;background:linear-gradient(#ecf5fa,#a6c9dc);border:2px solid white;box-shadow:0 5px 15px #1c394e44;pointer-events:none}.w-control-hint{font-size:12px;color:white;text-shadow:0 1px 5px #233c57}.w-action-buttons{position:absolute;z-index:5;bottom:82px;right:26px;display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:210px}.w-guide{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);color:#f5f9ff;font-size:12px;text-shadow:0 1px 5px #122432;white-space:nowrap}.w-local{position:absolute;left:22px;bottom:18px;color:#e7f3ff;font-size:12px;text-shadow:0 1px 5px #23384c}#journal{position:fixed;z-index:15;inset:0;background:#0b1425f7;overflow:auto;backdrop-filter:blur(20px)}#journal[hidden]{display:none}.journal-top{position:sticky;top:0;z-index:3;background:#122037ef;border-bottom:1px solid #48607f;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 28px}.journal-top>div{display:flex;gap:8px}.journal-top strong{font-size:19px}.journal-top .button{font-size:14px}.w-task-option{display:block;width:100%;text-align:left;border:1px solid #536d8e;border-radius:12px;background:#14263d;color:white;padding:15px;margin:10px 0;cursor:pointer}.w-task-option strong{display:block;font-size:17px;margin:4px 0}.w-task-option span{font-size:13px;color:#b7cde5}.w-task-option.done{border-color:#639c83}.w-task-option.done strong{color:#a1e7be}.w-dialog-message{border:1px solid #63788e55;border-radius:12px;background:#10223a88;padding:15px;font-size:16px;line-height:1.8}.w-character-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.w-character-preview{min-height:360px;background:radial-gradient(ellipse at 50% 65%,#708baa,#314663 68%);border-radius:16px;overflow:hidden;position:relative}.w-character-preview canvas{width:100%;height:100%;display:block}.w-character-preview p{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#dceaff;font-size:12px}.w-character-form label{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-size:14px}.w-swatches{display:flex;gap:9px;flex-wrap:wrap}.w-swatch{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:2px solid #b5c5df;cursor:pointer}.w-swatch.selected{outline:3px solid #ffeaa8;outline-offset:2px}.w-styles{display:flex;gap:7px;flex-wrap:wrap}.w-style{font:inherit;font-size:13px;padding:9px 12px;border-radius:9px;background:#1b314d;color:#d6e6fa;border:1px solid #5c7594;cursor:pointer}.w-style.selected{border-color:#ffe1a0;background:#554d48;color:#fff2c7}#character-editor{width:min(800px,calc(100vw - 28px));max-height:91dvh}.w-unlock{font-size:14px;color:#ffe2a7;background:#68513733;border:1px solid #8d754044;border-radius:10px;padding:12px}.w-pause-note{font-size:14px;line-height:1.8;color:#c7d7eb}.w-task-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.w-task-chip{font-size:12px;border-radius:7px;background:#304765;padding:6px 10px;color:#e4edfa}.world-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:35px;color:#20344e;background:#bfd0df}.world-fallback button{justify-self:center;margin:20px}.world-fallback p{max-width:430px}@media(max-width:1000px){.w-header{padding:16px 20px}.w-player{left:20px;width:252px;top:88px}.w-mission{right:20px;top:88px;width:247px;padding:16px}.w-mission h2{font-size:18px}.w-mission p{font-size:13px}.w-dock{bottom:28px;gap:5px;padding:8px}.dock-zone{min-width:68px;padding:8px 6px}.w-action-buttons{right:20px;bottom:140px;max-width:178px}.w-controls{left:20px;bottom:115px}.w-guide{display:none}.w-local{bottom:7px;font-size:12px}.w-location{top:93px}.w-nearby{bottom:151px}}@media(max-width:650px){#world-viewport{min-height:540px}.w-header{padding:12px;align-items:flex-start;gap:6px}.w-logo{gap:6px;font-size:22px}.w-logo>span{font-size:18px;letter-spacing:1px}.w-logo small{font-size:12px;letter-spacing:1px}.w-top-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:245px}.w-top-actions .w-button{min-height:36px;padding:7px 9px;font-size:12px;border-radius:9px}.w-top-actions #motion-toggle{display:none}.w-player{left:12px;top:84px;width:220px;padding:9px 11px;gap:10px;border-radius:14px}.w-avatar{width:40px;height:45px;font-size:23px}.w-name-line strong{font-size:14px}.w-name-line>span{font-size:12px}.w-xp-line{font-size:12px}.w-location{top:145px;left:12px;transform:none;font-size:12px;padding:5px 12px}.w-mission{top:84px;right:12px;width:calc(100% - 256px);min-width:0;padding:10px 12px;border-radius:14px}.w-mission .w-kicker{font-size:12px;letter-spacing:0}.w-mission h2{font-size:14px;margin:4px 0}.w-mission p{display:none}.w-mission .w-button{font-size:12px;padding:8px;min-height:36px;margin-top:7px}.w-mission-meta{font-size:12px;flex-wrap:wrap;gap:2px;margin-top:7px;padding-top:7px}.w-controls{left:15px;bottom:123px}.w-control-hint{display:none}#joystick{width:92px;height:92px}#joystick-knob{left:22px;top:22px}.w-action-buttons{right:14px;bottom:126px;max-width:159px;gap:10px}.w-action-buttons .w-button{font-size:12px;padding:10px;min-height:42px}.w-dock{left:12px;right:12px;transform:none;justify-content:space-between;gap:4px;bottom:25px;padding:8px;border-radius:15px}.dock-zone{flex:1;min-width:0;font-size:12px;padding:7px 3px;gap:4px;border-radius:9px}.dock-zone b{width:29px;height:29px;font-size:17px}.dock-zone small{font-size:12px}.w-nearby{bottom:232px;font-size:12px;width:max-content;max-width:90vw;padding:8px 13px}.w-local{font-size:12px;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap}.world-label{font-size:12px;padding:4px 7px}.world-label small{display:none}.journal-top{padding:12px;gap:8px}.journal-top strong{font-size:15px}.journal-top .button{font-size:12px;padding:8px 10px}.journal-top>div{gap:5px}.w-character-layout{grid-template-columns:1fr;gap:12px}.w-character-preview{min-height:230px;height:230px}.w-character-form label{margin:10px 0}.w-swatch{width:34px;height:34px}#character-editor{padding:18px}.w-character-form .dialog-actions{position:sticky;bottom:-18px;background:#172940f5;padding:12px 0;margin-bottom:-12px}.w-task-option strong{font-size:16px}}@media(max-width:380px){.w-player{width:190px}.w-mission{width:calc(100% - 225px)}.w-name-line strong{max-width:90px}.w-logo small{display:none}.w-top-actions{max-width:195px}.w-header{gap:4px}.w-top-actions .w-button{font-size:12px;padding:6px 8px}}

.w-local{background:#20374b99;border:1px solid #ffffff35;border-radius:8px;padding:4px 8px;cursor:pointer}.w-live-clock{background:#14273d88;border:1px solid #8fb4c04d;border-radius:12px;padding:12px;margin-top:12px}.w-live-clock small{display:block;font-size:12px;color:#bed6db}.w-live-clock strong{display:block;font-size:24px;color:#ffdf96;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:4px}.w-live-clock .w-button{padding:6px 10px;min-height:35px;font-size:12px;margin-top:8px}
#growth-dialog{width:min(1080px,calc(100vw - 30px));max-height:92dvh}.growth-tabs{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #4b607a;padding:15px 0;margin-bottom:20px}.growth-tabs #export-all{margin-left:auto}.growth-tabs .button{font-size:14px}.growth-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.growth-filters label{font-size:14px;display:flex;flex-direction:column;gap:7px}.growth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.growth-stats>div{background:#172d46;border:1px solid #456079;border-radius:14px;padding:18px}.growth-stats span{font-size:14px;color:#c5d7e9}.growth-stats strong{display:block;font-size:25px;color:#ffdda0;margin-top:9px}.growth-table-wrap{overflow:auto;margin:20px 0}.growth-table{width:100%;border-collapse:collapse;font-size:14px;min-width:650px}.growth-table th{text-align:left;padding:12px;background:#203b56;color:#c5d8ef;font-weight:600}.growth-table td{padding:13px 12px;border-bottom:1px solid #354c68;line-height:1.7}.growth-table td strong,.growth-table td small{display:block}.growth-table small{font-size:12px;color:#b1c7de}.growth-table strong{font-size:15px}.growth-empty{padding:40px 20px;border:1px dashed #58738c;border-radius:15px;text-align:center;margin:20px 0;background:#10253a66}.growth-empty p{font-size:14px;color:#bccde1}.growth-subject{display:flex;gap:10px;align-items:center;font-size:14px}.growth-subject select{width:170px}.exam-chart{border:1px solid #425f7d;border-radius:15px;padding:18px;background:#12293e99;margin:20px 0}.exam-chart svg{width:100%;height:auto;display:block}.exam-chart h3{color:#f5dfb6}.exam-chart p{font-size:12px}.reward-ledger{display:grid;gap:12px}.reward-entry{display:flex;justify-content:space-between;gap:20px;border:1px solid #626c80;background:#23354b;border-radius:15px;padding:20px}.reward-entry p{font-size:14px;color:#bfd1e5}.reward-entry>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:center;flex-shrink:0}.reward-xp{font-size:24px;color:#ffdf99}.reward-entry .gift-line{color:#f0d99f}.growth-footnote{margin-top:25px;border-top:1px solid #4b607a;padding-top:15px;font-size:12px}@media(max-width:650px){.growth-stats{gap:7px}.growth-stats>div{padding:12px 9px}.growth-stats strong{font-size:19px}.growth-stats span{font-size:12px}.growth-tabs{gap:7px}.growth-tabs #export-all{margin-left:0}.growth-tabs .button{font-size:12px;padding:9px 11px}.growth-filters label{flex:1;min-width:110px}.growth-filters input{width:100%}.reward-entry{padding:15px;gap:12px}.reward-xp{font-size:20px}.w-live-clock{padding:8px;margin-top:8px}.w-live-clock strong{font-size:17px;letter-spacing:0}.w-live-clock small{font-size:12px}.w-live-clock .w-button{font-size:12px;padding:5px;min-height:31px}.exam-chart{padding:12px}.growth-subject select{width:125px}}

.chart-scroll{overflow-x:auto}.chart-scroll svg{display:block;max-width:none}.w-local{font-size:12px}
/* Device-specific layouts share one family record. */
[hidden]{display:none!important}#connection-panel{position:fixed;inset:0;z-index:80;overflow:auto;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 25% 10%,#516394,#182b44 65%,#102034);min-height:100dvh}.connection-card{width:min(460px,100%);padding:34px;border:1px solid #aeccec55;border-radius:28px;background:linear-gradient(145deg,#263d59ed,#17293bed);box-shadow:0 28px 90px #08182ca0;text-align:center}.connection-emblem{display:inline-grid;place-items:center;width:76px;height:76px;font-size:44px;color:#ffe4a2;border:2px solid #ffdda4;border-radius:24px;background:linear-gradient(140deg,#9e85e3,#6056a0);box-shadow:0 8px 0 #0e203955;margin-bottom:20px}.connection-card h1{font-size:28px;color:#fff2d3;line-height:1.3}.connection-card p{font-size:14px;line-height:1.8;color:#d2e1ed}.connection-card small{display:block;font-size:12px;color:#adbfcd;line-height:1.8;margin-top:24px}.connection-card .w-button{width:100%;margin-top:12px}.connection-card label,#password-form label{display:flex;flex-direction:column;text-align:left;gap:8px;margin-top:16px;font-size:14px;color:#d8e5f4}.connection-card input,#password-form input{width:100%;box-sizing:border-box;font-size:16px;padding:13px;border-radius:12px;border:1px solid #728da6;background:#13283c;color:white;min-height:48px}#login-error,#password-result{color:#ffe2a2;min-height:20px}#connection-wechat{background:#f9d78a14;border:1px solid #f9d78a55;padding:12px;border-radius:10px}#account-dialog{width:min(470px,calc(100vw - 24px));max-height:90dvh}#world-viewport{height:100dvh;min-height:0}.w-header{padding-top:max(18px,env(safe-area-inset-top))}.w-player-info{min-width:0}.w-name-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:651px) and (max-width:1100px){.w-header{padding:16px 20px}.w-logo small{font-size:10px}.w-top-actions{gap:6px}.w-top-actions .w-button{font-size:13px;padding:10px 12px}.w-player{top:92px;width:245px}.w-mission{top:92px;width:245px;max-height:44vh;overflow:auto}.w-location{top:280px}.w-controls{bottom:140px}.w-action-buttons{bottom:140px}.w-dock{bottom:35px}.w-local{bottom:8px}.w-guide{display:none}.w-character-layout{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#world-viewport{min-height:0}.w-header{padding:10px 12px;align-items:center}.w-logo{font-size:17px}.w-logo>span{font-size:17px}.w-logo small{display:none}.w-top-actions{max-width:none;gap:4px}.w-top-actions #world-date,.w-top-actions #world-parent{display:none}.w-top-actions .w-button{font-size:12px;min-height:40px;padding:8px}.w-player{top:68px;left:12px;right:12px;width:auto;max-width:none;padding:9px 12px;gap:10px}.w-avatar{width:36px;height:40px}.w-player-info{flex:1}.w-name-line strong{max-width:none}.w-xp-line{font-size:11px}.w-mission{top:150px;left:12px;right:12px;width:auto;padding:11px 13px;max-height:25dvh;overflow:auto;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.w-mission .w-kicker,.w-mission h2{grid-column:1}.w-mission h2{font-size:15px;margin:0}.w-mission>.w-button{grid-column:2;grid-row:1/3;margin:0;align-self:center;max-width:125px}.w-mission-meta{display:none}.w-live-clock{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:7px;margin-top:2px}.w-live-clock strong{font-size:18px;white-space:nowrap}.w-live-clock .w-button{margin:0 0 0 auto}.w-live-clock small{font-size:11px}.w-location{top:auto;bottom:calc(226px + env(safe-area-inset-bottom));left:12px;font-size:11px}.w-controls{bottom:calc(117px + env(safe-area-inset-bottom));left:18px}.w-action-buttons{bottom:calc(118px + env(safe-area-inset-bottom));right:14px;max-width:150px}.w-dock{bottom:calc(27px + env(safe-area-inset-bottom));padding:6px}.dock-zone{font-size:11px}.dock-zone small{font-size:10px}.w-local{bottom:max(3px,env(safe-area-inset-bottom));font-size:11px}.w-nearby{bottom:calc(218px + env(safe-area-inset-bottom));max-width:60vw;left:auto;right:12px;transform:none}.connection-card{padding:25px 22px}.connection-card h1{font-size:25px}.connection-emblem{width:60px;height:60px;font-size:36px}.connection-card small{margin-top:15px}.journal-top{flex-wrap:wrap}.growth-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:550px) and (orientation:landscape){.w-player{top:65px;width:210px;right:auto}.w-mission{top:65px;left:auto;right:12px;width:230px;max-height:45vh}.w-location{display:none}.w-controls{bottom:45px}.w-action-buttons{bottom:45px}.w-dock{left:50%;right:auto;transform:translateX(-50%);bottom:25px;width:330px}.w-local{bottom:2px}.w-nearby{bottom:115px}.w-mission p{display:none}.w-guide{display:none}}
@media(max-width:650px){.w-dock{height:92px;box-sizing:border-box;align-items:stretch}.dock-zone{padding:5px 2px;gap:3px;justify-content:center}.dock-zone>span{font-size:10px;white-space:nowrap;letter-spacing:-.3px}.dock-zone>small{font-size:10px;white-space:nowrap}.dock-zone b{width:25px;height:25px;font-size:16px}.w-controls{bottom:calc(136px + env(safe-area-inset-bottom))}.w-action-buttons{bottom:calc(138px + env(safe-area-inset-bottom))}}