@font-face{font-family:Ma Shan Zheng;src:url(../fonts/msz-41f4175320.woff2) format("woff2");font-display:swap}@font-face{font-family:EB Garamond;src:url(../fonts/garamond-8e5bc6cee0.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:EB Garamond;font-style:italic;src:url(../fonts/garamond-italic-0dc0d88ac4.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Cinzel;src:url(../fonts/cinzel-00b03b5120.woff2) format("woff2");font-weight:400 900;font-display:swap}:root{--ink: #0e0b09;--ink2: #1b1612;--ink3: #2a221b;--paper: #efe4cc;--paper2: #d8c9a8;--dim: #a8987c;--mute: #7d705c;--gold: #e2ae4a;--gold2: #ffd98a;--red: #c43a2c;--red2: #ff6b55;--jade: #4fae7d;--blue: #5b8fd6;--purple: #a271e0;--wei: #3d64b0;--shu: #2f8a4f;--wu: #c0402f;--qun: #8a5a2f;--f-cn: "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--f-brush: "Ma Shan Zheng", "STKaiti", "KaiTi", "Kaiti SC", serif;--f-en: "EB Garamond", Georgia, "Times New Roman", serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:var(--f-cn)}body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}canvas#gl{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.hidden{display:none!important}.brush{font-family:var(--f-brush);font-weight:400}.en{font-family:var(--f-en)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.7em 1.4em;border-radius:10px;background:linear-gradient(#3a2e22,#241c15);border:1px solid #6b5536;color:var(--paper);font-size:16px;box-shadow:0 2px #000,inset 0 1px #ffffff14;transition:transform .08s,filter .15s}.btn:active{transform:translateY(1px) scale(.98)}.btn.gold{background:linear-gradient(#f0c162,#b9832c);color:#2a1a08;border-color:#ffe0a0;font-weight:700}.btn.red{background:linear-gradient(#d0503e,#8c2219);border-color:#ff9a85;font-weight:700}.btn.ghost{background:#ffffff0d;border-color:#ffffff2e}.btn:disabled{filter:grayscale(1) brightness(.6);cursor:default}.panel{background:linear-gradient(180deg,#221b14f7,#14100cf7);border:1px solid #5a4630;border-radius:14px;box-shadow:0 10px 40px #0009,inset 0 0 0 1px #ffdc960f}.bhud{position:fixed;inset:0;pointer-events:none;z-index:3}.bhud>*{pointer-events:auto}.bhud.hurt:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #dc1e148c;animation:hurt .45s ease-out forwards}@keyframes hurt{0%{opacity:1}to{opacity:0}}.b-top{position:absolute;left:0;right:0;top:0;padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) 0 calc(8px + var(--safe-l));display:flex;gap:8px;align-items:flex-start;pointer-events:none}.b-top>*{pointer-events:auto}.b-hero{display:flex;gap:6px;align-items:center;background:linear-gradient(90deg,#0a0806c7,#0a080659);border-radius:12px;padding:4px 10px 4px 4px;min-width:0}.b-face{width:44px;height:44px;border-radius:50%;background:radial-gradient(#5a4632,#1d1610);border:2px solid var(--gold);flex:none}.b-bars{width:128px;display:flex;flex-direction:column;gap:3px}.b-name{font-family:var(--f-brush);font-size:16px;line-height:1;color:var(--gold2);display:flex;justify-content:space-between}.b-lv{font-family:var(--f-cn);font-size:11px;color:var(--dim)}.bar{position:relative;height:9px;border-radius:5px;background:#0009;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.bar i{position:absolute;inset:0 auto 0 0;width:100%;border-radius:5px;transition:width .15s linear}.bar b,.bar em{position:absolute;right:4px;top:-1px;font-size:9px;font-style:normal;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;line-height:11px}.bar.hp i{background:linear-gradient(#ff7a62,#c0281c)}.bar.troops{height:8px}.bar.troops i{background:linear-gradient(#7fc3ff,#2c6cb8)}.bar.troops b{left:4px;right:auto}.bar.xp{height:4px}.bar.xp i{background:linear-gradient(90deg,#6fe39c,#c9f58a)}.b-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.b-phase{font-size:13px;color:var(--paper2);background:#00000073;padding:3px 12px;border-radius:99px;white-space:nowrap}.b-phase:empty{display:none}.b-phase b{color:var(--gold2);font-size:15px}.b-boss{width:min(92%,420px);display:flex;flex-direction:column;gap:2px}.bb-name{display:flex;gap:8px;align-items:baseline;justify-content:center;text-shadow:0 2px 6px #000}.bb-name b{font-family:var(--f-brush);font-size:22px;font-weight:400;color:#ffb39e}.bb-name span{font-size:11px;color:var(--dim)}.bar.boss{height:13px}.bar.boss i{background:linear-gradient(#ff5a42,#8a120a)}.bar.boss em{font-size:11px;line-height:13px}.bar.stag{height:4px}.bar.stag i{background:linear-gradient(90deg,#ffd27a,#fff3c4)}.bar.stag.full{animation:blink .3s infinite alternate}@keyframes blink{to{opacity:.4}}.b-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.b-deps{display:flex;gap:4px}.b-deps .dep{width:34px;height:34px;border-radius:50%;border:2px solid #8fb6ff;background:#1b1d27}.b-deps .dep.used{filter:grayscale(1) brightness(.5);border-color:#555}.b-souls{font-family:var(--f-brush);color:#ff8f6e;font-size:14px;letter-spacing:2px;min-height:0;text-shadow:0 0 6px #f00}.b-pause{width:34px;height:34px;border-radius:50%;background:#00000080;font-size:12px;color:var(--paper2)}.quiz{position:absolute;left:50%;transform:translate(-50%);top:calc(64px + var(--safe-t));width:min(94vw,460px);pointer-events:none}.quiz>*{pointer-events:auto}.q-card{position:relative;background:linear-gradient(180deg,#1c1610e6,#100c09db);border:1px solid #7a5d34;border-radius:14px;padding:5px 12px 7px;text-align:center;overflow:hidden;box-shadow:0 8px 30px #0000008c,inset 0 0 0 1px #ffdc9612;transition:border-color .2s,box-shadow .2s}.q-card.listening{border-color:#ffd27a;box-shadow:0 0 0 2px #ffd27a59,0 8px 30px #0000008c}.q-card.ok{border-color:#6fe39c;box-shadow:0 0 24px #6fe39c66}.q-card.bad{border-color:#ff6b55;box-shadow:0 0 24px #ff503c66;animation:shake .3s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.q-ask{font-size:11px;color:var(--dim);letter-spacing:1px;line-height:1.3}.q-card[data-dir=intro] .q-ask{color:#8fe0ff}.q-card.ok .q-ask{color:#6fe39c}.q-card.bad .q-ask{color:#ff8b78}.q-prompt{line-height:1.08;margin:0;color:#fff4dc;text-shadow:0 2px 10px rgba(255,190,90,.3);word-break:break-word}.q-prompt.en{font-family:var(--f-en);font-weight:700;font-size:31px;letter-spacing:.5px}.q-prompt.zh{font-size:22px;font-weight:700}.q-prompt.long.zh{font-size:18px}.q-phon{font-family:var(--f-en);font-size:13px;color:#c9b48a;line-height:1.2}.q-phon:empty{display:none}.q-sub{font-size:13px;color:var(--paper2);line-height:1.3}.q-sub:empty{display:none}.q-sub.hint{font-family:var(--f-en);font-size:20px;letter-spacing:2px;color:var(--gold2)}.q-heard{font-size:13px;min-height:0;margin-top:2px}.q-heard:empty{display:none}.q-heard.bad{color:#ff9a85}.q-heard.good{color:#8ff0b4}.q-timer{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0f}.q-timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd27a,#ff7a4e)}.q-tools{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:3px}.q-tools button{font-size:11px;padding:2px 10px;border-radius:99px;background:#ffffff12;color:var(--paper2);border:1px solid rgba(255,255,255,.12)}.q-mic{width:16px;height:18px;border-radius:4px;border:1.5px solid #ffd27a;position:relative;overflow:hidden;display:inline-block}.q-mic i{position:absolute;left:0;right:0;bottom:0;height:100%;background:#ffd27a;transform-origin:bottom;transform:scaleY(.15)}.q-streak{position:absolute;right:-6px;top:-14px;z-index:2;text-align:center;pointer-events:none}.q-streak b{font-family:var(--f-en);font-size:30px;font-weight:800;color:#ffe2a0;text-shadow:0 0 10px #ff8c2a,0 2px 0 #000;display:block;line-height:1}.q-streak span{font-size:10px;color:var(--paper2)}.q-streak i{display:block;font-style:normal;font-family:var(--f-brush);font-size:18px;color:#ff6b4e;text-shadow:0 0 8px #ff3b1e}.q-streak .pips{display:flex;gap:2px;justify-content:center;margin-top:2px}.q-streak .pips u{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.q-streak .pips u.on{background:#ffd27a}.q-streak .pips u.on.c{background:#ff8a4a}.q-streak .pips u.on.u{background:#ff3b2e;box-shadow:0 0 6px red}.q-streak.pop{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.q-streak.p5 b{color:#fff;text-shadow:0 0 16px #ff2a1a,0 0 4px #fff}.q-streak.broken{animation:drop .6s forwards}@keyframes pop{0%{transform:scale(1.8)}to{transform:scale(1)}}@keyframes drop{to{transform:translateY(20px);opacity:0}}.q-opts{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-b));width:min(96vw,560px);display:grid;grid-template-columns:1fr 1fr;gap:8px}.q-opts.one{grid-template-columns:1fr;width:min(70vw,280px)}.q-opts .opt{position:relative;min-height:54px;padding:8px 10px 8px 26px;border-radius:12px;background:linear-gradient(#2c2219,#1a140f);border:1px solid #6b5536;color:#fff4dc;font-size:16px;line-height:1.2;box-shadow:0 3px #000;text-align:left}.q-opts .opt.en{font-family:var(--f-en);font-size:20px;font-weight:600}.q-opts .opt em{position:absolute;left:8px;top:6px;font-size:10px;color:var(--mute);font-style:normal}.q-opts .opt:active{transform:translateY(2px);box-shadow:0 1px #000}.q-opts .opt.right{background:linear-gradient(#2f7a4c,#1c4a2e);border-color:#8ff0b4}.q-opts .opt.wrong{background:linear-gradient(#8a2a1f,#4a140e);border-color:#ff8b78}.b-dodge{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(26px + var(--safe-b));width:64px;height:64px;border-radius:50%;font-family:var(--f-brush);font-size:28px;background:radial-gradient(#4a3a2a,#1e1711);border:2px solid #c9a24a;color:#ffe2a0;box-shadow:0 4px 12px #0009;overflow:hidden;touch-action:none}.b-dodge i{position:absolute;left:0;right:0;bottom:0;background:#0000008c}.b-dodge.empty{filter:grayscale(1) brightness(.6)}.b-dodge.tapmode{bottom:calc(150px + var(--safe-b));width:52px;height:52px;font-size:22px}.cutin{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ci.ult{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:ciFade 1.5s forwards}.ci.ult .ci-band{position:absolute;left:-10%;right:-10%;top:34%;height:32%;background:linear-gradient(90deg,#0000,#140402eb 18%,#3c0a06eb,#140402eb 82%,#0000);transform:skewY(-6deg);border-top:2px solid #ffcf6a;border-bottom:2px solid #ffcf6a;animation:bandIn .35s cubic-bezier(.2,.9,.3,1)}.ci.ult .ci-img{position:absolute;left:6%;top:18%;height:64%;width:auto;animation:slideR .45s cubic-bezier(.2,.9,.3,1);filter:drop-shadow(0 0 18px rgba(255,140,60,.7))}.ci.ult .ci-text{position:relative;margin-left:34%;text-align:left;animation:slideL .45s cubic-bezier(.2,.9,.3,1)}.ci.ult .ci-name{font-family:var(--f-brush);font-size:clamp(40px,11vw,88px);color:#fff3d6;text-shadow:0 0 20px #ff5a2a,0 4px 0 #000;line-height:1}.ci.ult .ci-skill{font-family:var(--f-brush);font-size:clamp(26px,7vw,54px);color:#ffcf6a;text-shadow:0 0 14px #ff8a2a,0 3px 0 #000}.ci.ult .ci-tag{font-family:var(--f-brush);font-size:18px;color:#ff6b55;letter-spacing:12px}@keyframes ciFade{0%,75%{opacity:1}to{opacity:0}}@keyframes bandIn{0%{transform:skewY(-6deg) scaleY(0)}}@keyframes slideR{0%{transform:translate(-60vw)}}@keyframes slideL{0%{transform:translate(60vw);opacity:0}}.ci.dep{position:absolute;left:0;top:40%;display:flex;align-items:center;gap:6px;padding:4px 18px 4px 6px;background:linear-gradient(90deg,#0a1428e6,#0a142800);border-top:1px solid #8fb6ff;animation:depIn 1.4s forwards}.ci.dep.rescue{background:linear-gradient(90deg,#3c2808eb,#3c280800);border-color:#ffcf6a;top:46%}.ci.dep .ci-img{width:72px;height:96px}.ci.dep .ci-name{font-family:var(--f-brush);font-size:30px;color:#e8f0ff;text-shadow:0 2px 0 #000;line-height:1}.ci.dep .ci-skill{font-size:14px;color:#a9c7ff}.ci.dep.rescue .ci-skill{font-family:var(--f-brush);font-size:24px;color:#ffcf6a}@keyframes depIn{0%{transform:translate(-100%)}15%,80%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}.b-toast{position:absolute;left:0;right:0;top:46%;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{font-size:16px;padding:6px 18px;border-radius:99px;background:#0009;color:var(--paper);animation:toast 2.2s forwards;text-shadow:0 1px 2px #000}.toast.boss{font-family:var(--f-brush);font-size:28px;background:none;color:#ff8b6e;text-shadow:0 0 12px #f22,0 2px 0 #000}.toast.bskill{font-family:var(--f-brush);font-size:24px;background:#3c0804b3;color:#ffb39e}.toast.bskill.big{font-size:34px}.toast.good{color:#9ff5c2}@keyframes toast{0%{transform:scale(1.3);opacity:0}10%,80%{transform:scale(1);opacity:1}to{opacity:0;transform:translateY(-14px)}}.levelup{position:absolute;inset:0;background:#050403b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;z-index:5;backdrop-filter:blur(2px)}.lv-title{font-family:var(--f-brush);font-size:34px;color:var(--gold2);text-shadow:0 0 14px rgba(255,190,90,.5);display:flex;flex-direction:column;align-items:center}.lv-title small{font-family:var(--f-cn);font-size:12px;color:var(--dim)}.lv-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:760px}.lv-card{position:relative;width:min(30vw,220px);min-width:150px;min-height:170px;padding:12px 12px 14px;border-radius:14px;text-align:left;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#2f251b,#18120d);border:1px solid #7a5d34;box-shadow:0 6px 20px #00000080;animation:cardIn .35s backwards}.lv-card:nth-child(2){animation-delay:.06s}.lv-card:nth-child(3){animation-delay:.12s}.lv-card:hover,.lv-card:focus-visible{border-color:var(--gold);transform:translateY(-3px)}@keyframes cardIn{0%{transform:translateY(30px) scale(.9);opacity:0}}.lv-tag{font-size:11px;color:var(--dim);letter-spacing:1px}.lv-name{font-family:var(--f-brush);font-size:24px;color:#ffe8bf;line-height:1.1}.lv-text{font-size:13px;color:var(--paper2);line-height:1.45}.lv-card em{position:absolute;right:10px;top:8px;font-size:11px;color:var(--mute);font-style:normal}.lv-card.k-k{border-color:#c9a24a;background:linear-gradient(180deg,#3d2e1a,#1d150d)}.lv-card.k-awaken{border-color:#ff5a3c;background:linear-gradient(180deg,#5a1a10,#200805);box-shadow:0 0 24px #ff3c1e80}.lv-card.f-wei .lv-tag{color:#8fb2f0}.lv-card.f-shu .lv-tag{color:#8fe0a8}.lv-card.f-wu .lv-tag{color:#ff9a85}.lv-card.f-qun .lv-tag{color:#e0b26f}.lv-cards.two .lv-card{width:min(44vw,280px)}.lv-need{font-size:12px;color:#ff9a85}.joy{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .15s}.joy.on{opacity:1}.joy .base{position:absolute;left:-58px;top:-58px;width:116px;height:116px;border-radius:50%;border:2px solid rgba(255,220,150,.3);background:#0000002e}.joy .knob{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;background:radial-gradient(#ffe2a0b3,#c8964666)}@media(max-width:420px){.b-bars{width:104px}.q-prompt.en{font-size:28px}.quiz{top:calc(60px + var(--safe-t))}}@media(orientation:landscape)and (max-height:500px){.quiz{top:calc(52px + var(--safe-t));width:min(60vw,440px)}.q-prompt.en{font-size:26px}.q-opts{width:min(70vw,600px);grid-template-columns:repeat(4,1fr);bottom:8px}.q-opts .opt{min-height:44px;font-size:14px}}canvas#map{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none;cursor:grab}body[data-scene=battle] canvas#map{display:none}.boot{position:fixed;inset:0;z-index:50;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot-t{font-family:var(--f-brush);font-size:56px;color:var(--gold2);text-shadow:0 0 30px rgba(255,170,60,.4)}.boot-bar{width:200px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.boot-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}.fatal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--paper);z-index:60;background:var(--ink)}.screen{position:fixed;inset:0;z-index:10;pointer-events:none}.screen>*{pointer-events:auto}.btn.big{font-size:20px;padding:.8em 2.4em}.btn small{display:block;font-size:10px;opacity:.75;margin-left:4px}.toasts{position:fixed;left:0;right:0;top:30%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.mtoast{background:#0a0806e0;border:1px solid #6b5536;padding:8px 18px;border-radius:99px;font-size:15px;animation:toast 2.6s forwards}.mtoast.good{border-color:#6fe39c;color:#b9f5cf}.modal{background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30;pointer-events:auto}.md{width:min(92vw,420px);padding:18px 20px;text-align:center}.md-title{font-size:34px;color:var(--gold2);margin-bottom:8px}.md-body{font-size:15px;line-height:1.7;color:var(--paper2)}.md-body b{color:var(--gold2)}.md-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}.title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at 50% 45%,#0a080640,#0a0806e0 75%);pointer-events:auto}.t-ink{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(160,30,20,.35),transparent 40%)}.t-logo{position:relative;text-align:center;animation:logoIn 1.1s cubic-bezier(.2,.9,.3,1)}@keyframes logoIn{0%{transform:scale(1.4);opacity:0;filter:blur(10px)}}.t-main{font-size:clamp(72px,19vw,150px);line-height:1;color:#f6ead0;text-shadow:0 0 40px rgba(255,120,40,.45),0 6px 0 #000;letter-spacing:4px}.t-main span{color:#ff5a3c;text-shadow:0 0 30px rgba(255,60,30,.7),0 6px 0 #000}.t-en{font-family:"Cinzel",var(--f-en);letter-spacing:10px;color:var(--gold);font-size:15px;margin-top:6px}.t-sub{color:var(--paper2);font-size:13px;margin-top:12px;letter-spacing:1px;padding:0 16px}.t-btns{display:flex;flex-direction:column;gap:12px;align-items:center}.t-foot{position:absolute;bottom:calc(18px + var(--safe-b));font-size:12px;color:var(--dim);text-align:center;padding:0 20px}.bookpick{display:flex;align-items:center;justify-content:center;padding:16px;background:#050403b8;pointer-events:auto}.bp{width:min(96vw,560px);max-height:92vh;overflow:auto;padding:18px}.bp-title{font-size:34px;color:var(--gold2);text-align:center}.bp-sub{font-size:13px;color:var(--paper2);line-height:1.6;margin:6px 0 14px;text-align:center}.bp-list{display:flex;flex-direction:column;gap:8px}.bp-item{text-align:left;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#2c2219,#1b150f);border:1px solid #5a4630;position:relative}.bp-item.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.bp-name{font-size:18px;font-weight:700;color:#fff0d2}.bp-desc{font-size:12px;color:var(--dim);margin-top:2px}.bp-pack{font-size:12px;margin-top:4px;color:#cfb68a}.bp-item.pk-mythic .bp-pack{color:#ff8f6e}.bp-prog{position:absolute;right:12px;top:12px;font-size:11px;color:var(--jade)}.bp-x{margin:12px auto 0;display:flex}.factionpick{pointer-events:none}.fp-top{position:absolute;top:calc(10px + var(--safe-t));left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 2px 8px #000}.fp-title{font-size:36px;color:var(--gold2)}.fp-hint{font-size:13px;color:var(--paper)}.fp-panel{position:absolute;left:50%;transform:translate(-50%);bottom:calc(10px + var(--safe-b));width:min(96vw,620px);padding:12px;display:flex;flex-direction:column;gap:8px}.fp-list{display:flex;flex-wrap:wrap;gap:6px;max-height:26vh;overflow:auto}.fp-f{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:99px;background:#ffffff0f;border:1px solid transparent;font-size:14px}.fp-f i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-brush);font-size:16px;color:#fff;box-shadow:0 0 0 1px #00000080}.fp-f.on{border-color:var(--gold);background:#e2ae4a26}.fp-info{min-height:54px}.fp-name{font-size:28px}.fp-desc,.fp-cities{font-size:13px;color:var(--paper2);line-height:1.5}.fp-go{align-self:center}.maphud{pointer-events:none}.mh-top{position:absolute;top:0;left:0;right:0;padding:calc(8px + var(--safe-t)) 10px 8px;display:flex;align-items:center;gap:8px;background:linear-gradient(#080604d9,#08060400);pointer-events:auto}.mh-fac{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.mh-fac i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-brush);font-size:18px;color:#fff;box-shadow:0 0 0 2px #0009}.mh-fac small{color:var(--dim);font-size:11px}.mh-res{flex:1;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;font-size:12px}.mh-res span{background:#00000080;padding:3px 8px;border-radius:99px;color:var(--paper);white-space:nowrap}.mh-res .r-tr{color:#9fd0ff}.mh-res .r-coin{color:#ffd98a}.mh-res .r-exp{color:#b9f5cf}.mh-res .r-words{color:#ffb39e}.mh-book{padding:4px 10px;border-radius:8px;background:#e2ae4a2e;border:1px solid #a07a3a;color:var(--gold2);font-size:13px;font-weight:700}.mh-tip{position:absolute;left:50%;transform:translate(-50%);top:calc(52px + var(--safe-t));font-size:13px;color:#ffcf9a;background:#0009;padding:4px 14px;border-radius:99px;white-space:nowrap;pointer-events:none}.mh-tip:empty{display:none}.mh-nav{position:absolute;left:50%;transform:translate(-50%);bottom:calc(8px + var(--safe-b));display:flex;gap:4px;background:#0c0906e6;border:1px solid #5a4630;border-radius:16px;padding:5px;pointer-events:auto;box-shadow:0 6px 24px #00000080}.mh-nav button{position:relative;width:62px;padding:4px 0 3px;border-radius:12px;font-size:11px;color:var(--paper2);display:flex;flex-direction:column;align-items:center;gap:1px}.mh-nav button b{font-family:var(--f-brush);font-weight:400;font-size:24px;color:var(--gold2);line-height:1}.mh-nav button:active{background:#ffffff0f}.badge{position:absolute;right:6px;top:0;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;padding:0 4px}.citypanel{pointer-events:none}.cp{position:absolute;left:50%;transform:translate(-50%);bottom:calc(74px + var(--safe-b));width:min(96vw,560px);max-height:62vh;overflow:auto;padding:12px 14px;animation:sheetIn .25s ease-out}@keyframes sheetIn{0%{transform:translate(-50%,30px);opacity:0}}.cp-head{display:flex;align-items:baseline;gap:10px}.cp-name{font-size:32px;color:#fff0d2}.cp-name small{font-family:var(--f-cn);font-size:12px;color:var(--dim);margin-left:6px}.cp-owner{font-size:14px;font-weight:700;flex:1}.cp-x,.pr-x,.ga-x,.ro-x,.gd-x,.rvw-x,.wd-x,.st-x,.qq-x{width:32px;height:32px;border-radius:50%;background:#ffffff14;color:var(--paper2);flex:none}.cp-line{font-size:13px;color:var(--paper2);margin:4px 0}.cp-note{font-size:12px;color:var(--mute);margin-top:6px;line-height:1.5}.cp-warn{color:#ff9a85;font-size:13px;margin:6px 0}.cp-gar{display:flex;gap:10px;align-items:center;margin:6px 0}.cp-face{width:56px;height:75px;border-radius:8px;background:radial-gradient(#4a3828,#1b130d);border:1px solid #6b5536;flex:none}.cp-face.blank{display:grid;place-items:center;font-size:30px;color:#ffb39e}.cp-gname{font-size:24px;color:#ffcfb8}.cp-recruit{font-size:12px;color:var(--jade)}.cp-sub{font-size:12px;color:var(--dim);margin:8px 0 4px;letter-spacing:1px}.cp-words{display:flex;flex-wrap:wrap;gap:5px}.cp-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.cp-loy{display:flex;align-items:center;gap:8px;font-size:13px}.bar.loy{flex:1;height:10px}.bar.loy i{background:#5fc77d}.wchip{display:inline-flex;gap:6px;align-items:baseline;padding:3px 9px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--paper2)}.wchip b{font-size:15px;color:#fff4dc;font-weight:600}.wchip.new b:after{content:"\65b0";font-family:var(--f-cn);font-size:9px;color:#ff8f6e;margin-left:3px;vertical-align:top}.wchip.s5,.wchip.s6,.wchip.s7{border-color:#6fe39c66}.rar{font-size:11px;font-weight:800;padding:0 5px;border-radius:4px;margin-left:6px;font-family:var(--f-en)}.rar.r-UR{background:#c0281c;color:#ffe2a0}.rar.r-SSR{background:#b88a20;color:#2a1a04}.rar.r-SR{background:#6a45b0;color:#f0e4ff}.rar.r-R{background:#4d5d6b;color:#e4ecf2}.gcard{position:relative;width:150px;height:210px;border-radius:12px;overflow:hidden;padding:0;flex:none;box-shadow:0 4px 14px #00000080;border:2px solid #5d6b78;background:#120d09;text-align:left}.gcard.small{width:104px;height:146px;border-radius:10px}.gcard .gc-art{position:absolute;inset:0;width:100%;height:100%}.gcard.r-SR{border-color:#8a5fd0}.gcard.r-SSR{border-color:#e0b04a}.gcard.r-UR{border-color:#ff5a3c;box-shadow:0 0 16px #ff502880,0 4px 14px #00000080}.gcard.r-UR:after,.gcard.r-SSR:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);background-size:250% 100%;animation:shine 3.2s infinite;pointer-events:none}@keyframes shine{0%{background-position:150% 0}to{background-position:-100% 0}}.gcard.locked{filter:grayscale(.9) brightness(.45)}.gcard.used{outline:2px solid var(--gold);outline-offset:-2px;opacity:.55}.gc-rar{position:absolute;left:6px;top:5px;font-family:"Cinzel",var(--f-en);font-weight:900;font-size:15px;text-shadow:0 2px 2px #000}.small .gc-rar{font-size:11px}.r-UR .gc-rar{color:#ff8a6a}.r-SSR .gc-rar{color:#ffd76a}.r-SR .gc-rar{color:#c7a8ff}.r-R .gc-rar{color:#b8c8d6}.gc-seal{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:4px;background:#b8322a;color:#fff;font-family:var(--f-brush);font-size:16px;display:grid;place-items:center;box-shadow:0 1px 2px #000}.small .gc-seal{width:17px;height:17px;font-size:12px}.f-wei .gc-seal{background:#2f5aa8}.f-shu .gc-seal{background:#2f7a48}.f-wu .gc-seal{background:#b8322a}.f-qun .gc-seal{background:#8a6420}.gc-name{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:30px;color:#fff4dc;text-shadow:0 2px 6px #000,0 0 12px rgba(0,0,0,.8);line-height:1}.small .gc-name{font-size:22px;bottom:18px}.gc-title{position:absolute;left:0;right:0;bottom:52px;text-align:center;font-size:11px;color:var(--gold2);text-shadow:0 1px 3px #000}.small .gc-title{display:none}.gc-meta{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-size:10px;color:var(--paper2);background:#000000a6;display:flex;justify-content:space-between}.gc-stars{color:#ffd76a;letter-spacing:-1px}.prep{display:flex;align-items:center;justify-content:center;background:#05040399;padding:10px;pointer-events:auto}.pr{width:min(98vw,680px);max-height:96vh;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.pr-head{display:flex;align-items:center;justify-content:space-between}.pr-title{font-size:30px;color:#ffcfb8}.pr-team{display:flex;gap:10px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.pr-slot{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border-radius:12px;border:2px dashed transparent;cursor:pointer}.pr-slot.on{border-color:var(--gold);background:#e2ae4a14}.pr-lbl{font-size:12px;color:var(--dim)}.pr-empty{width:104px;height:146px;border-radius:10px;border:1px dashed #5a4630;display:grid;place-items:center;color:var(--mute)}.pr-combo{width:100%;text-align:center;font-family:var(--f-brush);font-size:20px;color:#ffb39e}.pr-troops{font-size:13px;color:var(--paper2)}.pr-troops input{width:100%;accent-color:var(--gold)}.pr-troops b{color:#9fd0ff;font-size:16px}.pr-hint{font-size:11px;color:var(--mute);line-height:1.5}.pr-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.pr-opts{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--paper2)}.pr-opts label{display:flex;gap:6px;align-items:center}.pr-btns{display:flex;justify-content:center}.results{display:flex;align-items:center;justify-content:center;background:#050403b8;padding:12px;pointer-events:auto}.rs{width:min(96vw,560px);max-height:94vh;overflow:auto;padding:16px;text-align:center;position:relative}.rs-stamp{font-size:64px;line-height:1.1;color:#ff5a3c;text-shadow:0 0 24px rgba(255,60,30,.6);animation:stamp .5s cubic-bezier(.2,1.6,.4,1)}.rs.lose .rs-stamp{color:#9aa3ad;text-shadow:none}@keyframes stamp{0%{transform:scale(2.4) rotate(-8deg);opacity:0}}.rs-city{font-size:30px;color:#fff0d2}.rs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.stat{background:#ffffff0a;border-radius:10px;padding:6px;display:flex;flex-direction:column}.stat b{font-size:20px;color:var(--gold2);font-family:var(--f-en)}.stat span{font-size:11px;color:var(--dim)}.rs-sub{font-size:12px;color:var(--dim);text-align:left;margin:6px 0 4px}.rs-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;text-align:left}.rs-w{display:flex;gap:6px;align-items:baseline;padding:3px 8px;border-radius:6px;background:#ffffff0a;font-size:12px;color:var(--paper2)}.rs-w b{font-size:14px;color:#fff4dc}.rs-w span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-w i{font-style:normal}.rs-w.good i{color:var(--jade)}.rs-w.bad i{color:var(--red2)}.rs-w.bad{background:#c43a2c1f}.rs-rew{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0 4px}.rs-r{padding:4px 12px;border-radius:99px;background:#ffffff12;font-size:13px;animation:cardIn .4s backwards}.rs-r.pack{background:#e2ae4a2e;color:var(--gold2)}.rs-r.recruit{background:#c43a2c4d;color:#ffd2c4;font-weight:700}.rs-r.troop{color:#9fd0ff}.rs-r.up{color:#b9f5cf}.rs-r.pk-mythic{background:#c43a2c59;color:#ffd2a0}.rs-btns{display:flex;gap:10px;justify-content:center;margin-top:14px}.gacha{background:radial-gradient(ellipse at 50% 30%,#2a1a10,#0b0806 70%);pointer-events:auto;overflow:auto}.ga{width:min(96vw,760px);margin:0 auto;padding:calc(10px + var(--safe-t)) 10px 20px}.ga-head{display:flex;justify-content:space-between;align-items:center}.ga-title{font-size:38px;color:var(--gold2)}.ga-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin-top:10px}.ga-pack{border-radius:14px;padding:10px;background:linear-gradient(#2c2219,#18120d);border:1px solid #5a4630;display:flex;flex-direction:column;gap:6px}.ga-pack.none{opacity:.45}.gp-art{height:90px;border-radius:10px;display:grid;place-items:center;font-size:42px;color:#ffffffe6;text-shadow:0 2px 6px #000}.pk-bronze .gp-art{background:linear-gradient(135deg,#6b4a2a,#3a2614)}.pk-silver .gp-art{background:linear-gradient(135deg,#8a96a3,#3e4852)}.pk-gold .gp-art{background:linear-gradient(135deg,#d9a23a,#6e4a10)}.pk-mythic .gp-art{background:linear-gradient(135deg,#e0482f,#4a0a06);box-shadow:0 0 22px #ff502873}.gp-name{font-weight:700;display:flex;justify-content:space-between}.gp-name b{color:var(--gold2)}.gp-desc{font-size:11px;color:var(--dim)}.gp-btns{display:flex;gap:6px}.gp-btns .btn{flex:1;padding:.55em .4em;font-size:14px}.ga-note{font-size:11px;color:var(--mute);margin-top:12px;line-height:1.6}.ga-pity{font-size:12px;color:var(--dim);margin-top:4px}.reveal{background:#040302f0;pointer-events:auto;display:flex;align-items:center;justify-content:center;overflow:auto;z-index:20}.rv{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 8px;position:relative}.rv-burst{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,200,120,.35),transparent 55%);animation:burst 1s ease-out forwards}.rv.pk-mythic .rv-burst{background:radial-gradient(circle at 50% 50%,rgba(255,70,40,.55),transparent 60%)}@keyframes burst{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:.35}}.rv.flash:before{content:"";position:fixed;inset:0;pointer-events:none;animation:rvflash .7s ease-out forwards;z-index:5}.rv.flash-ssr:before{background:radial-gradient(circle,#ffd76ed9,#ffb43c00 70%)}.rv.flash-ur:before{background:radial-gradient(circle,#fff0c8,#ff3c1e99 40%,#ff3c1e00 75%);animation-duration:1.1s}@keyframes rvflash{0%{opacity:1}to{opacity:0}}.rv-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px}.rv-card{width:150px;height:210px;perspective:800px;position:relative;cursor:pointer;animation:dealIn .45s backwards cubic-bezier(.2,.9,.3,1)}@keyframes dealIn{0%{transform:translateY(-60vh) rotate(-20deg);opacity:0}}.rv-back,.rv-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.9,.3,1)}.rv-back{background:repeating-linear-gradient(45deg,#3a2414 0 8px,#2c1a0e 8px 16px);border:2px solid #8a6a3a;display:grid;place-items:center;font-size:56px;color:#c9a24a}.rv-card.r-SSR .rv-back{border-color:#ffd76a;box-shadow:0 0 18px #ffc85099}.rv-card.r-UR .rv-back{border-color:#ff5a3c;box-shadow:0 0 26px #ff4628cc;animation:urPulse .8s infinite alternate}@keyframes urPulse{to{box-shadow:0 0 46px #ff6428}}.rv-face{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.rv-card.open .rv-back{transform:rotateY(-180deg)}.rv-card.open .rv-face{transform:rotateY(0)}.rv-card.open.r-UR:after,.rv-card.open.r-SSR:after{content:"";position:absolute;left:50%;top:-40%;width:40%;height:180%;transform:translate(-50%);background:linear-gradient(transparent,rgba(255,220,140,.5),transparent);filter:blur(6px);pointer-events:none;animation:pillar 1.4s ease-out forwards}.rv-card.open.r-UR:after{background:linear-gradient(transparent,rgba(255,90,50,.8),transparent)}@keyframes pillar{0%{opacity:1;transform:translate(-50%) scaleY(.2)}to{opacity:0;transform:translate(-50%) scaleY(1.2)}}.rv-tag{position:absolute;left:50%;transform:translate(-50%);top:34px;background:#000000b3;padding:2px 10px;border-radius:99px;font-size:12px;color:var(--paper2);white-space:nowrap}.rv-tag.new{background:#c0281c;color:#fff;font-weight:700}.eqcard,.comcard{width:150px;height:210px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center;border:2px solid #8f8f8f;background:linear-gradient(#2a2622,#141210)}.eqcard.g1{border-color:#a271e0;background:linear-gradient(#2c1e3d,#120c18)}.eqcard.g2{border-color:#e0b04a;background:linear-gradient(#3d2c10,#170f05);box-shadow:0 0 16px #ffbe4666}.eq-slot{font-size:11px;color:var(--dim)}.eq-name{font-size:24px;color:#fff0d2}.eq-grade{font-size:12px;color:var(--gold2)}.eq-text{font-size:11px;color:var(--paper2);line-height:1.4}.comcard{border-color:#5a4630}.cc-name{font-size:40px;color:var(--paper)}.cc-val{font-size:14px;color:var(--gold2)}.comcard.k-troop .cc-name{color:#9fd0ff}.comcard.k-book .cc-name{color:#b9f5cf}.rv-btns{display:flex;gap:10px}.roster{background:#080604f7;pointer-events:auto;overflow:auto}.ro{width:min(98vw,900px);margin:0 auto;padding:calc(10px + var(--safe-t)) 8px 30px}.ro-head{display:flex;align-items:center;gap:10px}.ro-title{font-size:36px;color:var(--gold2)}.ro-count{flex:1;color:var(--dim);font-size:13px}.ro-tabs{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.ro-tabs button{padding:4px 14px;border-radius:99px;background:#ffffff0f;font-size:14px}.ro-tabs button.on{background:#e2ae4a40;color:var(--gold2)}.ro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;justify-items:center}.gendetail{display:flex;align-items:center;justify-content:center;background:#040302bf;padding:8px;pointer-events:auto;z-index:15}.gd{position:relative;width:min(98vw,680px);max-height:96vh;overflow:auto;padding:14px}.gd-x{position:absolute;right:10px;top:10px}.gd-top{display:flex;gap:12px;flex-wrap:wrap}.gd-info{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}.gd-name{font-size:40px;color:#fff0d2;line-height:1}.gd-name small{font-size:18px;color:var(--gold2);margin-left:8px}.gd-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:12px}.gd-tags span{background:#ffffff12;padding:1px 8px;border-radius:99px}.gd-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:13px;color:var(--paper2)}.gd-lock{font-size:13px;color:var(--dim)}.gd-btns{display:flex;gap:6px;flex-wrap:wrap}.gd-btns .btn{padding:.5em .9em;font-size:13px}.gd-equip{display:flex;gap:6px}.gd-eq{flex:1;padding:6px;border-radius:8px;background:#ffffff0d;border:1px dashed #5a4630;font-size:12px;text-align:left}.gd-eq small{display:block;color:var(--dim)}.gd-eq.g1{border:1px solid #a271e0}.gd-eq.g2{border:1px solid #e0b04a}.gd-skills{margin-top:10px;display:flex;flex-direction:column;gap:6px}.gd-sk{background:#ffffff08;border-radius:8px;padding:6px 10px;font-size:13px}.gd-sk b{color:var(--gold2);margin-right:6px}.gd-skn{font-family:var(--f-brush);font-size:18px;color:#ffe8bf}.gd-sk p{margin:3px 0 0;color:var(--paper2);line-height:1.5}.gd-sk.awk{border:1px solid rgba(255,90,60,.4)}.gd-sk.awk b{color:#ff8b6e}.equippick{display:flex;align-items:center;justify-content:center;background:#0009;z-index:18;pointer-events:auto}.ep{width:min(94vw,460px);max-height:86vh;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.ep-title{font-size:28px;color:var(--gold2);text-align:center}.ep-list{display:flex;flex-direction:column;gap:6px}.ep-it{text-align:left;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid #4a3a28;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--paper2)}.ep-it b{font-size:18px;color:#fff0d2;font-weight:400}.ep-it.g1{border-color:#7c56b0}.ep-it.g2{border-color:#c9a24a}.ep-it small{color:var(--mute)}.ep-empty{font-size:13px;color:var(--dim);text-align:center;padding:10px}.reviewscr,.wordsscr,.settingsscr{display:flex;align-items:center;justify-content:center;background:#050403b3;padding:10px;pointer-events:auto;z-index:14}.rvw,.wd,.stp{width:min(96vw,560px);max-height:94vh;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.rvw-head,.wd-head,.st-head{display:flex;justify-content:space-between;align-items:center}.rvw-title,.wd-title,.st-title{font-size:34px;color:var(--gold2)}.rvw-sub{font-size:12px;color:var(--paper2);line-height:1.6}.rvw-list{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow:auto}.rvw-c{display:grid;grid-template-columns:64px 1fr 28px 68px;gap:8px;align-items:center;font-size:13px}.rvw-c small{color:var(--dim);font-size:11px}.rvw-empty,.wd-empty{color:var(--dim);font-size:13px;text-align:center;padding:14px}.rvw-btns{display:flex;justify-content:center}.wd-book{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.wd-book b{color:var(--gold2)}.wd-book small{color:var(--dim)}.wd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wd-sub{font-size:12px;color:var(--dim)}.wd-list{display:flex;flex-wrap:wrap;gap:5px}.st-body{display:flex;flex-direction:column;gap:4px}.st-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;flex-wrap:wrap}.st-l{display:flex;flex-direction:column}.st-l small{font-size:11px;color:var(--dim)}.st-sec{margin-top:10px;font-size:12px;color:var(--gold);letter-spacing:2px}.st-vs{font-size:12px;color:#b9f5cf}.st-code{font-size:22px;letter-spacing:3px;color:var(--gold2)}.st-sync{font-size:12px;color:var(--dim)}.st-in{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #5a4630;background:#120d09;color:var(--paper);font-size:16px;letter-spacing:2px}.st-credit{font-size:10px;color:var(--mute)}.st-row input[type=range]{width:160px;accent-color:var(--gold)}.seg{display:flex;background:#ffffff0d;border-radius:99px;padding:2px}.seg button{padding:4px 12px;border-radius:99px;font-size:13px;color:var(--paper2)}.seg button.on{background:var(--gold);color:#2a1a08;font-weight:700}.tg{width:44px;height:24px;border-radius:12px;background:#3a3028;position:relative;flex:none}.tg i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#9a8a74;transition:transform .2s,background .2s}.tg.on{background:#6b5020}.tg.on i{transform:translate(20px);background:var(--gold2)}.pausescr{display:flex;align-items:center;justify-content:center;background:#050403b8;pointer-events:auto;z-index:12}.ps{width:min(86vw,320px);padding:18px;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}.ps-title{font-size:40px;color:var(--gold2)}.ps-opt{display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px}.giftpick{display:flex;align-items:center;justify-content:center;background:#040302e6;pointer-events:auto;z-index:25;padding:12px}.gpk{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.gpk-title{font-size:44px;color:var(--gold2)}.gpk-sub{color:var(--paper2);font-size:14px}.gpk-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.gpk-list .gcard.locked{filter:none}.qq{background:radial-gradient(ellipse at 50% 30%,#2a1d12,#0b0806 72%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;z-index:16}.qq-head{position:absolute;top:calc(10px + var(--safe-t));left:12px;right:12px;display:flex;align-items:center;gap:10px}.qq-title{font-size:30px;color:var(--gold2)}.qq-sub{flex:1;font-size:12px;color:var(--dim)}.qq-prog{font-size:13px;color:var(--paper2)}.qq-card{position:relative;width:min(94vw,480px);padding:22px 18px 26px;border-radius:18px;background:linear-gradient(#2a2017,#15100b);border:1px solid #7a5d34;text-align:center;overflow:hidden;box-shadow:0 12px 40px #0009}.qq.listening .qq-card{border-color:#ffd27a;box-shadow:0 0 0 3px #ffd27a40,0 12px 40px #0009}.qq.ok .qq-card{border-color:#6fe39c}.qq.bad .qq-card{border-color:#ff6b55;animation:shake .3s}.qq-ask{font-size:13px;color:var(--dim);letter-spacing:2px}.qq-prompt{margin:8px 0 4px;color:#fff4dc}.qq-prompt.en{font-family:var(--f-en);font-size:44px;font-weight:700}.qq-prompt.zh{font-size:26px;font-weight:700}.qq-phon{font-family:var(--f-en);color:#c9b48a;font-size:15px}.qq-hintline{font-size:18px;color:var(--gold2);margin-top:6px}.qq-heard{font-size:13px;color:#ff9a85;margin-top:6px}.qq-timer{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff0f}.qq-timer i{display:block;height:100%;background:linear-gradient(90deg,#ffd27a,#ff7a4e)}.qq-opts{width:min(94vw,520px);display:grid;grid-template-columns:1fr 1fr;gap:8px}.qq-opts .opt{position:relative;min-height:58px;padding:8px 10px 8px 26px;border-radius:12px;background:linear-gradient(#2c2219,#1a140f);border:1px solid #6b5536;color:#fff4dc;font-size:16px;text-align:left;box-shadow:0 3px #000}.qq-opts .opt.en{font-family:var(--f-en);font-size:21px;font-weight:600}.qq-opts .opt em{position:absolute;left:8px;top:6px;font-size:10px;color:var(--mute);font-style:normal}.qq-opts .opt.right{background:linear-gradient(#2f7a4c,#1c4a2e);border-color:#8ff0b4}.qq-opts .opt.wrong{background:linear-gradient(#8a2a1f,#4a140e);border-color:#ff8b78}.qq-tools{display:flex;gap:8px}.qq-tools .btn{padding:.45em 1em;font-size:13px}@media(max-width:480px){.gcard{width:128px;height:180px}.gc-name{font-size:26px}.rv-card,.eqcard,.comcard{width:128px;height:180px}.mh-nav button{width:56px}.cp-name{font-size:28px}}.b-intro{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;animation:introFade 2.9s forwards}.bi-city{font-size:clamp(54px,15vw,110px);color:#fff0d2;text-shadow:0 0 30px rgba(255,90,40,.6),0 5px 0 #000;animation:logoIn .9s cubic-bezier(.2,.9,.3,1)}.bi-sub{font-size:15px;color:var(--gold2);text-shadow:0 2px 4px #000;letter-spacing:2px}@keyframes introFade{0%,75%{opacity:1}to{opacity:0;transform:scale(1.06)}}.b-tips{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,380px);padding:16px 18px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:var(--paper2);z-index:6}.b-tips b{color:var(--gold2)}.b-tips b.red{color:#ff7a62}.bt-t{font-size:32px;color:var(--gold2);text-align:center}.b-tips .btn{align-self:center;margin-top:6px}