.auth-shell.setup-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;grid-template-columns:none;gap:0;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0a0908;color:#f0e4c8;overflow:hidden}.auth-shell.setup-screen:before{display:none}.setup-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0a0908;background-image:url(/assets/setup-jianghu-bg.webp);background-repeat:no-repeat;background-position:center top;background-size:auto 100%}@media(max-aspect-ratio:752 / 1376){.setup-bg{background-size:cover;transform:scale(1.02)}}.setup-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,6,5,.42) 0%,rgba(8,6,5,.12) 18%,transparent 34%),linear-gradient(180deg,transparent 38%,rgba(8,6,5,.35) 58%,rgba(6,5,4,.82) 78%,rgba(5,4,3,.96) 100%),radial-gradient(ellipse 100% 42% at 50% 100%,rgba(5,4,3,.7),transparent 72%)}.auth-shell .bgm-toggle.setup-bgm{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;z-index:8;width:38px;height:38px;color:#f0e4c8;background:#12100e6b;border-color:#d6be8c73;box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-shell .bgm-toggle.setup-bgm.on{color:#f5e6c4;border-color:#e6c88ca6}.auth-shell .bgm-toggle.setup-bgm.off{color:#9a9080;opacity:.85}.setup-brand{position:absolute;top:max(48px,calc(env(safe-area-inset-top) + 36px));left:0;right:0;z-index:3;margin:0;padding:0 20px;text-align:center;pointer-events:none}.setup-brand h1{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:0;color:#1c1812;font-size:clamp(42px,11vw,58px);font-weight:900;line-height:.92;letter-spacing:.12em;text-shadow:0 1px 0 rgba(255,245,220,.4),2px 3px 0 rgba(240,230,200,.22),0 6px 22px rgba(0,0,0,.28)}.setup-brand h1 span{display:block}.setup-brand h1 span:nth-child(2){margin-left:.18em}.setup-brand h1 span:nth-child(3){margin-left:-.06em;color:#5a1612}.setup-seal{position:absolute;top:18%;right:max(18px,calc(50% - 92px));width:34px;height:34px;display:grid;place-items:center;color:#c94a3a;border:1.5px solid #c94a3a;border-radius:2px;background:#781c161a;font-style:normal;font-size:11px;font-weight:900;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(14deg);box-shadow:inset 0 0 0 1px #c94a3a4d,0 2px 8px #0003;opacity:.9}.setup-brand p{margin:10px 0 0;color:#241e18c7;font-size:12px;letter-spacing:.28em;text-indent:.28em;text-shadow:0 1px 0 rgba(255,245,220,.35),0 2px 8px rgba(0,0,0,.18)}.setup-stage{position:relative;z-index:3;flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;width:min(100%,520px);min-height:0;margin:0 auto;padding-top:clamp(118px,22vh,180px);pointer-events:none}.setup-hero{position:relative;display:block;width:100%;height:100%;min-height:clamp(280px,48vh,520px);padding:0;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.setup-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transition:filter .2s ease,transform .22s ease,opacity .2s ease;opacity:.72;transform:scale(.94) translateY(8px);isolation:isolate}.setup-hero.is-active .setup-hero-art{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(180,50,36,.38))}.setup-hero--male.is-active .setup-hero-art:after{content:"";position:absolute;top:18%;right:8%;bottom:4%;left:8%;border-radius:40% 40% 12% 12%;box-shadow:0 0 0 1px #c8463259,0 0 28px #b42d1e59;pointer-events:none;z-index:0}.setup-hero--female.is-active .setup-hero-art{filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(150,60,80,.28))}.setup-hero--female.is-active .setup-hero-art:after{content:"";position:absolute;top:18%;right:8%;bottom:4%;left:8%;border-radius:40% 40% 12% 12%;box-shadow:0 0 0 1px #aa465a52,0 0 24px #8c324647;pointer-events:none;z-index:0}.setup-hero-art img{position:absolute;left:50%;bottom:0;width:auto;height:100%;max-width:none;transform:translate(-50%);object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none}.setup-hero--male .setup-hero-art img{transform:translate(-46%)}.setup-hero--female .setup-hero-art img{transform:translate(-54%)}.setup-hero-tab{position:absolute;top:42%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:40px;padding:12px 6px 10px;color:#e8d8b0;background:linear-gradient(180deg,#302820b8,#16120ec7);border:1px solid rgba(180,150,100,.42);border-radius:4px;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe6b414;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.setup-hero-tab--male{left:4px}.setup-hero-tab--female{right:4px}.setup-hero-tab b{writing-mode:vertical-rl;font-size:15px;font-weight:900;letter-spacing:.28em;text-indent:.28em;line-height:1.1}.setup-hero-tab small{writing-mode:vertical-rl;color:#d2be96b8;font-size:10px;letter-spacing:.2em;line-height:1.15}.setup-hero-tab i{width:18px;height:18px;display:grid;place-items:center;margin-top:2px;border:1.5px solid rgba(200,180,140,.55);border-radius:50%;font-style:normal;font-size:11px;font-weight:900;line-height:1;color:transparent}.setup-hero-tab i.checked{color:#f5e6c4;background:linear-gradient(160deg,#c44532,#8a241c);border-color:#d4a070;box-shadow:0 0 8px #b432248c}.setup-hero-tab.is-active{border-color:#c84637bf;background:linear-gradient(180deg,#5a201ac7,#24100ed9);box-shadow:0 4px 16px #0006,0 0 0 1px #b4322440,inset 0 1px #ffc8a01f}.setup-hero-tab--female.is-active{border-color:#aa465ab3;background:linear-gradient(180deg,#4e1e2ac7,#200e14d9)}.setup-hero.is-active .setup-hero-tab b{color:#f6e6c8}.setup-panel{position:relative;z-index:5;width:min(100%,400px);margin:0 auto;padding:0 2px 4px;display:grid;gap:10px}.setup-name-card{position:relative;padding:14px 16px 16px;background:linear-gradient(180deg,#f4ead6f0,#e4d6baeb);border:1px solid rgba(120,96,60,.35);border-radius:6px;box-shadow:0 10px 28px #0006,inset 0 1px #ffffff73,inset 0 0 0 1px #5a462814}.setup-name-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(140,112,72,.18);border-radius:3px;pointer-events:none}.setup-name-title{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:#3a3228;font-size:15px;font-weight:900;letter-spacing:.35em;text-indent:.35em}.setup-name-title i{width:22px;height:22px;display:grid;place-items:center;color:#c44532;border:1px solid #c44532;border-radius:2px;font-style:normal;font-size:8px;font-weight:900;letter-spacing:0;writing-mode:vertical-rl;opacity:.85}.setup-name-field{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;min-height:44px;padding:0 8px 0 12px;background:#fffaf08c;border:1px solid rgba(120,100,70,.28);border-radius:4px;box-shadow:inset 0 1px 3px #503c1e14}.setup-name-field:focus-within{border-color:#a05a3c8c;box-shadow:inset 0 1px 3px #503c1e14,0 0 0 1px #b450322e}.setup-name-field input{width:100%;min-width:0;padding:11px 4px;border:0;outline:0;background:transparent;color:#2a241c;font-size:15px;letter-spacing:1px}.setup-name-field input::placeholder{color:#6e64549e;font-size:13px;letter-spacing:1px}.setup-dice{width:38px;height:38px;display:grid;place-items:center;color:#7a5a32;background:#c6a26629;border:1px solid rgba(150,120,70,.35);border-radius:6px;transition:color .15s ease,background .15s ease,transform .12s ease}.setup-dice svg{width:20px;height:20px}.setup-dice:hover:not(:disabled){color:#5c3d18;background:#c6a26647}.setup-dice:active:not(:disabled){transform:rotate(18deg) scale(.96)}.setup-error{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#f0c4b8;background:#8c241c52;border:1px solid rgba(180,70,55,.42);border-radius:5px;font-size:12px;line-height:1.4}.setup-error i{flex:none;width:18px;height:18px;display:grid;place-items:center;color:#f5e6c4;background:#a32f24;border-radius:50%;font-style:normal;font-size:11px;font-weight:900}.setup-cta{position:relative;width:100%;min-height:50px;color:#f8e9c8;font-size:18px;font-weight:900;letter-spacing:.42em;text-indent:.42em;background:linear-gradient(100deg,#6e1c18,#b13b29 42%,#c44a34 55%,#8a241c);border:1px solid rgba(220,170,110,.45);border-radius:6px;box-shadow:0 8px 20px #50140e73,inset 0 1px #ffdcb438,inset 0 -2px #280a0840;text-shadow:0 1px 2px rgba(40,10,8,.45)}.setup-cta:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(240,200,140,.18);border-radius:4px;pointer-events:none}.setup-cta:hover:not(:disabled){filter:brightness(1.06)}.setup-cta:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-title{align-self:start;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:1px;padding-top:25px}.auth-title span{font-size:clamp(38px,11vw,66px);font-weight:900;line-height:.97;color:#292a25;text-shadow:3px 3px 0 rgba(239,232,214,.55)}.auth-title span:nth-child(2){margin-left:14px}.auth-title span:nth-child(3){margin-left:-7px;color:var(--cinnabar-dark)}.auth-title i{margin-top:13px;padding:5px 3px;color:#49483f;border-top:1px solid #625d50;border-bottom:1px solid #625d50;writing-mode:vertical-rl;font-style:normal;font-size:10px;letter-spacing:4px}.auth-scroll{position:relative;padding:34px 27px;background:#f1ebdbe6;border-left:11px solid #928064;border-right:11px solid #928064;box-shadow:0 12px 35px #251f1747,inset 0 0 40px #745c3817}.auth-scroll:before,.auth-scroll:after{content:"";position:absolute;left:-11px;right:-11px;height:12px;background:linear-gradient(90deg,#584a36,#b7a27e 12%,#6a5941,#b7a27e 88%,#584a36);border-radius:6px;box-shadow:0 3px 5px #211b1447}.auth-scroll:before{top:-5px}.auth-scroll:after{bottom:-5px}.auth-heading{margin-bottom:20px;text-align:center}.auth-heading b{display:block;font-size:21px;letter-spacing:6px}.auth-heading small{display:block;margin-top:7px;color:#777064;font-size:9px;letter-spacing:1px}.auth-scroll label{display:grid;grid-template-columns:45px 1fr;align-items:center;margin:11px 0;border-bottom:1px solid #ada38f}.auth-scroll label span{color:#4c4941;font-size:12px;font-weight:900;letter-spacing:3px}.auth-scroll input{width:100%;padding:12px 5px;border:0;outline:0;background:transparent;color:#24221e}.auth-scroll input::placeholder{color:#9a9284;font-size:11px}.error{display:flex;align-items:center;gap:7px;margin:12px 0;padding:7px;color:#862c25;background:#a52e2414;font-size:10px}.error i{width:20px;height:20px;display:grid;place-items:center;color:#f3e8d3;background:var(--cinnabar);font-style:normal}.ink-button{width:100%;min-height:47px;margin-top:15px;color:#f3e7cf;background:linear-gradient(100deg,#81251f,#a73529,#79231e);font-weight:900;letter-spacing:5px;box-shadow:inset 0 0 0 2px #f1dbb82b,3px 4px #53251a33}.text-button{display:block;margin:16px auto 0;padding:3px;color:#6d3b32;background:transparent;border-bottom:1px solid #9b5a4e;font-size:10px;letter-spacing:2px}.auth-shell.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;grid-template-columns:none;gap:0;padding:clamp(200px,34vh,320px) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0c0a08;color:#f0e4c8;overflow:hidden}.auth-shell.login-screen:before{display:none}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:transparent;background-image:url(/assets/login-jianghu-bg.webp);background-repeat:no-repeat;background-position:center top;background-size:auto 100%}@media(max-aspect-ratio:736 / 1408){.login-bg{background-size:cover;transform:scale(1.02)}}.login-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,6,.28) 0%,rgba(10,8,6,.08) 22%,transparent 40%),linear-gradient(180deg,transparent 42%,rgba(8,6,5,.45) 62%,rgba(8,6,5,.88) 78%,rgba(6,5,4,.96) 100%),radial-gradient(ellipse 90% 55% at 50% 100%,rgba(6,5,4,.55),transparent 70%)}.login-status{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;z-index:8;display:flex;align-items:center;gap:6px;padding:6px 11px;color:#ece0c4e0;background:#0e0c0a61;border:1px solid rgba(198,170,120,.28);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;letter-spacing:1px;box-shadow:0 2px 10px #00000047}.login-status i{font-style:normal;color:#c8b48c8c}.login-status em{font-style:normal;color:#d8c49a;letter-spacing:2px}.login-status b{width:7px;height:7px;border-radius:50%;background:#5dcf7a;box-shadow:0 0 6px #5dcf7ad9}.login-brand{position:absolute;top:clamp(72px,14vh,140px);left:0;right:0;z-index:3;margin:0;padding:0 20px;text-align:center;pointer-events:none}.login-brand h1{margin:0;display:inline-flex;gap:.02em;color:#1a1610;font-size:clamp(54px,14vw,78px);font-weight:900;line-height:.92;letter-spacing:.08em;text-shadow:0 1px 0 rgba(255,245,220,.35),2px 3px 0 rgba(240,230,200,.25),0 8px 28px rgba(0,0,0,.35),0 0 40px rgba(255,220,140,.18);filter:drop-shadow(0 2px 1px rgba(20,14,8,.35))}.login-brand h1 span{display:inline-block;transform-origin:center bottom}.login-brand h1 span:nth-child(1){transform:rotate(-4deg) translateY(2px)}.login-brand h1 span:nth-child(2){transform:rotate(1deg) translateY(-4px);margin:0 .02em}.login-brand h1 span:nth-child(3){transform:rotate(5deg) translateY(3px);color:#5c1a14}.login-seal{position:absolute;top:-6px;right:max(12px,calc(50% - 150px));width:42px;height:42px;display:grid;place-items:center;color:#c94a3a;border:2px solid #c94a3a;border-radius:3px;background:#781c161f;font-style:normal;font-size:13px;font-weight:900;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(12deg);box-shadow:inset 0 0 0 1px #c94a3a59,0 2px 8px #00000040;opacity:.92}.login-brand p{margin:14px 0 0;color:#ece0c4e6;font-size:13px;letter-spacing:.35em;text-shadow:0 2px 10px rgba(0,0,0,.65),0 0 18px rgba(0,0,0,.35)}.login-brand p:before,.login-brand p:after{content:"◆";margin:0 .55em;color:#c6a266b3;font-size:.7em;letter-spacing:0}.login-panel{position:relative;z-index:4;width:min(100%,400px);margin:0 auto;padding:22px 18px 16px;background:linear-gradient(165deg,#2a241ec7,#120f0de0 55%,#0e0c0aeb);border:1px solid rgba(168,138,88,.42);border-radius:10px;box-shadow:0 16px 40px #00000080,inset 0 1px #ffe6b41a,inset 0 0 0 1px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(168,138,88,.18);border-radius:7px;pointer-events:none}.login-form{position:relative;display:grid;gap:12px}.login-field{position:relative;display:grid;grid-template-columns:34px auto 1fr auto;align-items:center;gap:8px;min-height:48px;padding:0 12px 0 10px;background:#0807068c;border:1px solid rgba(150,128,88,.32);border-radius:6px;box-shadow:inset 0 1px 4px #00000059}.login-field:focus-within{border-color:#c6a266a6;box-shadow:inset 0 1px 4px #00000059,0 0 0 1px #c6a26638}.login-field-icon{width:28px;height:28px;display:grid;place-items:center;color:#c8ad78;opacity:.9}.login-field-icon svg{width:20px;height:20px}.login-field-label{color:#e8d8b0;font-size:13px;font-weight:700;letter-spacing:3px;white-space:nowrap}.login-field input{width:100%;min-width:0;padding:12px 4px;border:0;outline:0;background:transparent;color:#f3ead4;font-size:14px;letter-spacing:.5px}.login-field input::placeholder{color:#aa9e84b8;font-size:13px;letter-spacing:1px}.login-eye{width:34px;height:34px;display:grid;place-items:center;margin-right:-4px;color:#b9a57a;background:transparent;border-radius:50%;opacity:.85}.login-eye svg{width:20px;height:20px}.login-eye:hover{color:#f0e0b8;opacity:1;background:#fff0c80f}.login-error{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#f0c4b8;background:#8c241c47;border:1px solid rgba(180,70,55,.4);border-radius:5px;font-size:12px;line-height:1.4}.login-error i{flex:none;width:18px;height:18px;display:grid;place-items:center;color:#f5e6c4;background:#a32f24;border-radius:50%;font-style:normal;font-size:11px;font-weight:900}.login-cta{position:relative;width:100%;min-height:50px;margin-top:4px;color:#f8e9c8;font-size:18px;font-weight:900;letter-spacing:.45em;text-indent:.45em;background:linear-gradient(180deg,rgba(255,210,150,.14),transparent 40%),linear-gradient(100deg,#6e1c16,#a83226 42%,#7a2119);border:1px solid rgba(210,150,90,.45);border-radius:6px;box-shadow:inset 0 1px #ffdcaa47,inset 0 -2px 6px #28080659,0 6px 16px #3c0c0a66;overflow:hidden}.login-cta:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(240,190,120,.22);border-radius:4px;pointer-events:none}.login-cta:hover:not(:disabled){filter:brightness(1.08)}.login-cta:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}.login-oauth{margin-top:16px}.login-oauth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;color:#c8b48c8c;font-size:11px;letter-spacing:2px}.login-oauth-divider:before,.login-oauth-divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(200,170,120,.35),transparent)}.login-oauth-actions{display:grid;grid-template-columns:1fr;gap:8px}.login-oauth-actions:has(>:nth-child(2)){grid-template-columns:1fr 1fr}.login-oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;color:#f0e4c8;background:#14100c6b;border:1px solid rgba(210,180,120,.35);border-radius:4px;box-shadow:inset 0 0 0 1px #fff0c80a;font-size:13px;letter-spacing:1px;transition:.16s ease}.login-oauth-btn svg{width:18px;height:18px;flex:0 0 auto}.login-oauth-btn:hover:not(:disabled){color:#fff6dc;border-color:#e6c88c8c;background:#281e128c}.login-oauth-btn:disabled{opacity:.55}.login-oauth-github svg{color:#e8e0d0}.login-oauth-linuxdo svg{color:#7dcea0}.login-links{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:16px;padding-top:2px}.login-link{padding:6px 4px;color:#dcc8a0e0;background:transparent;font-size:13px;letter-spacing:2px;white-space:nowrap}.login-link:first-child{justify-self:start}.login-link:last-child{justify-self:end}.login-link:hover:not(:disabled){color:#f5e6c4}.login-seal-dot{width:28px;height:28px;display:grid;place-items:center;color:#c94a3a;border:1.5px solid #c94a3a;border-radius:2px;background:#781c1626;font-style:normal;font-size:12px;font-weight:900;transform:rotate(-8deg);box-shadow:inset 0 0 0 1px #c94a3a40;opacity:.9}.login-footer{position:relative;z-index:4;width:min(100%,400px);margin-top:14px;padding-bottom:4px;text-align:center;color:#beb094b8}.login-legal{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:1px}.login-legal i{font-style:normal;color:#a0917866}.login-footer small{display:block;margin-top:8px;font-size:10px;letter-spacing:2px;color:#a0947c94}.gender-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 18px}.gender-pick button{display:grid;justify-items:center;gap:6px;padding:10px 8px 12px;background:#fffcf4b8;border:1px solid rgba(90,78,58,.28);box-shadow:inset 0 0 0 1px #ffffff59;transition:.16s ease}.gender-portrait{width:100%;max-width:132px;aspect-ratio:3 / 4;overflow:hidden;border:2px solid #b69e77;background:linear-gradient(160deg,#7a7e78,#3a3e3a);box-shadow:inset 0 -24px 28px #14120e38}.gender-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block;transition:transform .2s ease}.gender-portrait.female{background:linear-gradient(160deg,#8a6d72,#3a282e)}.gender-pick button span{font-size:15px;font-weight:900;letter-spacing:3px}.gender-pick button small{color:#7a7366;font-size:9px;letter-spacing:1px}.gender-pick button.active{border-color:var(--cinnabar);background:#a52e2414;box-shadow:0 0 0 1px #a52e2440,inset 0 0 18px #a52e240f}.gender-pick button.active .gender-portrait{border-color:#a52e24;box-shadow:0 0 0 1px #a52e2459,inset 0 -24px 28px #14120e2e}.gender-pick button.active .gender-portrait img{transform:scale(1.04)}.gender-pick button:nth-child(2).active .gender-portrait{border-color:#8a3d52}@media(hover:hover){.event-actions button:hover,.friend-search button:hover,.search-results button:hover{filter:brightness(.92)}.moves button:hover{transform:translateY(-2px);filter:brightness(1.12)}}@media(max-width:480px){.auth-shell:not(.login-screen):not(.setup-screen){grid-template-columns:80px 1fr;padding:20px 12px;gap:5px}.auth-scroll{padding:31px 18px;border-width:8px}.auth-title span{font-size:42px}.login-panel{padding:18px 14px 14px}.login-brand{top:clamp(58px,11vh,100px)}.login-brand h1{font-size:clamp(48px,16vw,64px)}.login-cta{font-size:16px;letter-spacing:.38em;text-indent:.38em}.setup-brand h1{font-size:clamp(38px,12vw,50px)}.setup-hero-tab{width:36px;padding:10px 4px 8px}.setup-hero-tab b{font-size:14px}.setup-cta{font-size:16px;letter-spacing:.36em;text-indent:.36em}.gender-portrait{max-width:118px}.page{padding-left:10px;padding-right:10px}.stat{grid-template-columns:22px minmax(45px,1fr) 48px}.location-heading h2{font-size:21px}.moves button{grid-template-columns:1fr;justify-items:center;text-align:center;padding:7px 2px}.moves button span{font-size:11px}.moves button>.skill-icon{width:30px;height:30px}.loading-state{min-height:202px;padding:28px 20px 23px}.combatants{grid-template-columns:minmax(126px,1.1fr) 42px minmax(116px,1fr);gap:3px;padding:0 9px}.clash-mark,.clash-mark b{width:42px}.clash-mark b{height:42px;font-size:20px}.pet-combatant{left:-1px}}._loading_1ewv2_1{position:relative;display:grid;width:min(100%,286px);min-height:218px;margin:auto;padding:31px 24px 25px;isolation:isolate;justify-items:center;align-content:center;overflow:hidden;color:#4f4b42;text-align:center;background:linear-gradient(90deg,rgba(130,111,78,.12),transparent 9%,transparent 91%,rgba(130,111,78,.12)),#f4eedeb3;border:1px solid rgba(99,88,68,.48);box-shadow:0 10px 26px #332a1d1f,inset 0 0 30px #745c3814}._loading_1ewv2_1:before,._loading_1ewv2_1:after{position:absolute;z-index:-1;width:132%;height:72px;content:"";border:1px solid rgba(80,77,66,.12);border-radius:50%;animation:_drift_1ewv2_1 3.6s ease-in-out infinite}._loading_1ewv2_1:before{top:-47px;left:-23%}._loading_1ewv2_1:after{right:-29%;bottom:-55px;animation-delay:-1.8s}._seal_1ewv2_21{display:grid;width:58px;height:58px;margin-bottom:12px;place-items:center;border:1px solid rgba(81,75,63,.7);border-radius:50%;box-shadow:inset 0 0 0 4px #f2ebd8bf,inset 0 0 0 5px #514b3f29;animation:_breathe_1ewv2_1 2.4s ease-in-out infinite}._seal_1ewv2_21 span{font-size:27px;line-height:1}._trail_1ewv2_23{display:flex;height:8px;margin-bottom:12px;align-items:center;gap:5px}._trail_1ewv2_23 i{display:block;width:5px;height:5px;background:#8b8171;border-radius:50%;opacity:.28;animation:_dot_1ewv2_1 1.2s ease-in-out infinite}._trail_1ewv2_23 i:nth-child(2){animation-delay:.15s}._trail_1ewv2_23 i:nth-child(3){animation-delay:.3s}._loading_1ewv2_1 p{margin:0;font-size:13px;font-weight:700;line-height:1.6;letter-spacing:2px}._loading_1ewv2_1 small{margin-top:8px;color:#837a6c;font-size:9px;letter-spacing:2px}._empty_1ewv2_29{padding:28px 18px;color:#777064;text-align:center;background:#efe9d8bf;border:1px dashed #9e9584}._empty_1ewv2_29 i{display:grid;width:48px;height:48px;margin:0 auto 9px;place-items:center;color:#555149;border:1px solid #8e877a;border-radius:50%;font-size:22px;font-style:normal}._empty_1ewv2_29 p{margin:0;font-size:12px;line-height:1.7}._toast_1ewv2_32{position:fixed;z-index:200;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;width:min(88%,450px);min-height:54px;padding:9px 14px;align-items:center;gap:11px;color:#eee5d1;background:#211f1bf5;box-shadow:0 9px 24px #17130e59;text-align:left;transform:translate(-50%);animation:_drop_1ewv2_1 .2s ease-out}._toast_1ewv2_32 i{display:grid;width:32px;height:32px;flex:none;place-items:center;color:#f4e6ca;background:var(--cinnabar);font-style:normal}._toast_1ewv2_32 span{font-size:12px;line-height:1.55}._leaving_1ewv2_35{pointer-events:none;animation:_fade_1ewv2_1 .18s ease-in forwards}@keyframes _breathe_1ewv2_1{50%{color:var(--cinnabar-dark);border-color:#6f1c17b3;transform:scale(1.05)}}@keyframes _dot_1ewv2_1{50%{background:var(--cinnabar);opacity:.9;transform:translateY(-3px)}}@keyframes _drift_1ewv2_1{50%{opacity:.55;transform:translate(5%) scaleY(.88)}}@keyframes _drop_1ewv2_1{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes _fade_1ewv2_1{to{opacity:0;transform:translate(-50%,-8px)}}@media(max-width:480px){._loading_1ewv2_1{min-height:202px;padding:28px 20px 23px}}@media(prefers-reduced-motion:reduce){._loading_1ewv2_1:before,._loading_1ewv2_1:after,._seal_1ewv2_21,._trail_1ewv2_23 i{animation:none}}._root_9ou6e_1{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}._root_9ou6e_1 button{min-height:42px;padding:0 16px;color:#f6e7c8;background:linear-gradient(100deg,#81251f,#a73529,#79231e);border:1px solid rgba(241,219,184,.2);font-weight:700;letter-spacing:3px}._root_9ou6e_1 button:disabled{opacity:.6}._stacked_9ou6e_20{flex-direction:column}._stacked_9ou6e_20 button{width:100%}._stacked_9ou6e_20 .secondary{color:#b8a88a;background:transparent;border:1px solid rgba(160,132,78,.45);letter-spacing:2px}._stacked_9ou6e_20 .secondary:disabled{opacity:.55}._root_av5jm_1{position:relative;width:32px;height:32px;flex:none;display:grid;place-items:center;overflow:hidden;padding:0;color:inherit;background:radial-gradient(circle at 40% 30%,#4a4a40,#1c1d19);border:1px solid #a98853;border-radius:50%;box-shadow:inset 0 -6px 10px #00000059,0 1px 4px #0000004d}._root_av5jm_1 img{width:118%;height:118%;object-fit:cover;object-position:center top}._root_av5jm_1>b{color:#e8d4a8;font-size:13px;font-weight:900}._button_av5jm_30{cursor:pointer}._button_av5jm_30:active{transform:scale(.96);filter:brightness(1.08)}._root_1otek_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:170;display:grid;align-items:end;justify-items:center;overscroll-behavior:none}._body_1otek_2{overflow-y:auto;padding:14px 16px max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain}._backdrop_1otek_3{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a089e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._panel_1otek_4{position:relative;z-index:1;display:flex;width:min(100%,520px);max-height:min(88vh,760px);flex-direction:column;margin:0;overflow:hidden;color:#e8d8b6;background:linear-gradient(165deg,#302a20fa,#161612fc);border:1px solid rgba(198,162,102,.5);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #00000073;animation:_rise_1otek_1 .22s ease-out}._header_1otek_5{display:flex;padding:14px 16px 12px;align-items:flex-start;justify-content:space-between;gap:12px;background:#12100e8c;border-bottom:1px solid rgba(160,128,72,.35)}._header_1otek_5 small{display:block;color:#d7ad64;font-size:10px;letter-spacing:2px}._header_1otek_5 h2{margin:5px 0 0;color:#f0d8a8;font-size:20px;letter-spacing:3px}._close_1otek_8{width:36px;height:36px;flex:none;color:#c9ad77;background:transparent;border:1px solid #715d3a;border-radius:50%;font-size:22px}@keyframes _rise_1otek_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.game-shell{min-height:100vh;position:relative;isolation:isolate;overflow-x:hidden}.game-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/assets/ink-jianghu-bg.webp) center top / cover no-repeat;filter:saturate(.68) contrast(.92)}.game-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#eee7d58f,#eee7d5d6 31%,#eee7d5f2 72%);pointer-events:none}.game-header{min-height:62px;height:auto;padding:max(7px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 7px max(12px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#201e1aed,#282520d1);color:#eee7d4;box-shadow:0 3px 16px #14120e47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-header:after{content:"";position:absolute;inset:auto 0 -4px;height:7px;background:radial-gradient(ellipse at 50% 0,#302c26 0 35%,transparent 37%) 0 0 / 20px 7px repeat-x;opacity:.8}.mini-brand{display:flex;align-items:center;gap:9px}.mini-brand>i{width:38px;height:38px;display:grid;place-items:center;font-style:normal;font-weight:900;color:#f5e8cc;background:var(--cinnabar);border:1px solid #d7a47e;outline:1px solid rgba(246,231,199,.35);outline-offset:-4px;transform:rotate(-3deg)}.mini-brand>span{font-size:17px;font-weight:900;letter-spacing:3px;line-height:1}.mini-brand small{display:block;margin-top:5px;font:7px/1 sans-serif;letter-spacing:2px;color:#a9a191}.header-hero{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.header-avatar{position:relative;width:44px;height:44px;flex:none;overflow:visible;border:2px solid #b69e77;border-radius:50%;box-shadow:inset 0 -8px 14px #00000047,0 2px 8px #00000038;background:linear-gradient(160deg,#6f736c,#2c302c)}.header-avatar.female{background:linear-gradient(160deg,#7a5f64,#2e2024)}.header-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 12%;border-radius:50%}.header-level{position:absolute;left:-3px;bottom:-3px;z-index:1;width:18px;height:18px;display:grid;place-items:center;color:#f5e6c4;background:radial-gradient(circle at 35% 30%,#8d3d2e,#4d1814 72%);border:1px solid #d4a66a;border-radius:50%;box-shadow:0 1px 4px #00000073;font:700 10px/1 Georgia,serif}.header-hero-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.header-stat{display:flex;align-items:baseline;gap:5px;line-height:1;white-space:nowrap}.header-stat small{color:#a9a191;font:700 10px/1 serif;letter-spacing:2px}.header-stat b{color:#f0e4c8;font:700 16px/1 Georgia,"Noto Serif SC",serif;letter-spacing:.5px}.header-stat em{color:#8f8676;font: 10px/1 serif}.header-stat.power b{color:#e7c27a;font-size:15px}.resource-pills{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.resource{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:9.5rem;height:32px;padding:2px 10px 2px 2px;font:700 13px/1 Georgia,"Noto Serif SC",serif;color:#e7dcc4;background:linear-gradient(180deg,#161410b8,#0809088c);border:0;border-radius:0;box-shadow:inset 0 1px #ffe6b40f,inset 0 -2px 6px #00000073;text-decoration:none;white-space:nowrap}.resource-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:0;overflow:hidden;background:radial-gradient(circle at 35% 30%,rgba(255,240,200,.18),transparent 55%),#00000073;border:0;box-shadow:inset 0 1px 2px #ffffff14,0 1px 3px #0006}.resource-icon img{width:20px;height:20px;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.resource b{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 13px/1 Georgia,"Noto Serif SC",serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#f0e6d0;text-shadow:0 1px 1px rgba(0,0,0,.65)}.resource--silver .resource-icon{background:radial-gradient(circle at 35% 30%,rgba(230,235,245,.2),transparent 55%),#0c0e128c}.resource--silver b{color:#e8ecf2}.resource--yuanbao{background:linear-gradient(180deg,#261c0cc7,#0c0a069e);box-shadow:inset 0 1px #ffdc8c1a,inset 0 -2px 6px #00000080;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease}.resource--yuanbao .resource-icon{background:radial-gradient(circle at 35% 30%,rgba(255,210,100,.28),transparent 55%),#1c1206a6}.resource--yuanbao b{color:#f3d48a}a.resource--yuanbao:hover{box-shadow:inset 0 1px #ffe6a024,inset 0 -2px 6px #00000073,0 0 10px #c88c2838}a.resource--yuanbao:active{transform:scale(.97)}.resource>i:not(.resource-icon){width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font: 11px/1 serif;color:#2b251b;background:#c8a967;border:2px solid #e5d2a1;box-shadow:inset 0 0 0 1px #806631}.header-gear{width:34px;height:34px;flex:none;padding:0;overflow:hidden;border-radius:0;background:#1c1a1673;border:0;box-shadow:inset 0 1px 4px #00000073}.header-gear img{width:100%;height:100%;display:block;object-fit:cover}.account-seal{width:34px;height:34px;color:#f5ead4;background:transparent;border:2px solid #9e3c31;border-radius:3px;font-weight:900;transform:rotate(2deg)}.bgm-toggle{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#e8dcc0;background:#1c1a168c;border:1px solid rgba(198,162,102,.55);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059;transition:color .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.resource-pills .bgm-toggle{border:0;border-radius:0;box-shadow:inset 0 1px 4px #00000073}.bgm-toggle span{font:700 13px/1 FZKai-Z03,STKaiti,KaiTi,serif;letter-spacing:0}.bgm-toggle.on{color:#f0e2c0;border-color:#d6b070b8}.bgm-toggle.off{color:#8a8274;opacity:.78;border-color:#78706080}.bgm-toggle:hover{background:#2a2620b8}.bgm-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.auth-shell .bgm-toggle.auth-bgm{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;z-index:5;width:40px;height:40px;color:#3a342c;background:#f4ecd9e0;border-color:#64584073}.auth-shell .bgm-toggle.auth-bgm.on{color:var(--cinnabar-dark)}.auth-shell .bgm-toggle.auth-bgm.off{color:#7a7366}.login-screen .bgm-toggle.login-bgm{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;z-index:8;width:38px;height:38px;color:#f0e4c8;background:#12100e6b;border-color:#d6be8c73;box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-screen .bgm-toggle.login-bgm.on{color:#f5e6c4;border-color:#e6c88ca6}.login-screen .bgm-toggle.login-bgm.off{color:#9a9080;opacity:.85}.page{width:min(100%,720px);min-height:calc(100vh - 62px);margin:0 auto;padding:18px 14px 104px}.game-nav{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,720px);min-height:72px;padding:5px 8px max(7px,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,#f7f2e4f0,#dcd2bbfa);border-top:1px solid rgba(55,50,43,.32);box-shadow:0 -6px 20px #362d2029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-nav:before{content:"";position:absolute;inset:3px 12px auto;border-top:1px solid rgba(80,68,49,.22)}.game-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6f685c;text-decoration:none;font-size:11px;letter-spacing:2px}.game-nav a i{width:44px;height:44px;display:grid;place-items:center;position:relative;flex:none;font-style:normal;border-radius:50%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-nav a i img{width:47px;height:47px;object-fit:contain;opacity:.72;filter:grayscale(.55) sepia(.15);transform:scale(.915);transition:transform .18s ease,opacity .18s ease,filter .18s ease;-webkit-user-select:none;user-select:none}.game-nav a span{line-height:1}.game-nav a.active{color:var(--cinnabar-dark);font-weight:900}.game-nav a.active i{background:var(--cinnabar);transform:translateY(-7px) rotate(-2deg);box-shadow:0 4px 10px #4f1a1447}.game-nav a.active i img{opacity:1;filter:saturate(1.08) contrast(1.02);transform:rotate(2deg) scale(1)}.game-nav a.active:after{content:"";position:absolute;bottom:1px;width:26px;height:3px;background:var(--cinnabar);border-radius:50%;filter:blur(.5px)}.auth-shell>[role=status]{justify-self:center;grid-column:1 / -1}.location-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 3px 11px}.location-heading>div small{color:#837b6d;font-size:9px;letter-spacing:3px}.location-heading h2{margin:2px 0 0;font-size:24px;letter-spacing:3px}.duel-button{display:flex;align-items:center;gap:7px;padding:8px 11px;color:#eee5d2;background:#343a35;box-shadow:3px 3px #725b3c40}.duel-button>i{font-style:normal;font-size:19px;color:#c49a67}.duel-button span{text-align:left;font-size:12px;font-weight:900}.duel-button small{display:block;margin-top:2px;color:#aaa596;font-size:7px;font-weight:400}.event-list{display:grid;gap:12px}.event-scroll{display:grid;grid-template-columns:43px 1fr;position:relative;overflow:hidden;background:#f5efdfe8;border:1px solid rgba(71,63,51,.32);box-shadow:0 5px 14px #312a1f1f}.event-scroll:after{content:"";position:absolute;right:-18px;top:-28px;width:90px;height:90px;border:17px solid rgba(63,68,58,.035);border-radius:50%}.event-number{padding-top:16px;text-align:center;color:#9b9281;font:12px/1 sans-serif;border-right:1px solid #c9bda5}.event-copy{padding:13px 13px 10px}.event-copy>small{color:var(--cinnabar);font-size:8px;letter-spacing:3px}.event-copy h3{margin:5px 0;font-size:19px;letter-spacing:2px}.event-copy p{margin:0;color:#696257;font-size:12px;line-height:1.7}.event-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cfc3ac}.event-actions button{display:flex;justify-content:space-between;padding:11px 14px;background:#dfd6c159;font-size:12px;font-weight:700}.event-actions button+button{border-left:1px solid #cfc3ac}.event-actions button:first-child{color:#38473d}.event-actions button:last-child{color:var(--cinnabar-dark)}.event-actions button i{font: 22px/12px sans-serif}.event-actions button:active{background:#d6c8aa}.ink-panel{position:relative;background:#efe9d8e0;border:1px solid rgba(72,64,51,.3);box-shadow:0 6px 18px #332c201f}.attributes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px}.attributes>div{min-width:0;padding:14px 4px 12px;position:relative;text-align:center;border-right:1px solid #c7bca7}.attributes>div:last-child{border:0}.attributes span{display:block;color:#777064;font-size:10px}.attributes b{display:block;margin:4px 0 0;font:700 24px/1 sans-serif;color:#343a35}.section-brush{display:flex;align-items:center;gap:12px;margin:23px 3px 10px}.section-brush span{font-size:19px;font-weight:900;letter-spacing:4px}.section-brush i{flex:1;height:7px;border-top:2px solid rgba(49,46,40,.58);border-radius:50%}.section-brush:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--cinnabar)}.companion-card{min-height:125px;display:flex;align-items:center;gap:16px;padding:12px;color:#e9e2d0;background:linear-gradient(110deg,#2a2f2bfa,#464c42e8);box-shadow:0 7px 20px #221f1933}.pet-paint{width:88px;height:98px;flex:none;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 43%,#c2baa8 0 16%,transparent 17%),radial-gradient(ellipse at 50% 85%,#1f2522 0 40%,transparent 41%),#777d71;border:1px solid #a69d88}.pet-paint:before,.pet-paint:after{content:"";position:absolute;top:25px;width:24px;height:38px;background:#272d29;transform:rotate(30deg)}.pet-paint:before{left:18px}.pet-paint:after{right:18px;transform:rotate(-30deg)}.pet-paint i{z-index:2;color:#eee6d4;font-style:normal;font-size:24px;text-shadow:0 2px 5px #222}.companion-card>div:last-child{min-width:0}.companion-card small{color:#ada695;font-size:9px;letter-spacing:3px}.companion-card h2{margin:5px 0;letter-spacing:2px}.companion-card h2 em{margin-left:8px;color:#c8a36e;font-size:10px;font-style:normal}.companion-card p{margin:0;color:#bab3a3;font-size:11px;line-height:1.7}.companion-card p b{color:#e5c18a}.skills-grid{display:grid;gap:9px}.skills-grid article{min-height:84px;display:grid;grid-template-columns:56px 1fr 25px;gap:11px;align-items:center;padding:11px;background:#f2ecdce0;border:1px solid rgba(67,60,49,.32)}.skills-grid article>.skill-icon{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;padding:0;border-radius:50%;background:#1a1c18;border:1px solid #8a734a;box-shadow:inset 0 0 0 2px #1c1e1a8c,0 2px 8px #00000038;font-style:normal}.skills-grid article>.skill-icon img{width:118%;height:118%;display:block;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.04)}.skills-grid article small{color:var(--cinnabar);font-size:8px;letter-spacing:2px}.skills-grid article h3{margin:3px 0;font-size:17px}.skills-grid article p{margin:0;color:#777064;font-size:10px}.skills-grid article>b{color:#a19887;font-size:18px}.ranking-scroll{overflow:hidden;background:#f2ecdce6;border:1px solid rgba(67,60,49,.38);box-shadow:0 8px 22px #352d2226}.ranking-header,.rank-row{display:grid;grid-template-columns:50px 1fr 78px;align-items:center}.ranking-header{padding:8px 12px;color:#e8e0ce;background:#3a3c37;font-size:9px;letter-spacing:2px}.ranking-header span:last-child{text-align:right}.rank-row{width:100%;min-height:72px;margin:0;padding:8px 12px;border:0;border-bottom:1px solid #cfc4af;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .15s ease}.rank-row:last-child{border:0}.rank-row:hover,.rank-row:focus-visible{background:#81251f0f;outline:none}.rank-row:active{background:#81251f1a}.rank-row>b{width:34px;height:34px;display:grid;place-items:center;color:#6d6558;font-size:17px}.rank-row>span{display:flex;flex-direction:column;min-width:0}.rank-row strong{font-size:16px;letter-spacing:2px}.rank-row small{margin-top:3px;color:#827a6c;font-size:9px}.rank-row em{text-align:right;color:var(--cinnabar-dark);font:700 16px/1 sans-serif;font-variant-numeric:tabular-nums;font-style:normal}.ranking-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 4px}.ranking-pager button{min-width:72px;padding:8px 12px;border:1px solid rgba(67,60,49,.35);background:#f2ecdcf2;color:#302b23;font:inherit;letter-spacing:1px;cursor:pointer}.ranking-pager button:disabled{opacity:.45;cursor:not-allowed}.ranking-pager span{display:flex;flex-direction:column;align-items:center;gap:2px;color:#5e584c;font-size:13px;letter-spacing:1px}.ranking-pager small{color:#827a6c;font-size:10px;letter-spacing:1px}.rank-1>b,.rank-2>b,.rank-3>b{color:#eee5d2;background:var(--cinnabar);transform:rotate(-3deg)}.rank-2>b{background:#555f58}.rank-3>b{background:#887050}body{background:#171916}.game-shell{color:#e7dbc2;background:#171916}.game-shell:before{background-position:center 18%;filter:saturate(.5) contrast(1.06) brightness(.46)}.game-shell:after{background:radial-gradient(circle at 50% 18%,rgba(191,169,126,.1),transparent 35%),linear-gradient(180deg,#14161333,#111311c7 46%,#151815 88%)}.game-header{min-height:var(--header-bar);height:auto;padding-top:max(9px,env(safe-area-inset-top,0px));padding-bottom:9px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));gap:8px;background:linear-gradient(180deg,#181a17fa,#1b1c18f0);border-bottom:1px solid rgba(205,167,100,.32);box-shadow:0 7px 24px #00000061,inset 0 -1px #000000bf}.game-header:after{height:6px;bottom:-5px;opacity:.55;background:radial-gradient(ellipse at 50% 0,#b5965f 0 13%,#252620 15% 38%,transparent 40%) 0 0 / 24px 7px repeat-x}.mini-brand{gap:8px}.mini-brand>span{font-size:23px;letter-spacing:5px;color:#ddc99e;text-shadow:0 2px 4px #000}.mini-brand small{margin-left:2px;color:#8f8065;letter-spacing:3px}.mini-brand>i{width:25px;height:25px;order:2;color:#c98669;background:#701d1780;border:1px solid #8e3b31;outline:none;font-size:11px}.header-hero{gap:11px}.header-avatar{width:48px;height:48px;border-color:#a98853;box-shadow:inset 0 -10px 16px #00000059,0 0 0 1px #b9914e47,0 3px 10px #00000059}.header-level{width:20px;height:20px;left:-2px;bottom:-2px;font-size:11px}.header-stat small{color:#8f8065;font-size:11px;letter-spacing:3px}.header-stat b{color:#e8d2a8;font-size:18px;text-shadow:0 1px 2px #000}.header-stat em{color:#7d7464}.header-stat.power b{color:#efd89d;font-size:16px}.resource-pills{gap:6px}.resource{height:34px;padding:2px 11px 2px 3px;gap:6px}.resource-icon{width:28px;height:28px}.resource-icon img{width:22px;height:22px}.resource b{font-size:13px}.header-stat b{font-variant-numeric:tabular-nums}.header-gear{width:36px;height:36px;background:#0809086b}.account-seal{width:40px;height:40px;display:grid;place-items:center;padding:2px;border:1px solid #8b6d42;border-radius:50%;transform:none}.account-seal span{width:25px;height:25px;display:grid;place-items:center;color:#e2c891;border:1px solid #8b352a;font-size:12px}.account-seal small{display:none}.bgm-toggle{width:36px;height:36px;color:#e2c891;background:#0809086b;border:1px solid rgba(183,151,94,.45);box-shadow:inset 0 1px 5px #0000008c}.resource-pills .bgm-toggle{border:0;border-radius:0;box-shadow:inset 0 1px 5px #0000008c}.bgm-toggle.on{color:#efd89d;border-color:#d6b070b3}.bgm-toggle.off{color:#7d7464}.resource-pills .bgm-toggle.on,.resource-pills .bgm-toggle.off{border-color:transparent}.page{width:min(100%,680px);min-height:calc(100dvh - var(--header-bar) - env(safe-area-inset-top,0px));padding:16px var(--page-pad-x) var(--page-pad-bottom)}.game-nav{width:min(100%,680px);min-height:var(--nav-bar);padding:6px 10px max(6px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#1d1f1bf7,#111311fc);border-top:1px solid rgba(194,157,93,.42);box-shadow:0 -9px 28px #00000080,inset 0 1px #ffffff08}.game-nav:before{top:4px;border-color:#d2ae6c21}.game-nav a{gap:1px;color:#8f846e;font-size:12px;letter-spacing:3px}.game-nav a i{width:53px;height:53px}.game-nav a i img{width:54px;height:54px;opacity:.7;filter:grayscale(.8) sepia(.4) brightness(.83);transform:scale(.907)}.game-nav a.active{color:#ead5a8}.game-nav a.active i{background:radial-gradient(circle,#6f2b22,#271e1b 68%);border:1px solid #b58c4f;transform:translateY(-10px);box-shadow:0 0 0 3px #1d1f1b,0 0 0 4px #b98f4e59,0 0 20px #b13b2973}.game-nav a.active i img{filter:sepia(.2) saturate(.8) brightness(1.08);transform:scale(1)}.game-nav a.active:after{bottom:-1px;background:#d2a85e;box-shadow:0 0 8px #d9aa52}.location-heading h2,.section-brush{color:#e5d4b2}.location-heading>div small{color:#8e8576}.world-map,.event-scroll,.ranking-scroll,.friend-list,.search-results,.welfare-panel,.welfare-summary{box-shadow:0 8px 24px #00000052}.ranking-scroll,.welfare-panel,.welfare-summary{color:#302b23}.ranking-header{color:#eee2c9;background:linear-gradient(90deg,#32352e,#41443b)}.rank-row{border-bottom-color:#c9bda4}.rank-row strong{color:#2d2922}.rank-row small{color:#756d60}.rank-row>b{color:#655d50}.rank-1>b,.rank-2>b,.rank-3>b{color:#f1dfba;text-shadow:0 1px 1px rgba(0,0,0,.28)}.rank-row em{color:#81251f}@media(max-width:480px){.game-header{gap:5px;min-height:var(--header-bar);padding-top:max(6px,env(safe-area-inset-top,0px));padding-bottom:6px;padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.mini-brand>span{font-size:18px;letter-spacing:3px}.header-hero{gap:6px}.header-avatar{width:36px;height:36px;border-width:1.5px}.header-level{width:15px;height:15px;left:-2px;bottom:-2px;font-size:9px}.header-hero-meta{gap:1px}.header-stat{gap:3px}.header-stat small{font-size:9px;letter-spacing:1px}.header-stat b{font-size:13px}.header-stat em{font-size:9px}.header-stat.power b{font-size:12px}.resource-pills{gap:4px}.resource{height:28px;padding:1px 7px 1px 2px;gap:4px;max-width:6.5rem}.resource-icon{width:22px;height:22px}.resource-icon img{width:16px;height:16px}.resource b{font-size:11px}.header-gear,.bgm-toggle{width:28px;height:28px}.bgm-toggle span{font-size:11px}.account-seal{width:32px;height:32px}.game-nav{min-height:var(--nav-bar);padding:4px 6px max(4px,env(safe-area-inset-bottom))}.game-nav a{font-size:10px;letter-spacing:1px;gap:0}.game-nav a i{width:42px;height:42px}.game-nav a i img{width:42px;height:42px;transform:scale(.9)}.game-nav a.active i{transform:translateY(-6px);box-shadow:0 0 0 2px #1d1f1b,0 0 0 3px #b98f4e59,0 0 12px #b13b2966}.game-nav a.active i img{transform:scale(1)}.welfare-masthead h1{font-size:18px;letter-spacing:2px}.welfare-tabs button{min-height:28px;padding:0 7px;font-size:12px;letter-spacing:1px}.welfare-checkin-day{min-height:104px;padding:5px 1px}.welfare-checkin-day>b{font-size:10px}.welfare-checkin-day>small{font-size:9px}.welfare-reward-icon{width:24px;height:24px}.welfare-reward-icon img{width:20px;height:20px}.welfare-growth-row{grid-template-columns:44px minmax(0,1fr) auto;gap:7px;padding:7px 8px}.welfare-growth-badge{width:44px;height:48px}.welfare-growth-badge b{font-size:16px}.welfare-growth-badge em{font-size:10px}.welfare-dock>button{min-height:40px;font-size:13px;letter-spacing:2px}.page{padding-top:12px;padding-left:var(--page-pad-x);padding-right:var(--page-pad-x);padding-bottom:var(--page-pad-bottom)}.hero-page{margin-left:-10px;margin-right:-10px}.hero-showcase{height:320px}.hero-showcase>img{max-width:100%;right:8%}.hero-dossier{margin-left:10px;margin-right:10px;padding-left:13px;padding-right:13px}.power-score{gap:3px}.power-score b{font-size:22px}.hero-page .attributes,.hero-actions{margin-left:10px;margin-right:10px}.hero-actions{gap:7px}.hero-actions a{padding-left:7px;padding-right:6px;gap:7px}.hero-actions a>i{width:28px;height:28px}.hero-actions a span{font-size:12px;letter-spacing:1px}.equipment-wheel{gap:4px}.pet-page .companion-card{gap:12px;padding:14px 11px}.pet-paint{width:88px;height:88px}}@media(min-width:820px){.game-header{padding-left:calc((100vw - 680px)/2 + 16px);padding-right:calc((100vw - 680px)/2 + 16px)}.hero-showcase{height:440px}.hero-showcase>img{max-width:80%;right:2%}}.auth-shell{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;grid-template-columns:minmax(90px,.55fr) minmax(260px,420px);gap:15px;padding:25px max(20px,calc((100vw - 720px)/2));background:url(/assets/ink-jianghu-bg.webp) center / cover no-repeat}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#ece5d247,#ede6d4d1 57%,#ede6d4f2)}.auth-mist{position:absolute;z-index:-1;width:80vw;height:30vh;left:-15vw;bottom:5vh;background:#f1ede28c;border-radius:50%;filter:blur(38px)}.setup-shell{overflow-y:auto;align-content:safe center;padding-top:18px;padding-bottom:28px}:root{font-family:FZKai-Z03,STKaiti,KaiTi,"Noto Serif SC",serif;color:#211e19;background:#d8d0bb;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;--ink: #191814;--ink-soft: #5e584c;--paper: #e9dfc9;--paper-light: #f4ecd9;--paper-dark: #cbb995;--cinnabar: #b13b29;--cinnabar-dark: #6f1c17;--moss: #465348;--gold: #c6a266;--gold-deep: #725c37;--panel-dark: #24241f;--content-width: 720px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: max(7px, env(safe-area-inset-bottom));--header-bar: 70px;--nav-bar: 85px;--page-pad-x: 14px;--page-pad-bottom: 118px}@media(max-width:480px){:root{--header-bar: 56px;--nav-bar: 64px;--page-pad-x: 10px;--page-pad-bottom: 88px}}@media(max-width:360px){:root{--header-bar: 52px;--nav-bar: 60px;--page-pad-bottom: 82px}}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#ccc3ae;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;background:#ddd4c0;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}button,input{font:inherit}button,a,[role=button],label,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;cursor:pointer}button:disabled{cursor:wait;filter:grayscale(.4);opacity:.7}h1,h2,h3,p{margin-top:0}