html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#02070b;min-height:100vh}:root{--hero-accent:#37f4d3;--ink:#f5eee0;--gold:#f4ce77;--brown:#3d241b;--blue-night:#071d29;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Trebuchet MS,Microsoft YaHei,sans-serif}*{box-sizing:border-box}button{font:inherit}.game-page{background:#02070b;position:fixed;inset:0;overflow:hidden}.game-window{transform-origin:50%;background:linear-gradient(90deg,#020f161f,#0000 14% 86%,#020f1640),url(/assets/character-select-bg.png) 50%/cover;border:2px solid #0d2631;width:1440px;height:900px;margin:-450px 0 0 -720px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 20px 65px #000000b8,0 0 0 5px #10141a,inset 0 0 90px #00000045}.game-window:before,.game-window:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#fff2c7,#dbb257 43%,#734d29 48%,#f5d688 63%,#8e5d2d);border-bottom:2px solid #3b2b22;height:14px;position:absolute;left:0;right:0}.game-window:before{top:0}.game-window:after{bottom:0}.gold-trim{z-index:5;pointer-events:none;background:#ffebaa;height:4px;position:absolute;left:0;right:0;box-shadow:0 1px #6f4727,0 -1px #ffffffbf}.top-trim{top:16px}.bottom-trim{bottom:16px}.game-title{z-index:8;color:#fff3c2;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:linear-gradient(90deg,#d8f4ea 0 7%,#eed693 11%,#40261c 18% 82%,#eed693 89%,#d8f4ea 93%);border:3px solid #4d4030;place-items:center;width:310px;height:62px;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 3px #18222a}.game-title:before,.game-title:after{content:"";pointer-events:none;border-top:2px solid #fff0b9;border-bottom:2px solid #ae7847;position:absolute;inset:4px 15px}.game-title span{z-index:1;letter-spacing:.12em;text-shadow:0 2px #572a1a,0 0 10px #fff3ad8c;font-family:Georgia,Microsoft YaHei,serif;font-size:clamp(25px,3.2vw,40px);font-weight:700;position:relative}.music-button{z-index:11;color:#fff0c5;cursor:pointer;text-shadow:0 1px 2px #452719;background:#362318db;border:2px solid #dcb66a;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:72px;height:34px;padding:0 9px;display:inline-flex;position:absolute;top:23px;right:25px;box-shadow:inset 0 0 0 1px #5d3823,0 2px 4px #00000052}.music-button:hover,.music-button:focus-visible{color:#fff;border-color:#fff0a9;outline:none}.music-button span{color:var(--hero-accent);font-size:17px;line-height:1}.music-button small{letter-spacing:.08em;font-size:11px}.music-button.muted{color:#ab968a;border-color:#90745b}.music-button.muted span{color:#b9a196}.game-content{position:absolute;inset:58px 20px 88px}.role-ribbon{z-index:5;filter:drop-shadow(0 4px 4px #000b1059);width:min(69%,820px);height:53px;position:absolute;top:41px;left:0;overflow:hidden}.role-ribbon img{object-fit:fill;width:100%;height:100%;display:block}.role-ribbon span{position:absolute;left:-9999px}.hero-info{z-index:3;color:#edf1eb;width:34%;max-width:425px;padding:0 25px 10px 33px;position:absolute;top:133px;left:0}.job-pill{color:#f6eed8;background:linear-gradient(90deg,#463023,#2f201b 74%,#0000);border:3px solid #f7d590;border-radius:25px;align-items:center;gap:15px;width:310px;max-width:100%;min-height:44px;padding:5px 20px 5px 7px;display:flex;box-shadow:0 0 0 2px #4a3221,0 4px 8px #00000047}.job-symbol{color:#1d5e67;background:#7bffed;border:3px solid #ffe8a9;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:21px;display:grid;box-shadow:0 0 12px #58ffedbf}.job-pill b{letter-spacing:.12em;text-shadow:0 1px 2px #18100d;font-size:17px;font-weight:500}.description{text-shadow:0 1px 2px #03222e;border-bottom:1px solid #92d4e52b;margin-top:28px;padding:0 0 25px 4px;font-size:13px;line-height:1.7}.description p{gap:7px;margin:4px 0;display:flex}.description i{background:#f9fbf1;border-radius:50%;flex:none;width:10px;height:10px;margin-top:5px;box-shadow:0 0 4px #d9ffff}.stat-panel{gap:9px;margin-top:18px;display:grid}.stat-row{color:#fff4db;background:linear-gradient(90deg,#53311dfa,#3f2619d9 86%,#0000);border:2px solid #f5d48d;border-radius:18px;justify-content:space-between;align-items:center;height:32px;padding:0 14px 0 19px;font-size:15px;display:flex;box-shadow:inset 0 0 0 2px #593b23,0 2px 4px #00000040}.stat-diamonds{gap:6px;display:flex}.stat-diamonds i{background:#46362d;border:1px solid #553e30;width:14px;height:14px;display:block;transform:rotate(45deg)}.stat-diamonds i.filled{background:#ffc744;border-color:#ffe3a0;box-shadow:0 0 8px #ffcc498c}.weapon-note{color:#a6eaf1;border-top:1px solid #8be2f233;border-bottom:1px solid #8be2f233;margin-top:22px;padding:8px 14px;font-size:11px}.weapon-note span{color:#75a9b4;margin-bottom:3px;display:block}.weapon-note b{color:#e7ffff;font-size:13px;font-weight:500}.character-stage{z-index:1;position:absolute;inset:48px 17% 0 24%;overflow:hidden}.character-stage:before{content:"";z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--hero-accent) 22%, transparent), transparent 68%);filter:blur(13px);position:absolute;inset:12% 9% 3%}.three-character{position:absolute;inset:7% 0 1%}.three-character canvas{width:100%;height:100%;display:block}.stage-stars{opacity:.75;pointer-events:none;background-image:radial-gradient(circle at 15% 30%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 79% 19%,#b1f7ff 0 1px,#0000 1.5px),radial-gradient(circle at 33% 78%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 87% 71%,#d5fbff 0 1px,#0000 1.5px),radial-gradient(circle at 21% 72%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 63% 13%,#aef8ff 0 1px,#0000 1.5px);position:absolute;inset:0}.stage-floor{opacity:.43;background:radial-gradient(ellipse, color-mix(in srgb, var(--hero-accent) 55%, transparent), transparent 70%);filter:blur(3px);border-radius:50%;height:13%;position:absolute;bottom:2%;left:15%;right:15%}.role-list{z-index:5;flex-direction:column;justify-content:space-around;gap:2px;width:18%;min-width:164px;display:flex;position:absolute;top:79px;bottom:4px;right:0}.role-choice{color:#d8eef0;text-align:left;cursor:pointer;filter:grayscale(.82)saturate(.75)opacity(.79);background:0 0;border:0;align-items:center;width:100%;min-height:116px;padding:0 0 0 3px;transition:transform .2s,filter .2s;display:flex;position:relative;overflow:visible}.role-choice:hover,.role-choice:focus-visible,.role-choice.selected{filter:none;outline:none;transform:translate(-8px)scale(1.04)}.role-choice.selected:before{content:"";z-index:-1;border:2px solid var(--choice-accent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--choice-accent) 14%, transparent));box-shadow:0 0 16px color-mix(in srgb, var(--choice-accent) 36%, transparent);border-left:0;border-radius:0 34px 34px 0;position:absolute;inset:9px -5px 9px 23px}.role-choice img{object-fit:contain;filter:drop-shadow(0 5px 4px #0006);flex:none;width:125px;height:123px;margin-left:-27px}.role-choice span{text-shadow:0 2px 3px #031824;margin-left:-16px;padding:4px 2px 0 0}.role-choice b,.role-choice small{white-space:nowrap;display:block}.role-choice b{color:var(--choice-accent);text-shadow:0 2px #073140,0 0 6px #000000b3;font-size:clamp(12px,1.45vw,22px);font-style:italic;line-height:1}.role-choice small{margin-top:4px;font-size:12px;font-weight:600}.game-actions{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:28px;left:25px;right:25px}.gold-button{color:#fff2c4;cursor:pointer;text-shadow:0 2px 2px #74331c;background:linear-gradient(#db8e54,#a6522e 58%,#784127);border:3px solid #f7dc9b;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:49px;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:inset 0 0 0 2px #4d2c1c,0 2px #251c18,0 0 7px #fed77638}.gold-button:hover,.gold-button:focus-visible{filter:brightness(1.16);outline:none;transform:translateY(-2px)}.gold-button:active{transform:translateY(1px)}.gold-button img{object-fit:contain;width:28px;height:28px}.side-button{width:130px;font-size:15px}.start-button{width:270px;height:57px;font-size:17px}.start-button.started{background:linear-gradient(#51c8b2,#237d79 58%,#17575a)}.selection-toast{z-index:14;color:#fff5d4;background:#2b1b14e6;border:1px solid #f5d38e;border-radius:4px;padding:8px 18px;font-size:12px;position:absolute;bottom:91px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000059}.creation-window{background:linear-gradient(90deg,#030c1594,#030a111f 42%,#030a118a),url(/assets/character-select-bg.png) 50%/cover}.creation-window>audio{display:none}.creation-music{width:82px;min-width:82px;padding:0 10px}.creation-content{grid-template-columns:minmax(250px,28%) minmax(340px,1fr) minmax(245px,27%);gap:18px;display:grid;position:absolute;inset:75px 28px 100px}.creation-form,.creation-details{z-index:3;color:#e8f8f8;border-left:2px solid color-mix(in srgb, var(--hero-accent) 55%, #f3d68f);background:linear-gradient(90deg,#061923eb,#071822a6 82%,#0000);padding:30px 25px;box-shadow:inset 11px 0 26px #57efff0d}.creation-details{border-left:0;border-right:2px solid color-mix(in srgb, var(--hero-accent) 55%, #f3d68f);background:linear-gradient(270deg,#061923eb,#071822a6 82%,#0000);box-shadow:inset -11px 0 26px #57efff0d}.creation-kicker{color:var(--hero-accent);letter-spacing:.2em;font-size:10px}.creation-form h1{color:#fff3d0;letter-spacing:.08em;text-shadow:0 2px #512b1e;margin:9px 0 1px;font-family:Georgia,Microsoft YaHei,serif;font-size:clamp(25px,2.6vw,38px)}.creation-subtitle{color:#91c5ce;letter-spacing:.16em;margin:0 0 28px;font-size:11px}.field-label,.details-label{color:#e9d59a;letter-spacing:.12em;margin:18px 0 7px;font-size:12px;display:block}.creation-form input{color:#fff5d9;width:100%;height:39px;font:inherit;background:#06111be6;border:1px solid #8c7651;border-radius:3px;outline:none;padding:0 13px}.creation-form input:focus{border-color:var(--hero-accent);box-shadow:0 0 9px color-mix(in srgb, var(--hero-accent) 32%, transparent)}.field-hint{color:#759ca5;margin-top:5px;font-size:10px;display:block}.gender-switch,.animation-switch{gap:5px;display:flex}.gender-switch button,.animation-switch button{color:#99bac0;cursor:pointer;background:#06111be6;border:1px solid #526e73;flex:1;height:34px}.gender-switch button.active,.animation-switch button.active{color:#fff7d6;background:color-mix(in srgb, var(--hero-accent) 24%, #1d2b32);border-color:var(--hero-accent);box-shadow:0 0 10px color-mix(in srgb, var(--hero-accent) 22%, transparent)}.appearance-swatches{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.appearance-swatches button{aspect-ratio:1;opacity:.55;cursor:pointer;background:#08171fd9;border:1px solid #4d6c70;padding:0;position:relative;overflow:hidden}.appearance-swatches button.active,.appearance-swatches button:hover{border-color:var(--hero-accent);opacity:1}.appearance-swatches img{object-fit:cover;width:100%;height:100%}.appearance-swatches span{color:#fff;text-shadow:0 1px 3px #000;font-size:10px;position:absolute;bottom:2px;right:4px}.creation-stage{min-width:0;position:relative;overflow:hidden}.creation-stage:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--hero-accent) 22%, transparent), transparent 68%);filter:blur(12px);position:absolute;inset:7% 4% 3%}.avatar-model{z-index:2;position:absolute;inset:2% 0 0}.avatar-model canvas{width:100%;height:100%;display:block}.model-ring{z-index:1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--hero-accent) 70%, white);width:min(72%,430px);box-shadow:0 0 22px color-mix(in srgb, var(--hero-accent) 34%, transparent), inset 0 0 25px color-mix(in srgb, var(--hero-accent) 13%, transparent);border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.model-ring:after{content:"";border:1px dashed color-mix(in srgb, var(--hero-accent) 45%, transparent);border-radius:50%;position:absolute;inset:7%}.model-floor{z-index:1;background:radial-gradient(ellipse, color-mix(in srgb, var(--hero-accent) 60%, transparent), transparent 70%);filter:blur(4px);border-radius:50%;height:12%;position:absolute;bottom:7%;left:15%;right:15%}.model-caption{z-index:4;text-align:center;text-shadow:0 2px 3px #00141e;gap:4px;min-width:180px;display:grid;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.model-caption b{color:#fff2c4;letter-spacing:.13em;font-size:19px}.model-caption span{color:var(--hero-accent);letter-spacing:.2em;font-size:10px}.creation-title-art{object-fit:fill;width:100%;max-width:260px;height:53px}.creation-details p{color:#b8d8dc;margin:18px 0 0;font-size:12px;line-height:1.7}.details-rule{background:linear-gradient(90deg, var(--hero-accent), transparent);height:1px;margin:21px 0 15px}.weapon-card{color:#fff3cf;background:#121f22d1;border:1px solid #6a755d;align-items:center;gap:11px;padding:10px;display:flex}.weapon-glyph{width:34px;height:34px;color:var(--hero-accent);border:1px solid color-mix(in srgb, var(--hero-accent) 65%, white);place-items:center;font-size:24px;display:grid}.weapon-card b,.weapon-card small{display:block}.weapon-card b{font-size:14px}.weapon-card small{color:#71969a;letter-spacing:.1em;margin-top:3px;font-size:9px}.creation-actions{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:28px;left:25px;right:25px}@media (width<=900px){.creation-content{grid-template-columns:31% minmax(0,1fr) 27%;gap:8px;inset:67px 11px 88px}.creation-form,.creation-details{padding:21px 12px}.creation-form h1{font-size:25px}.creation-subtitle{margin-bottom:12px}.creation-form p,.creation-details p{font-size:10px}.model-ring{width:90%}}@media (width<=620px){.creation-window{min-height:820px}.creation-content{height:720px;margin:54px 10px 85px;display:block;position:relative;inset:auto}.creation-form{background:#061923c9;width:47%;height:220px;padding:12px 8px;position:absolute;top:0;left:0}.creation-form h1{font-size:19px}.creation-kicker{font-size:8px}.creation-subtitle,.field-hint,.appearance-swatches{display:none}.creation-form .field-label{margin:8px 0 4px;font-size:10px}.creation-form input{height:31px;font-size:12px}.gender-switch button{height:28px;font-size:11px}.creation-stage{height:390px;position:absolute;top:187px;left:0;right:0}.creation-details{height:125px;padding:9px 12px;position:absolute;bottom:0;left:0;right:0}.creation-title-art{width:42%;height:28px}.creation-details p,.details-rule,.details-label{display:none}.weapon-card{width:43%;padding:5px;position:absolute;top:17px;right:12px}.weapon-card b{font-size:11px}.animation-switch{width:42%;position:absolute;bottom:9px;left:12px}.animation-switch button{height:27px;font-size:11px}.creation-actions{bottom:25px;left:12px;right:12px}}.auth-viewport{z-index:9999;-webkit-user-select:none;user-select:none;background-color:#160f0a;background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.auth-stage{transform-origin:50%;flex-shrink:0;width:1200px;height:900px;font-family:Microsoft YaHei,Segoe UI,Tahoma,sans-serif;position:relative}.auth-logo{pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;width:541px;height:230px;position:absolute;top:212px;left:330px}.auth-lang-bar{gap:6px;display:flex;position:absolute;top:24px;right:32px}.auth-lang-btn{background-color:#0000;background-image:var(--art);color:#fff6d6;text-shadow:0 1px 2px #2c1504,0 0 3px #000;cursor:pointer;background-size:100% 100%;border:0;width:64px;height:34px;font-size:13px;font-weight:800}.auth-lang-btn:hover{background-image:var(--hover-art)}.auth-lang-btn.active{background-image:var(--down-art);color:#ffe869}.auth-label{text-align:center;color:#fff3c4;letter-spacing:1px;text-shadow:-1px -1px #3a1d05,1px -1px #3a1d05,-1px 1px #3a1d05,1px 1px #3a1d05,0 2px 4px #000000d9;width:258px;height:24px;font-size:16px;font-weight:900;position:absolute;left:472px}.auth-label-user{top:502px}.auth-label-pass{top:578px}.auth-input{box-sizing:border-box;color:#fff;text-shadow:0 1px 2px #000000e6;background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:0;outline:none;width:258px;height:32px;padding:2px 10px;font-size:15px;font-weight:700;position:absolute;left:472px}.auth-input::placeholder{color:#fff0c88c}.auth-input-user{top:532px}.auth-input-pass{top:608px}.auth-submit-btn{background-color:#0000;background-image:var(--art);color:#fffbe6;letter-spacing:2px;text-shadow:-1px -1px #4a1e00,1px -1px #4a1e00,-1px 1px #4a1e00,1px 1px #4a1e00,0 2px 4px #000000d9;cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;border:0;width:260px;height:66px;font-size:22px;font-weight:900;position:absolute;top:650px;left:470px}.auth-submit-btn:hover:not(:disabled){background-image:var(--hover-art)}.auth-submit-btn:active:not(:disabled){background-image:var(--down-art)}.auth-submit-btn:disabled{background-image:var(--disabled-art);cursor:wait}.auth-mode-btn{background-color:#0000;background-image:var(--art);color:#ffefc2;text-shadow:0 1px 2px #2c1504,0 0 3px #000;cursor:pointer;background-size:100% 100%;border:0;width:160px;height:36px;font-size:13px;font-weight:800;position:absolute;top:726px;left:520px}.auth-mode-btn:hover{background-image:var(--hover-art)}.auth-mode-btn:active{background-image:var(--down-art)}.auth-token-btn{top:772px}.auth-token-hint{color:#fff1ba;text-align:center;text-shadow:0 1px 3px #000;width:470px;margin:0;font-size:12px;position:absolute;top:807px;left:365px}.auth-error{text-align:center;color:#ffdf6b;text-shadow:0 1px 2px #000;background:#411206d9;border:1px solid #d4883a;border-radius:4px;width:380px;padding:4px 10px;font-size:13px;font-weight:800;position:absolute;top:468px;left:410px}.auth-version{color:#fff;text-shadow:0 1px 3px #000;align-items:center;width:300px;height:50px;font-size:15px;font-weight:700;display:flex;position:absolute;top:840px;left:24px}.as-loading{z-index:999;color:#fff1c5;text-shadow:0 2px 4px #171016;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:flex-end;font:700 18px/1.4 AvatarHei,Microsoft YaHei,sans-serif;display:flex;position:fixed;inset:0}.as-loading-status{text-align:center;position:absolute;bottom:5%;left:12%;right:12%}.as-loading-status button{font:inherit;color:#fff6ce;cursor:pointer;background:#814a22;border:2px solid #ddb777;border-radius:5px;padding:5px 22px}.as-loading-native-bar{background-size:100% 100%;width:149px;height:27px;position:absolute;bottom:2%;right:1.5%;overflow:hidden}.as-loading-native-bar i{background-position:0;background-repeat:no-repeat;background-size:149px 27px;max-width:100%;height:27px;display:block}.as-loading-logo{background:url(/assets/lobby/ui/loginLogo.png) 50%/contain no-repeat;width:min(76vw,440px);height:175px}.as-loading-spinner{border:5px solid #ffe6aa55;border-top-color:#ffd25c;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite as-spin}.as-loading p{text-align:center;margin:0}@keyframes as-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.as-loading-spinner{animation-duration:3s}}.cache-viewer{color:#e8f0fa;text-align:left;background:#111a28;grid-template-columns:minmax(260px,34%) 1fr;width:100%;min-height:100vh;font:14px/1.5 system-ui,sans-serif;display:grid}.cache-viewer aside,.cache-viewer section{min-width:0;padding:24px}.cache-viewer aside{background:#1c293b}.cache-viewer h1{font-size:24px}.cache-viewer h2{overflow-wrap:anywhere;font-size:16px}.cache-viewer a{color:#77dfcd}.cache-viewer label{margin-top:18px;display:block}.cache-viewer input,.cache-viewer select{box-sizing:border-box;color:#e8f0fa;background:#101b2a;border:1px solid #56708a;border-radius:4px;width:100%;padding:9px}.cache-viewer select{font-size:12px}.cache-viewer option{padding:5px}.cache-preview{width:100%;height:70vh;min-height:300px}.cache-preview canvas{display:block}.cache-status{color:#77dfcd}.cache-viewer [role=alert]{color:#ffc886;overflow-wrap:anywhere}@media (width<=800px){.cache-viewer{grid-template-columns:1fr}.cache-viewer select{height:160px}}