:root{--gold:#f3cf7a;--gold2:#d9a441;--ink:#0a0e18;--panel:#0d111ce6;--panel2:#161c2ceb;--line:#f3cf7a42;--line2:#ffffff14;--text:#f4ecd8;--muted:#a9a293;--hp:#e5484d;--mp:#3d8bfd;--ok:#6ad37a;--font:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--latin:"Outfit", "Pretendard Variable", Pretendard, system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#070b18;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas.gl{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}button{font-family:inherit}kbd{font-family:var(--font)}.hidden{display:none!important}.fatal{text-align:center;color:var(--text);background:#070b18;place-items:center;padding:24px;font-size:16px;line-height:1.8;display:grid;position:fixed;inset:0}.btn{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:linear-gradient(#3c4660b3,#1c2232d9);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform 80ms,filter .15s,border-color .15s}.btn:hover{filter:brightness(1.18);border-color:#f3cf7a8c}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:default;filter:none}.btn.primary{color:#2a1a05;text-shadow:0 1px #ffffff59;background:linear-gradient(#f6d27e,#c98a2c);border-color:#ffe3a1}.btn.gold{color:#ffe7ad;background:linear-gradient(#785a1ed9,#46320fe6);border-color:#f3cf7a80}.btn.danger{background:linear-gradient(#b8463a,#7a2219);border-color:#e2806f}.btn.ghost{border-color:var(--line2);color:var(--muted);background:0 0}.btn.wide{width:100%;margin-top:10px;padding:11px;font-size:14px}.loading{z-index:50;background:radial-gradient(#141b33 0%,#05070f 75%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loading.out{opacity:0;pointer-events:none}.ld{font-family:var(--display);color:#ffe2a6;letter-spacing:-.01em;flex-direction:column;align-items:center;gap:18px;font-size:18px;font-weight:800;display:flex}.flame{filter:blur(.3px)drop-shadow(0 0 18px #ff8a3a);background:radial-gradient(circle at 50% 70%,#fff3c4 0%,#ffb347 35%,#e2531c 70%,#0000 72%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;width:34px;height:46px;animation:.45s ease-in-out infinite alternate flick}@keyframes flick{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(.92,1.08)rotate(3deg)}}.title{pointer-events:auto;cursor:default;background:radial-gradient(at 50% 120%,#0000 30%,#03050c8c 80%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.tmodal{z-index:5;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.tbox{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(380px,90vw);padding:22px}.tbox h3{font-family:var(--display);margin:0 0 8px;font-weight:800}.tbox p{color:var(--muted);font-size:14px;line-height:1.6}.tbox .row{justify-content:center;gap:10px;margin-top:14px;display:flex}.seg2,.chips{flex-wrap:wrap;gap:5px;display:flex}.seg2 button,.chips button{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.seg2 button{flex:1}.seg2 button.on,.chips button.on{color:#2a1a05;background:linear-gradient(#f6d27e,#c98a2c);border-color:#ffe3a1}.sw-row{flex-wrap:wrap;gap:6px;display:flex}.swatch{appearance:none;background:var(--sw);cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:24px;height:24px;padding:0}.swatch.on{border-color:#ffe3a1;box-shadow:0 0 0 2px #f3cf7a80}.chips button[data-t]{min-width:86px}.btn.small{align-self:flex-start;margin-top:6px;padding:5px 10px;font-size:12px}.ui,.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-frame{left:calc(16px + var(--sal));top:calc(16px + var(--sat));pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute}.portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 55%, #10141f), #0c0f18 75%);border:2px solid var(--gold2);border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;display:grid;position:relative;box-shadow:0 0 0 3px #0a0c14d9,0 4px 18px #00000080}.portrait.big{width:74px;height:74px;font-size:36px}.portrait .lv{color:#2a1a05;background:linear-gradient(#f6d27e,#b8781f);border:2px solid #0c0f18;border-radius:11px;place-items:center;min-width:26px;height:22px;padding:0 6px;font-size:12.5px;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-6px}.bars{flex-direction:column;gap:5px;width:236px;padding-top:3px;display:flex}.who{text-shadow:0 1px 3px #000;align-items:baseline;gap:8px;display:flex}.who .nm{font-size:15px;font-weight:900}.who .cl{color:var(--gold);font-size:11.5px;font-weight:700}.voice-tog{pointer-events:auto;appearance:none;color:#e8f4ff;font:800 11.5px var(--font);cursor:pointer;text-shadow:none;background:#285a968c;border:1px solid #8cc8ff8c;border-radius:999px;align-items:center;gap:4px;margin-left:4px;padding:2px 9px 2px 7px;display:inline-flex;box-shadow:0 2px 6px #00000059}.voice-tog:hover{filter:brightness(1.15)}.voice-tog.off{color:var(--muted);background:#282c38b3;border-color:#ffffff40}.bar{background:#06080ed1;border:1px solid #ffffff1f;border-radius:4px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.bar i{position:absolute;top:0;bottom:0;left:0}.bar.hp .fill{background:linear-gradient(#ff7a6e,#d93a32 55%,#a4231c);transition:width .12s}.bar.hp .ghost{opacity:.8;background:#ffe2b0}.bar.hp .shield{mix-blend-mode:screen;background:repeating-linear-gradient(-45deg,#bee1ffbf 0 4px,#8cbeff8c 4px 8px)}.bar.mp{height:14px}.bar.mp .fill{background:linear-gradient(#7ab8ff,#2f6fe0 60%,#1c4fa8);transition:width .12s}.bar span{text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.02em;place-items:center;font-size:10.5px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.bar.mp span{font-size:10px}.buffs{flex-wrap:wrap;gap:4px;min-height:22px;display:flex}.buffs i{background:#0a0e18d9;border:1px solid #78c8ff66;border-radius:6px;place-items:center;width:24px;height:24px;font-size:14px;font-style:normal;display:grid;position:relative}.buffs i.bad{border-color:#ff6e5a8c}.buffs i b{text-shadow:0 1px 2px #000;font-size:9.5px;font-weight:900;position:absolute;bottom:-4px;right:-2px}.hud-map{right:calc(16px + var(--sar));top:calc(16px + var(--sat));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.mm-wrap{cursor:pointer;border-radius:50%;width:168px;height:168px;position:relative;box-shadow:0 6px 24px #00000080}.mm-wrap canvas{border-radius:50%;display:block}.mm-ring{border:3px solid var(--gold2);pointer-events:none;border-radius:50%;position:absolute;inset:-5px;box-shadow:inset 0 0 0 2px #0a0c14e6,0 0 0 2px #0a0c14d9}.mm-n{border:2px solid var(--gold2);width:20px;height:20px;color:var(--gold);background:#0c0f18;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.mm-info{text-shadow:0 1px 3px #000,0 0 6px #000;flex-direction:column;align-items:center;gap:1px;display:flex}.mm-info .zone{letter-spacing:.03em;font-size:13.5px;font-weight:900}.mm-info .clock{color:#d8d2c0;font-size:11px}.menu-btns{flex-wrap:wrap;justify-content:flex-end;gap:6px 4px;max-width:312px;margin-left:auto;display:flex}.mbtn{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#0c101ad9;border-radius:9px;place-items:center;font-size:16px;display:grid;position:relative}.mbtn:hover{border-color:var(--gold);background:#282214e6}.mbtn kbd{border:1px solid var(--line);color:var(--gold);background:#0c0f18;border-radius:3px;padding:0 3px;font-size:8.5px;line-height:12px;position:absolute;bottom:-5px;right:-4px}.gold-box{border:1px solid var(--line);color:#ffe2a0;background:#0c101acc;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:900;display:flex}.coin{vertical-align:-1px;background:radial-gradient(circle at 35% 35%,#fff2b0,#f0b830 50%,#9a6510);border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 1px #6a420a}.tracker{right:calc(16px + var(--sar));top:calc(330px + var(--sat));pointer-events:none;text-shadow:0 1px 3px #000,0 0 6px #000c;flex-direction:column;gap:6px;width:236px;display:flex;position:absolute}.tracker .th{letter-spacing:.25em;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:2px;font-size:11px;font-weight:900}.tq{background:linear-gradient(90deg,#0a0c1499,#0a0c1426);border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.tq b{color:#ffe7b0;font-size:13px}.tq span{color:#d9d2c0;font-size:11.5px;line-height:1.45}.tq em{color:#fff;font-size:12px;font-style:normal;font-weight:900}.tq.done b,.tq.done em{color:var(--ok)}.tq.new b{color:#ffd34d}.bossbar{left:50%;top:calc(16px + var(--sat));text-align:center;pointer-events:none;width:max(300px,min(600px,100vw - 700px));animation:.4s ease-out both fadein;position:absolute;transform:translate(-50%)}.bname{font-family:var(--display);color:#ffd2a6;text-shadow:0 2px 4px #000,0 0 14px #ff5a1e99;letter-spacing:.01em;margin-bottom:4px;font-size:19px;font-weight:800}.bname small{font-family:var(--font);color:#ffb38a;margin-right:4px;font-size:12px}.bname em{font-style:normal;font-family:var(--font);color:#fff;background:#c0281b;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:12px;animation:.9s infinite blink}.bbar{background:#080606e6;border:1px solid #ff8c5080;border-radius:3px;height:18px;position:relative;overflow:hidden;box-shadow:0 0 18px #ff501440}.bbar i{position:absolute;top:0;bottom:0;left:0}.bbar .ghost{background:#ffd8a8}.bbar .fill{background:linear-gradient(#ff8a4a,#d5371c 55%,#8f1d0e);transition:width .1s}.bbar span{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.target-frame{left:50%;top:calc(16px + var(--sat));pointer-events:none;background:linear-gradient(#120e12d1,#0a080cdb);border:1px solid #ff785a59;border-radius:14px;align-items:center;gap:10px;min-width:260px;padding:8px 14px 8px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 26px #00000073}.target-frame.boss-shown{top:calc(84px + var(--sat))}.target-frame.locked{border-color:#ff6e50d9;box-shadow:0 0 0 1px #ff6e5059,0 8px 26px #00000073}.target-frame .tf-ic{background:radial-gradient(circle at 50% 35%,#5a3c32e6,#140e0ef2);border:2px solid #ff8c6499;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.target-frame .tf-b{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.target-frame .tf-n{text-shadow:0 1px 2px #000;white-space:nowrap;font-size:13px;font-weight:900}.target-frame .tf-n small{color:#ffb38a;margin-right:2px;font-size:11px}.target-frame .tf-n em{color:#2a1a05;background:#ffcf5a;border-radius:4px;margin-left:4px;padding:0 5px;font-size:10.5px;font-style:normal}.target-frame .tf-n .lk{color:#fff;background:#c0392b;border-radius:4px;margin-left:4px;padding:0 5px;font-size:10.5px;font-weight:700}.tbar{background:#060406e6;border:1px solid #ffffff1f;border-radius:3px;height:16px;position:relative;overflow:hidden}.tbar i{position:absolute;top:0;bottom:0;left:0}.tbar .ghost{background:#ffd8a8}.tbar .fill{background:linear-gradient(#ff7a6e,#c22a1c);transition:width .1s}.tbar span{text-shadow:0 1px 2px #000;place-items:center;font-size:10.5px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.target-frame .tf-s{color:#e8d8c8;min-height:13px;font-size:10.5px}.actionbar{left:50%;bottom:calc(18px + var(--sab));border:1px solid var(--line);background:linear-gradient(#0e121e8c,#080a12d1);border-radius:14px;align-items:flex-end;gap:6px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.actionbar .sep{background:var(--line);align-self:stretch;width:1px;margin:4px 3px}.slot{cursor:pointer;background:radial-gradient(circle at 50% 30%,#3c4864e6,#101420f2);border:1px solid #f3cf7a59;border-radius:10px;place-items:center;width:50px;height:50px;transition:transform 80ms;display:grid;position:relative;overflow:hidden}.slot:active{transform:scale(.94)}.slot.big{width:58px;height:58px}.slot .ic{filter:drop-shadow(0 2px 2px #0009);font-size:24px}.slot.big .ic{font-size:28px}.slot .cd{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.slot .cdt{text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:16px;font-weight:900;display:grid;position:absolute;inset:0}.slot kbd{color:var(--gold);text-shadow:0 1px 2px #000;font-size:10px;font-weight:900;position:absolute;top:2px;left:3px}.slot .lock{color:#ffb0a0;pointer-events:none;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;inset:0}.slot.locked{filter:grayscale()brightness(.55)}.slot.locked .lock{filter:none;background:#00000059}.slot.nomp .ic{filter:grayscale(.6)brightness(.7)drop-shadow(0 0 4px #2f6fe0)}.slot.nomp{border-color:#5082ff99}.slot .cnt{text-shadow:0 1px 2px #000;font-size:11px;font-weight:900;position:absolute;bottom:1px;right:3px}.slot.empty .ic{opacity:.35}.slot.flash:after{content:"";border-radius:inherit;pointer-events:none;animation:.45s ease-out forwards flashout;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff6c8,inset 0 0 18px #ffe696cc}@keyframes flashout{to{opacity:0}}.xpbar{left:0;right:0;bottom:var(--sab);background:#04060ad9;border-top:1px solid #f3cf7a40;height:7px;position:absolute}.xpbar .fill{background:linear-gradient(90deg,#a76a12,#f3cf7a);transition:width .3s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #f3cf7a99}.xpbar span{color:#ffecbebf;text-shadow:0 1px 2px #000;white-space:nowrap;pointer-events:none;font-size:10px;display:none;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.xpbar:hover span{display:block}.log{left:calc(16px + var(--sal));bottom:calc(22px + var(--sab));pointer-events:none;text-shadow:0 1px 2px #000,0 0 4px #000;flex-direction:column;gap:2px;width:min(400px,34vw);font-size:12.5px;display:flex;position:absolute}.log .line{color:#e8e0cc;background:linear-gradient(90deg,#080a128c,#0000);border-radius:5px;padding:2px 8px;transition:opacity 1.2s}.log .line.old{opacity:0}.log .q{color:#ffd34d}.log .lvup{color:#ffe27a;font-weight:900}.toasts{left:50%;top:calc(92px + var(--sat));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.toast{border:1px solid var(--line2);text-shadow:0 1px 2px #000;white-space:nowrap;background:#0a0e18e0;border-radius:20px;padding:7px 16px;font-size:13.5px;font-weight:700;transition:opacity .4s,transform .4s;animation:.25s ease-out both tin}.toast.out{opacity:0;transform:translateY(-8px)}.toast.warn{color:#ffb4a0;border-color:#ff785a66}.toast.quest{color:#ffe27a;border-color:#f3cf7a80}.toast.loot{color:#e7b6ff;border-color:#c066ff8c}.toast.boss{color:#ffd0a8;background:#280804e6;border-color:#ff5a1eb3;padding:10px 22px;font-size:16px}@keyframes tin{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.banner{pointer-events:none;opacity:0;flex-direction:column;align-items:center;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.banner.show{animation:3.2s ease-out forwards bannerIn}.banner b{font-family:var(--display);background:linear-gradient(#fff6d8,#ffcf6a 50%,#d9822a);color:#0000;filter:drop-shadow(0 3px #321400cc)drop-shadow(0 0 22px #ffaa3c99);letter-spacing:.08em;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,5vw,56px);font-weight:900}.banner span{color:#f2e6c8;text-shadow:0 1px 3px #000;margin-top:4px;font-size:15px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}18%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-54%)}}.zone-banner{pointer-events:none;opacity:0;align-items:center;gap:16px;display:flex;position:absolute;top:17%;left:50%;transform:translate(-50%)}.zone-banner.show{animation:3.4s ease-out forwards zoneIn}.zone-banner div{flex-direction:column;align-items:center;display:flex}.zone-banner b{white-space:nowrap;font-family:var(--display);color:#fff3d6;text-shadow:0 2px 6px #000,0 0 18px #ffc87859;letter-spacing:.04em;font-size:clamp(24px,3.4vw,36px);font-weight:800}.zone-banner em{color:var(--gold);letter-spacing:.2em;text-shadow:0 1px 3px #000;font-size:13px;font-style:normal}.zone-banner .l,.zone-banner .r{background:linear-gradient(90deg, transparent, var(--gold));width:90px;height:1px}.zone-banner .r{transform:scaleX(-1)}@keyframes zoneIn{0%{opacity:0;letter-spacing:.4em}15%{opacity:1}75%{opacity:1}to{opacity:0}}.prompt{left:50%;bottom:calc(112px + var(--sab));border:1px solid var(--line);opacity:0;cursor:pointer;white-space:nowrap;background:#0a0e18db;border-radius:20px;padding:7px 14px;font-size:13.5px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%)translateY(6px)}.prompt.show{opacity:1;transform:translate(-50%)}.prompt kbd{color:#2a1a05;text-align:center;background:linear-gradient(#f6d27e,#c98a2c);border-radius:5px;min-width:22px;margin-right:6px;padding:1px 6px;font-weight:900;display:inline-block}.recall{left:50%;bottom:calc(160px + var(--sab));text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;width:260px;font-size:12.5px;font-weight:700;position:absolute;transform:translate(-50%)}.recall div{background:#06080ed9;border:1px solid #a0d8ff66;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.recall i{background:linear-gradient(90deg,#4aa8ff,#bfe8ff);height:100%;display:block}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#c8140a8c 100%);position:absolute;inset:0}.lowhp{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#a0000099 100%);transition:opacity .2s;position:absolute;inset:0}.death{-webkit-backdrop-filter:grayscale(.8);backdrop-filter:grayscale(.8);pointer-events:auto;background:radial-gradient(#1e06068c,#000000d1);place-items:center;animation:.8s ease-out both rise;display:grid;position:absolute;inset:0}.dbox{text-align:center}.dbox h2{font-family:var(--display);color:#e8b4a8;letter-spacing:.06em;text-shadow:0 3px 10px #000;margin:0 0 6px;font-size:clamp(36px,6vw,60px);font-weight:900}.dbox p{color:#d8ccc0;margin:4px 0}.dbox .lost{color:#ffb0a0;font-size:13px}.dbox .btn{margin-top:18px;padding:11px 26px;font-size:15px}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.plate{will-change:transform;width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0}.plate>div{white-space:nowrap;position:absolute;left:0;transform:translate(-50%)}.plate .pbar{background:#06080ed9;border:1px solid #000c;border-radius:3px;width:70px;height:8px;bottom:0;overflow:hidden}.plate .pbar .pghost,.plate .pbar .pfill{position:absolute;top:0;bottom:0;left:0}.plate .pghost{background:#ffe0b0}.plate .pfill{background:linear-gradient(#ff6b5a,#c22a1c)}.plate .pname{text-shadow:0 1px 2px #000,0 0 3px #000,0 0 6px #0009;text-align:center;font-size:11.5px;font-weight:700;line-height:1.15;bottom:9px}.plate .pname small{color:#cfc6b0;font-size:9.5px;font-weight:500;display:block}.plate.target .pbar{border-color:#ffd34d;box-shadow:0 0 6px #ffd34d99}.plate .qmark{font-size:26px;font-weight:900;font-family:var(--display);text-shadow:0 2px 4px #000,0 0 12px #ffc83ce6;animation:1.4s ease-in-out infinite bob;bottom:34px}.plate .qmark.new{color:#ffd34d}.plate .qmark.ready{color:#ffe27a}.plate .qmark.wip{color:#b0a890;text-shadow:0 1px 3px #000;font-size:18px}.plate .qmark.stun{font-size:15px;animation:1s linear infinite spin;bottom:22px}.plate.mob .qmark{bottom:22px}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}.fnum{color:#fff;white-space:nowrap;text-shadow:0 2px #000,0 0 4px #000000e6;will-change:transform, opacity;font-variant-numeric:tabular-nums;font-size:17px;font-weight:900;position:absolute;top:0;left:0}.fnum.crit{color:#ffd34d;text-shadow:0 2px #5a2a00,0 0 10px #ffa028e6;font-size:25px}.fnum.hurt{color:#ff6b5a;font-size:18px}.fnum.heal{color:#7dff9a;font-size:18px}.fnum.mana{color:#7ab8ff}.fnum.dot{font-size:13px}.fnum.miss{color:#c8d8ff;font-size:14px}.fnum.absorb{color:#bfe0ff;font-size:13px}.fnum.xp{color:#c9a4ff;font-size:14px}.fnum.gold{color:#ffd34d;font-size:14px}.fnum.aggro{color:#ff4d3a;font-size:26px;font-family:var(--display);font-weight:800}.panel{z-index:10;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);pointer-events:auto;border-radius:14px;flex-direction:column;max-height:calc(100vh - 32px);animation:.18s ease-out both pin;display:flex;position:absolute;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff0d}@keyframes pin{0%{opacity:0;transform:scale(.97)}}.ph{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px 10px 18px;display:flex}.ph h3{font-family:var(--display);letter-spacing:-.01em;color:#ffe7b0;margin:0;font-size:17px;font-weight:800}.ph .x{appearance:none;border:1px solid var(--line2);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:8px}.ph .x:hover{color:#fff;border-color:var(--line)}.pf{border-top:1px solid var(--line2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.pf .gold{color:#ffe2a0;align-items:center;gap:6px;font-weight:900;display:flex}.pf .hint,.hint{color:var(--muted);font-size:11.5px}.pf .btn{padding:6px 10px;font-size:12px}.meta{color:var(--muted);font-size:11.5px}.empty{color:var(--muted);padding:6px 0;font-size:13px}h5{letter-spacing:.22em;color:var(--gold);margin:14px 0 8px;font-size:11.5px;font-weight:900}.p-inventory{width:680px;top:70px;right:200px}.inv-wrap{grid-template-columns:150px auto;justify-content:start;gap:14px;min-height:0;padding:14px 16px;display:grid;overflow:auto}.inv-count{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:12px;font-weight:700}.equip{flex-direction:column;gap:8px;display:flex}.eslot{cursor:pointer;align-items:center;gap:8px;display:flex}.eslot label{width:46px;color:var(--muted);font-size:11.5px}.eslots{grid-template-columns:repeat(2,1fr);gap:6px 8px;display:grid}.eslots .eslot{flex-direction:column;gap:2px}.eslots .eslot label{text-align:center;width:auto}.mini-stats{border:1px solid var(--line2);background:#ffffff08;border-radius:8px;gap:4px;margin-top:6px;padding:8px;font-size:12px;display:grid}.mini-stats div{justify-content:space-between;display:flex}.mini-stats span{color:var(--muted)}.grid{grid-template-columns:repeat(8,52px);align-content:start;gap:6px;display:grid}.cell-wrap{cursor:pointer}.cell{background:radial-gradient(circle at 50% 30%,#2e364ce6,#0e121cf2);border:1px solid #ffffff17;border-radius:9px;place-items:center;width:52px;height:52px;transition:transform 80ms,border-color .15s;display:grid;position:relative}.cell.empty{background:#ffffff09;border-style:dashed;border-color:#ffffff24}.cell .ic{filter:drop-shadow(0 2px 2px #0009);font-size:24px}.cell .q{text-shadow:0 1px 2px #000;font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:1px;right:3px}.cell .enh,.enh{color:#7dffb0;text-shadow:0 1px 2px #000;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:1px;left:3px}.it-name .enh{font-size:13px;position:static}.cell-wrap:hover .cell,.eslot:hover .cell{border-color:#f3cf7a80;transform:translateY(-1px)}.cell.r1{border-color:#62d36b99;box-shadow:inset 0 0 12px #62d36b26}.cell.r2{border-color:#4aa8ffb3;box-shadow:inset 0 0 14px #4aa8ff33}.cell.r3{border-color:#c066ffcc;box-shadow:inset 0 0 16px #c066ff40}.cell.r4{border-color:#ffae2be6;box-shadow:inset 0 0 18px #ffae2b4d,0 0 10px #ffae2b40}.tip,.popup{z-index:30;border:1px solid var(--line);pointer-events:none;background:#0a0d16f7;border-radius:11px;width:250px;padding:12px 14px;font-size:12.5px;line-height:1.5;position:absolute;box-shadow:0 12px 40px #0009}.popup{pointer-events:auto}.tip b{color:#ffe7b0;margin-bottom:2px;font-size:14px;display:block}.tip p,.popup p{color:#d6ccb6;margin:6px 0 0}.it-name{margin-bottom:2px;font-size:14.5px;font-weight:900}.stats{gap:3px;margin:8px 0 0;padding:0;list-style:none;display:grid}.stats li{align-items:baseline;gap:8px;display:flex}.stats li span{color:var(--muted);flex:1}.stats li em{font-size:11px;font-style:normal;font-weight:700}.stats li.lose span{text-decoration:line-through}.up{color:#7dff9a}.down{color:#ff8a7a}.cmp{margin-top:6px}.price{color:#ffe2a0;margin-top:8px;font-size:11.5px}.acts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pop-note{color:var(--muted);margin:8px 0 0;font-size:11.5px}.acts .pop-ask{color:#ffd2c4;flex-basis:100%;margin:0 0 2px;font-weight:800}.acts .btn{padding:6px 10px;font-size:12px}.p-character{width:400px;top:120px;left:16px}.char{padding:14px 16px;overflow:auto}.char-top{align-items:center;gap:14px;display:flex}.char-top h4{font-size:18px;font-family:var(--display);margin:0;font-weight:800}.statgrid{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;display:grid}.statgrid div{border:1px solid var(--line2);background:#ffffff09;border-radius:8px;justify-content:space-between;padding:7px 10px;font-size:12.5px;display:flex}.statgrid span{color:var(--muted)}.skills{flex-direction:column;gap:8px;display:flex}.sk{border:1px solid var(--line2);background:#ffffff08;border-radius:10px;gap:10px;padding:8px 10px;display:flex}.sk .ic{border:1px solid var(--line);background:#283046cc;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.sk b{font-size:13.5px}.sk kbd{border:1px solid var(--line);color:var(--gold);border-radius:4px;margin-left:4px;padding:0 5px;font-size:10px}.sk .meta{display:block}.sk p{color:#d0c6b0;margin:3px 0 0;font-size:12px;line-height:1.5}.sk.locked{opacity:.5}.p-quests{width:400px;top:120px;left:16px}.qlist{padding:4px 16px 14px;overflow:auto}.qrow{border:1px solid var(--line2);background:#ffffff09;border-radius:10px;flex-direction:column;gap:3px;margin-bottom:7px;padding:9px 11px;display:flex}.qrow b{color:#ffe7b0;font-size:14px}.qrow span{color:#d0c6b0;font-size:12px}.qrow small{color:var(--muted);font-size:11px}.qrow.avail b{color:#ffd34d}.qrow.done{opacity:.6}.qrow.done b{color:var(--ok)}.qbar{background:#00000080;border-radius:4px;height:14px;margin:3px 0;position:relative;overflow:hidden}.qbar i{background:linear-gradient(90deg,#a76a12,#f3cf7a);position:absolute;top:0;bottom:0;left:0}.qbar em{text-shadow:0 1px 2px #000;place-items:center;font-size:10.5px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.p-map{width:min(600px,94vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.mapbox{cursor:pointer;place-items:center;padding:12px;display:grid}.mapbox canvas{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;width:min(560px,86vw,100vh - 160px);height:auto}.p-shop{width:360px;top:120px;left:16px}.p-smith{width:min(560px,94vw);animation:none;top:80px;left:50%;transform:translate(-50%)}.shop,.smith{padding:12px 16px;overflow:auto}.srow{border:1px solid var(--line2);background:#ffffff09;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:9px 10px;display:flex}.sinfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sinfo b{font-size:13.5px}.sinfo span{color:var(--muted);font-size:11.5px;line-height:1.45}.sbuy{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sbuy b{color:#ffe2a0;font-size:13px}.sbuy small{color:var(--muted);font-size:11px}.sbuy div{gap:4px;display:flex}.sbuy .btn{padding:5px 9px;font-size:11.5px}.p-menu,.p-help{width:min(420px,92vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.menu,.help{padding:4px 18px 18px;overflow:auto}.opt{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13.5px;display:flex}.opt.small{color:var(--muted);cursor:default;font-size:12px}.opt em{color:var(--gold);font-style:normal}.opt input[type=checkbox]{display:none}.opt .sw{background:#ffffff1f;border-radius:11px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.opt .sw:after{content:"";background:#cfc8b8;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.opt input:checked+.sw{background:linear-gradient(90deg,#c98a2c,#f6d27e)}.opt input:checked+.sw:after{background:#fff;transform:translate(18px)}.opt input[type=range]{width:170px;accent-color:var(--gold2)}.seg{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.seg button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 11px;font-size:12.5px;font-weight:700}.seg button.on{color:#2a1a05;background:linear-gradient(#f6d27e,#c98a2c)}.row-btns{gap:8px;margin-top:16px;display:flex}.row-btns .btn{flex:1}.help table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.help td{border-bottom:1px solid #ffffff0d;padding:6px 4px}.help td:first-child{width:42%}.help kbd{border:1px solid var(--line);color:var(--gold);white-space:nowrap;background:#ffffff12;border-radius:5px;padding:2px 7px;font-size:12px}.dialog{left:50%;bottom:calc(96px + var(--sab));z-index:12;pointer-events:auto;border:1px solid var(--line);background:linear-gradient(#101422f2,#080a12f5);border-radius:16px;width:min(680px,94vw);padding:18px 22px 16px;animation:.22s ease-out both fadein;position:absolute;transform:translate(-50%);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0d}.dname{border:1px solid var(--gold2);background:linear-gradient(#3a2a12,#1e150a);border-radius:10px;align-items:baseline;gap:8px;padding:4px 14px;display:flex;position:absolute;top:-15px;left:22px}.dname b{font-family:var(--display);color:#ffe2a0;font-size:15px;font-weight:800}.dname span{color:#c9b88a;font-size:11px}.dtext{color:#f2ead6;min-height:54px;margin-top:6px;font-size:15px;line-height:1.75}.dtext .dim{color:var(--muted);font-size:13px}.dacts{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dpage{color:var(--muted);font-size:11px;position:absolute;bottom:14px;left:22px}.mobile{pointer-events:none;display:none;position:absolute;inset:0}body.touch .mobile{display:block}body.touch .actionbar,body.touch .log,body.touch .xpbar span{display:none}body.touch .prompt{bottom:calc(292px + var(--sab))}.stick-zone{left:var(--sal);bottom:var(--sab);pointer-events:auto;touch-action:none;width:45vw;height:55vh;position:absolute}.stick{opacity:.55;background:radial-gradient(circle,#ffffff0f,#ffffff05 70%);border:2px solid #ffffff29;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute;top:calc(100% - 130px);left:110px}.stick.on{opacity:1}.knob{background:radial-gradient(circle at 40% 35%,#fff0d2d9,#c8a05abf);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000080}.tpad{right:var(--sar);bottom:var(--sab);pointer-events:none;width:304px;height:236px;transform:scale(var(--tps,1));transform-origin:100% 100%;position:absolute}.tb{pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 30%,#3c4864eb,#101420f2);border:2px solid #f3cf7a73;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;display:grid;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000073}.tb .cd{border-radius:50%;position:absolute;inset:0}.tb.down{filter:brightness(1.3);transform:scale(.92)}.tb.locked{filter:grayscale()brightness(.5)}.tb.atk{border-color:#f3cf7acc;width:78px;height:78px;font-size:32px;bottom:12px;right:12px}.tb.dash,.tb.s1,.tb.s2,.tb.s3{width:52px;height:52px;font-size:22px}.tb.dash{bottom:25px;right:129px}.tb.s1{bottom:77px;right:115px}.tb.s2{bottom:115px;right:77px}.tb.s3{bottom:129px;right:25px}.tb.s4,.tb.s5,.tb.s6,.tb.jump,.tb.pot1,.tb.pot2{width:46px;height:46px;font-size:19px}.tb.s4{bottom:28px;right:190px}.tb.s5{bottom:78px;right:182px}.tb.s6{bottom:123px;right:159px}.tb.pot2{bottom:182px;right:78px}.tb.pot1{bottom:190px;right:28px}.tb.act{border-color:#ffd34d;width:54px;height:54px;font-size:24px;bottom:24px;right:250px}.tb.locked{opacity:.4}.tb.auto{border-color:#8cdcffb3;width:42px;height:42px;font-size:18px;bottom:187px;right:187px}.tb.auto.hunting,.slot.hunting{border-color:#7fe0ff;animation:1.4s ease-in-out infinite hunt-pulse;box-shadow:0 0 0 2px #7fe0ff59,0 0 18px #7fe0ff8c}@keyframes hunt-pulse{50%{box-shadow:0 0 0 3px #7fe0ff80,0 0 26px #7fe0ffd9}}.hunt-chip{white-space:nowrap;color:#dff6ff;pointer-events:none;background:linear-gradient(#143c56eb,#0a1c2ceb);border:1px solid #7fe0ff8c;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.hunt-chip.hidden,body.touch .hunt-chip{display:none}@media (max-width:900px){.hud-frame{left:calc(10px + var(--sal));top:calc(10px + var(--sat))}.portrait{width:48px;height:48px;font-size:24px}.bars{width:170px}.hud-map{right:calc(10px + var(--sar));top:calc(10px + var(--sat))}.mm-wrap{width:118px;height:118px}.mm-wrap canvas{width:118px!important;height:118px!important}.tracker{top:calc(232px + var(--sat));right:calc(10px + var(--sar));width:180px}.tq span{display:none}.p-inventory{width:min(560px,96vw);animation:none;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.inv-wrap{grid-template-columns:1fr}.equip{flex-flow:wrap}.mini-stats{display:none}.eslots{grid-template-columns:repeat(6,1fr);width:100%}.grid{grid-template-columns:repeat(8,minmax(32px,1fr));gap:5px}.grid .cell,.eslot .cell{aspect-ratio:1;width:100%;height:auto}.p-character,.p-quests,.p-shop{width:min(420px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.bossbar{width:64vw;top:calc(66px + var(--sat))}.target-frame{top:calc(70px + var(--sat));min-width:200px;max-width:64vw}.target-frame.boss-shown{top:calc(126px + var(--sat))}.dialog{bottom:calc(12px + var(--sab))}}@media (max-width:520px){.bars{width:132px}.who .nm{font-size:13px}.hud-map{right:calc(10px + var(--sar));top:calc(8px + var(--sat));gap:4px}.mm-wrap{width:104px;height:104px}.mm-wrap canvas{width:104px!important;height:104px!important}.menu-btns{gap:3px}.mbtn{width:28px;height:28px;font-size:13px}.mbtn kbd{display:none}.gold-box{padding:2px 8px;font-size:11.5px}.tracker{top:calc(238px + var(--sat));right:calc(10px + var(--sar));width:150px}.tracker .th{font-size:10px}.tq b{font-size:11.5px}.tq em{font-size:11px}.zone-banner{top:24%}.zone-banner .l,.zone-banner .r{width:30px}.zone-banner b{font-size:22px}.toasts{top:calc(150px + var(--sat));width:92vw}.toast{white-space:normal;text-align:center}}@media (max-height:560px){.tracker{display:none}}.learn{z-index:40;padding:max(16px, var(--sat)) max(16px, var(--sar)) max(16px, var(--sab)) max(16px, var(--sal));pointer-events:auto;background:radial-gradient(at 50% 40%,#1e2846b8,#04060ee6);place-items:center;animation:.25s ease-out both fadein;display:grid;position:absolute;inset:0}.lc{color:#3a2a12;text-align:center;background:linear-gradient(#fff8e6,#ffeec8);border:3px solid #ffd27a;border-radius:26px;flex-direction:column;gap:14px;width:min(720px,100%);max-height:100%;padding:22px 26px 20px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 70px #0000008c,inset 0 -6px #c88c2840}.lc.ok{border-color:#6ad37a;box-shadow:0 0 0 6px #6ad37a59,0 24px 70px #0000008c}.lc.shake{animation:.4s lshake}@keyframes lshake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.lc h2{font-family:var(--display);color:#7a3f0a;margin:0;font-size:clamp(24px,4vw,34px);font-weight:900}.lc p{color:#5a4220;margin:0;font-size:17px;line-height:1.6}.lc .btn.primary{border-radius:16px;align-self:center;padding:14px 30px;font-size:20px}.lc .btn.ghost{color:#8a6a3a;border-color:#78501440}.l-big{font-size:64px;line-height:1}.l-stars{letter-spacing:2px;font-size:clamp(30px,6vw,44px);animation:.6s ease-out both pop}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.l-top{color:#8a5a1a;justify-content:space-between;align-items:center;font-size:14px;display:flex}.l-dots{gap:6px;display:flex}.l-dots i{background:#ead7ad;border-radius:50%;width:14px;height:14px}.l-dots i.on{background:#6ad37a}.l-dots i.cur{background:#f2a33a;box-shadow:0 0 0 3px #f2a33a59}.l-prompt{color:#4a2f0e;justify-content:center;align-items:center;gap:12px;font-size:clamp(18px,2.6vw,23px);font-weight:700;line-height:1.45;display:flex}.l-say{cursor:pointer;background:#ffd27a;border:none;border-radius:50%;flex:none;width:54px;height:54px;font-size:26px;box-shadow:0 4px #d9a441}.l-say:active{transform:translateY(3px);box-shadow:0 1px #d9a441}.l-stage{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:110px;display:flex}.l-pile{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;font-size:clamp(40px,7vw,58px);display:flex}.l-pile span{transform:rotate(var(--r));cursor:pointer;transition:transform .15s;position:relative}.l-pile span.tap{filter:saturate(.5);transform:scale(.9)}.l-pile span.tap:after{content:attr(data-n);color:#fff;width:26px;height:26px;font:700 15px/26px var(--font);background:#f2a33a;border-radius:50%;position:absolute;top:-6px;right:-6px}.l-eq{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:clamp(34px,5.5vw,46px);display:flex}.l-eq>b{color:#7a3f0a;font-size:clamp(34px,5vw,44px)}.l-eq .q,.l-num .q{color:#e0531c}.l-grp{background:#fff9;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:260px;padding:8px 12px;display:flex}.l-grp .gone{opacity:.35;position:relative}.l-grp .gone:after{content:"✕";color:#d63f3f;place-items:center;font-size:.8em;font-weight:900;display:grid;position:absolute;inset:0}.l-grid{grid-template-columns:repeat(var(--c), auto);background:#fff9;border-radius:16px;gap:6px;padding:8px 12px;font-size:clamp(30px,5vw,40px);display:grid}.l-num{color:#5a3a10;font-variant-numeric:tabular-nums;font-size:clamp(24px,4vw,32px);font-weight:900}.l-num.big{font-size:clamp(40px,8vw,64px)}.l-answers{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.l-choice{cursor:pointer;color:#3a2a12;min-width:96px;min-height:96px;font:900 clamp(32px, 6vw, 46px)/1 var(--font);background:#fff;border:none;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 16px;transition:transform 80ms;display:flex;position:relative;box-shadow:0 6px #e3c68c,0 10px 20px #78501426}.l-choice:active{transform:translateY(4px);box-shadow:0 2px #e3c68c}.l-choice:disabled{cursor:default}.l-choice small{letter-spacing:1px;color:#e0531c;word-break:break-all;max-width:90px;font-size:11px;line-height:1.1}.l-choice kbd{color:#c9a86a;font-size:11px;font-weight:700;position:absolute;top:6px;left:8px}.l-choice.pic span{font-size:clamp(50px,9vw,70px);line-height:1}.l-choice.pic em{color:#2f8a3a;font-size:16px;font-style:normal}.l-choice.no{opacity:.7;background:#ffe1dc;box-shadow:0 6px #f0a89c}.l-choice.hint{animation:.9s ease-in-out infinite hint}@keyframes hint{50%{transform:translateY(-3px);box-shadow:0 6px #6ad37a,0 0 0 8px #6ad37a73}}.l-choice.wide{flex-direction:row;gap:10px;min-height:70px;font-size:30px}.l-choice.wide span{font-size:20px}.l-choice.mic{background:#ffecc2}.l-choice.rec{background:#ffd2c8;animation:.9s ease-in-out infinite hint}.l-listen{cursor:pointer;background:#ffd27a;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;font-size:46px;display:flex;box-shadow:0 6px #d9a441}.l-listen span{color:#7a3f0a;font-size:13px;font-weight:700}.l-pic{font-size:clamp(56px,10vw,80px);line-height:1}.l-sentence{color:#23407a;letter-spacing:.5px;font-size:clamp(24px,4.4vw,34px);font-weight:900}.l-ko{color:#8a6a3a;font-size:15px}.l-heard{color:#5a6a8a;min-height:18px;font-size:14px}.l-built{color:#23407a;border:2px dashed #e3c68c;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;min-width:60%;min-height:54px;padding:8px 12px;font-size:clamp(20px,3.4vw,26px);font-weight:900;display:flex}.l-built.full{background:#6ad37a1f;border-style:solid;border-color:#6ad37a}.l-word{cursor:pointer;color:#23407a;font:900 clamp(18px, 3vw, 24px)/1 var(--font);background:#fff;border:none;border-radius:14px;padding:12px 18px;box-shadow:0 5px #c9d6ef}.l-word.used{visibility:hidden}.l-word.no{background:#ffe1dc}.l-word.hint{animation:.9s ease-in-out infinite hint}.l-msg{min-height:26px;font-size:18px}.l-msg .good{color:#2f8a3a}.l-msg .bad{color:#c2410c}.l-skip{display:none}.l-skip.show{display:inline-block}.lc.intro,.lc.done{gap:16px;padding:30px 26px 26px}@media (max-width:520px){.lc{border-radius:20px;gap:10px;padding:16px 14px 14px}.l-choice{min-width:76px;min-height:76px}.l-say{width:46px;height:46px;font-size:22px}}.say-btn{appearance:none;cursor:pointer;width:30px;height:30px;color:var(--text);background:#f3cf7a2e;border:none;border-radius:50%;flex:none;padding:0;font-size:15px;line-height:30px}.say-btn:hover{background:#f3cf7a59}.dialog .say-btn{position:absolute;top:12px;right:14px}.tracker .say-btn{vertical-align:middle;width:24px;height:24px;margin-left:6px;font-size:12px;line-height:24px}.stars-box{color:#ffe08a;align-items:center;gap:4px;margin-left:10px;font-weight:800;display:inline-flex}.lc.tour{gap:10px}.lc.tour h2 small{font-family:var(--font);color:#8a6a3a;margin-top:2px;font-size:15px;display:block}.lc.tour p{font-size:16px}.t-place{color:#7a5a2a;font-size:15px;font-weight:700}.t-en{appearance:none;cursor:pointer;color:#23407a;background:#e8f0ff;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 18px;display:flex;box-shadow:0 5px #c9d6ef}.t-en span{font-size:22px}.t-en b{font-size:clamp(20px,3.4vw,26px)}.t-en small{color:#5a6a8a;font-size:13px}.t-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.t-done{color:#2f8a3a;font-size:16px;font-weight:800}.p-passport{width:min(560px,94vw)}.p-passport h3 small{color:var(--muted);margin-left:6px;font-size:13px}.passport{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px 2px 8px;display:grid}.stamp{appearance:none;color:var(--text);cursor:pointer;font-family:var(--font);background:#ffffff08;border:2px dashed #f3cf7a4d;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex;position:relative}.stamp .pic{filter:grayscale(.85)opacity(.6);font-size:34px}.stamp b{font-size:13px}.stamp small{color:var(--muted);font-size:11px}.stamp.on{background:#e0531c1f;border-style:solid;border-color:#e0531c}.stamp.on .pic{filter:none}.stamp i{color:#ff8a5a;font-style:normal;font-weight:900;position:absolute;top:6px;right:8px;transform:rotate(-12deg)}.stamp:disabled{opacity:.4;cursor:default}.build-pal{left:50%;bottom:calc(92px + var(--sab));z-index:14;pointer-events:auto;border:1px solid var(--line);background:linear-gradient(#101422f2,#080a12f5);border-radius:16px;flex-direction:column;gap:8px;width:min(760px,100vw - 24px);padding:10px 12px;animation:.2s ease-out both fadein;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 50px #0000008c}.bp-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bp-head>b{font-family:var(--display);color:#ffe2a0;font-size:15px;font-weight:800}.bp-head>span{color:#ffe08a;font-variant-numeric:tabular-nums;margin-right:auto;font-size:13px;font-weight:700}.bp-head .btn.small{margin-top:0}.bp-cols{gap:5px;display:flex}.bp-col{background:var(--c);cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:22px;height:22px;padding:0}.bp-col.on{box-shadow:0 0 0 2px var(--gold);border-color:#fff}.bp-list{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.bp-item{appearance:none;border:1px solid var(--line2);width:74px;color:var(--text);cursor:pointer;font-family:var(--font);background:#2830468c;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:6px 4px;display:flex}.bp-item span{font-size:26px;line-height:1.1}.bp-item b{font-size:12px}.bp-item small{color:#ffe08a;font-size:10.5px}.bp-item.on{border-color:var(--gold);background:linear-gradient(#785a1ed9,#46320fe6)}.bp-item[data-poor]{opacity:.55}.bp-hint{color:var(--muted);text-align:center;font-size:11.5px}.bp-here{align-self:center;padding:10px 22px;font-size:15px}.life-panel{z-index:14;pointer-events:auto;color:#3a2a12;background:linear-gradient(#fff8e6,#ffeec8);border:3px solid #ffd27a;border-radius:18px;flex-direction:column;gap:10px;width:min(460px,100vw - 24px);max-height:calc(100% - 32px);padding:16px 16px 14px;animation:.2s ease-out both fadein;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 50px #00000080}.life-panel h3{font-family:var(--display);color:#7a3f0a;margin:0;font-size:18px;font-weight:800}.lp-x{color:#8a6a3a;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:8px;right:10px}.lp-hint{color:#7a5a2a;margin:0;font-size:13px}.lp-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lp-item{appearance:none;cursor:pointer;font-family:var(--font);color:#3a2a12;background:#fff;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex;box-shadow:0 4px #e3c68c}.lp-item span{font-size:34px;line-height:1.1}.lp-item b{font-size:13px}.lp-item small{color:#8a6a3a;font-size:11px}.lp-recipe{background:#ffffffb3;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lp-recipe.no{opacity:.65}.lp-need{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.lp-need span{font-size:26px;position:relative}.lp-need span i{font:700 10px var(--font);color:#7a3f0a;background:#ffe7ad;border-radius:6px;padding:0 3px;position:absolute;bottom:-4px;right:-8px}.lp-need>b,.lp-arrow{color:#b07a2a;font-size:14px}.lp-out{flex-direction:column;align-items:center;min-width:64px;display:flex}.lp-out span{font-size:30px}.lp-out small{color:#5a3a10;font-size:11px}.fish-box{flex-direction:column;align-items:center;gap:10px;display:flex}.fish-bob{font-size:44px;animation:1.6s ease-in-out infinite fbob}@keyframes fbob{50%{transform:translateY(6px)rotate(-6deg)}}.fish-msg{color:#4a2f0e;font-size:18px}.fish-pull{padding:14px 34px!important;font-size:22px!important}.life-panel.bite{border-color:#6ad37a;animation:none;box-shadow:0 0 0 6px #6ad37a66,0 16px 50px #00000080}.life-panel.bite .fish-bob{animation:.15s linear infinite fshake}@keyframes fshake{50%{transform:translateY(8px)rotate(8deg)}}body.touch .build-pal{bottom:calc(300px + var(--sab))}.chat-bar{left:calc(16px + var(--sal));bottom:calc(196px + var(--sab));z-index:9;pointer-events:auto;align-items:flex-end;gap:8px;display:flex;position:absolute}.cb-open{cursor:pointer;background:radial-gradient(circle at 50% 30%,#3c4864f2,#101420f2);border:2px solid #f3cf7a80;border-radius:50%;width:46px;height:46px;font-size:22px;box-shadow:0 4px 14px #00000073}.cb-count{color:#b8f5a0;text-shadow:0 1px 2px #000;align-self:center;font-size:12px;font-weight:800}.cb-pop{border:1px solid var(--line);background:linear-gradient(#101422f5,#080a12f7);border-radius:16px;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);padding:10px;display:flex;position:absolute;bottom:56px;left:0;box-shadow:0 16px 40px #0000008c}.cb-quick{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cb-quick button{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:var(--font);background:#28304699;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex}.cb-quick span{font-size:22px}.cb-quick b{font-size:12px}.cb-quick small{color:#9fd0ff;font-size:10px}.cb-emo{justify-content:space-between;gap:4px;display:flex}.cb-emo button{appearance:none;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;width:38px;height:34px;font-size:20px}.cb-form{gap:6px;display:flex}.cb-form input{border:1px solid var(--line);min-width:0;color:var(--text);font:14px var(--font);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;flex:1;padding:8px 10px}.chat-log{left:calc(16px + var(--sal));bottom:calc(250px + var(--sab));pointer-events:none;z-index:8;flex-direction:column;gap:3px;width:min(340px,60vw);display:flex;position:absolute}.chat-line{color:#f2ead6;text-shadow:0 1px 2px #000;background:#080a129e;border-radius:8px;padding:3px 9px;font-size:13px;transition:opacity 1.2s}.chat-line b{color:#b8f5a0;margin-right:6px}.chat-line.me b{color:#9fe1ff}.chat-line.old{opacity:0}.plate .qmark.bubble{font:700 13px var(--font);color:#2a1a05;white-space:normal;text-align:center;max-width:220px;text-shadow:none;background:#fff8e6;border-radius:12px;padding:5px 10px;animation:none;bottom:40px;transform:translate(-50%);box-shadow:0 3px 10px #0006}.plate .qmark.bubble.emo{box-shadow:none;background:0 0;padding:0;font-size:26px}body.touch .chat-bar{bottom:calc(300px + var(--sab))}body.touch .chat-log{bottom:calc(356px + var(--sab))}.p-pets{width:min(620px,96vw)}.petp{flex-direction:column;gap:10px;display:flex}.pet-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pet-card{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:var(--font);background:#2830468c;border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:8px 4px;display:flex}.pet-card span{font-size:30px;line-height:1.15}.pet-card b{font-size:13px}.pet-card small{color:var(--muted);text-align:center;font-size:10.5px;line-height:1.3}.pet-card.on{background:linear-gradient(#963c6e99,#461e3cb3);border-color:#ff9ad0}.pet-card.locked{opacity:.6}.pet-edit{border:1px solid var(--line2);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.pet-edit label{color:var(--muted);margin-top:2px;font-size:12px}.pe-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pe-head .pe-pic{font-size:34px}.pe-head>div{flex-direction:column;margin-right:auto;display:flex}.pe-head b{color:#ffd8f0;font-size:16px}.pe-head small{color:var(--muted);font-size:12px}.pe-head .btn.small{margin-top:0}.wear-row{flex-wrap:wrap;gap:6px;display:flex}.wear{appearance:none;border:1px solid var(--line2);width:62px;color:var(--text);cursor:pointer;font-family:var(--font);background:#28304680;border-radius:12px;flex-direction:column;align-items:center;padding:4px 2px;display:flex}.wear span{font-size:24px;line-height:1.15}.wear small{color:#ffe08a;font-size:10.5px}.wear.have small{color:#b8f5a0}.wear.on{background:#963c6e73;border-color:#ff9ad0}.wear.on small{color:#ffd8f0}.plate.petplate .pname{font-size:11px}@media (max-width:520px){.pet-list{grid-template-columns:repeat(2,1fr)}}.p-mentor{width:min(560px,96vw)}.m-body{overflow-y:auto}.mentor{flex-direction:column;gap:8px;padding:2px 2px 6px;display:flex}.mentor label{color:var(--muted);margin-top:4px;font-size:12px}.mentor input:not([type=checkbox]),.mentor textarea{border:1px solid var(--line);color:var(--text);font:14px var(--font);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;min-width:0;padding:9px 11px}.mentor textarea{resize:vertical}.m-lead{color:#e8e0cc;margin:0;font-size:13.5px;line-height:1.6}.m-lead b{color:#ffe2a0}.m-pins{gap:8px;display:flex}.m-pins input{letter-spacing:6px;text-align:center;flex:1}.m-err{color:#ff8a7a;min-height:16px;font-size:12.5px}.m-card{background:linear-gradient(#965a2859,#46281459);border:1px solid #f3cf7a66;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.m-face{font-size:38px}.m-card b{color:#ffe2a0;font-size:17px;font-family:var(--display);font-weight:800;display:block}.m-card small{color:var(--muted);font-size:12px}.m-cheer{appearance:none;color:#5a3a10;cursor:pointer;font-family:var(--font);background:#fff3e0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;display:flex}.m-cheer span{font-size:24px}.m-cheer b{font-size:16px}.m-cheer small{color:#a07a4a;font-size:11px}.m-goal{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.m-goal>span{font-size:24px}.m-goal>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.m-goal b{font-size:14px}.m-goal i{background:#ffffff1a;border-radius:4px;height:7px;display:block;overflow:hidden}.m-goal i em{background:linear-gradient(90deg,#ffd34d,#ff9a3a);height:100%;display:block}.m-goal small{color:var(--muted);font-size:11.5px}.m-goal.done{background:#6ad37a1f}.m-goal .btn.small{margin-top:0}.m-pinbox{gap:8px;display:flex}.m-pinbox input{letter-spacing:6px;text-align:center;flex:1}.m-tabs{flex-wrap:wrap;gap:4px;display:flex}.m-tabs button{appearance:none;border:1px solid var(--line2);color:var(--text);font:700 12.5px var(--font);cursor:pointer;background:#28304680;border-radius:10px;padding:6px 9px}.m-tabs button.on{border-color:var(--gold);color:#ffe7ad;background:linear-gradient(#785a1ed9,#46320fe6)}.m-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.m-stats>div{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.m-stats b{font-variant-numeric:tabular-nums;font-size:16px}.m-stats small{color:var(--muted);font-size:11px}.m-script{color:#3a2a12;background:#fff8e6;border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.8}.m-rec{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.m-rec audio{max-width:100%;height:34px}.m-consent{align-items:flex-start;gap:8px;line-height:1.5;display:flex;color:#e8e0cc!important;font-size:12.5px!important}.m-status{font-size:14px}.m-addgoal{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.m-addgoal #m-gstars{width:70px}.m-addgoal #m-greward{flex:1}.m-addgoal span{color:var(--muted);font-size:13px}.m-room{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.m-room small{color:var(--muted);flex-basis:100%;font-size:11.5px}.m-room input,.m-role button{flex:1}@media (max-width:520px){.m-stats{grid-template-columns:repeat(2,1fr)}}.cb-talk{cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 30%,#285a3cf2,#0e1e16f2);border:2px solid #6ad37a99;border-radius:50%;width:46px;height:46px;font-size:22px}.cb-talk.on{background:radial-gradient(circle at 50% 30%,#6ad37a,#2f8a3a);box-shadow:0 0 0 6px #6ad37a59}.cb-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.tb.jump{bottom:159px;right:123px}.worlds{z-index:60;background:radial-gradient(circle at 50% 40%,#141e36b8,#040710eb);place-items:center;padding:16px;animation:.3s ease-out both fadein;display:grid;position:fixed;inset:0;overflow-y:auto}.w-box{flex-direction:column;align-items:center;gap:12px;width:min(880px,100%);display:flex}.w-box h2{color:var(--gold);letter-spacing:.04em;text-shadow:0 2px 12px #ffaa3c59;margin:0;font-size:28px}.w-lead{color:var(--muted);margin:0;font-size:14px}.w-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.w-card{appearance:none;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:14px var(--font);cursor:pointer;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:22px 14px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.w-card:hover:not(.off){border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 30px #0006,0 0 0 1px #f3cf7a40}.w-card i{font-size:46px;font-style:normal;line-height:1.1}.w-card b{font-size:18px}.w-card span{color:var(--muted);font-size:13px}.w-card em{color:#ffb08a;font-size:12px;font-style:normal}.w-card.off{opacity:.5;cursor:not-allowed;filter:saturate(.4)}.w-card.w-kids:not(.off){background:linear-gradient(180deg, #3c6e468c, var(--panel2))}.w-card.w-adult:not(.off){background:linear-gradient(180deg, #6e3c468c, var(--panel2))}.w-card.w-family:not(.off){background:linear-gradient(180deg, #785f288c, var(--panel2))}.w-fam,.w-last{color:#ffe7ad;font-size:12px}.w-last{background:#f3cf7a2e;border-radius:999px;padding:2px 8px;position:absolute;top:8px;right:10px}.w-join{flex-direction:column;align-items:center;gap:8px;width:min(460px,100%);display:flex}.w-join p{color:var(--muted);text-align:center;margin:0;font-size:13px}.w-row{gap:8px;width:100%;display:flex}.w-row input{border:1px solid var(--line);min-width:0;color:var(--text);font:700 18px var(--font);letter-spacing:.12em;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;flex:1;padding:10px 12px}.w-err{color:#ff9a8a!important}.w-foot{margin-top:4px}@media (max-width:720px){.w-cards{grid-template-columns:1fr}.w-card{flex-flow:wrap;justify-content:center;padding:14px}.w-card i{font-size:32px}}.m-code{background:#f3cf7a1a;border:1px dashed #f3cf7a80;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.m-code small{color:var(--muted);font-size:12px}.m-code b{letter-spacing:.16em;color:var(--gold);-webkit-user-select:text;user-select:text;font-size:28px}.m-member{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.m-member>span{font-size:22px}.m-member b{flex:1;min-width:0;font-size:14px}.m-member small{color:var(--muted);font-size:12px}.pet-card.event{border-color:#f3cf7a8c}.pet-card.event small{color:#ffe7ad}.pe-power{color:#9fe8b0!important}.tq.pet b{color:#ffd8e8}.tq.boss b{color:#ff9a8a}.tq.boss em{color:#ffb4a8}.tq.fest b{color:#ffb45a}.p-world{width:min(760px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.p-myshop,.p-guild{width:min(560px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.mw{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex;overflow-y:auto}.mw label{color:var(--muted);margin-top:6px;font-size:12px}.mw-tabs{flex-wrap:wrap;gap:6px;display:flex}.mw-tabs button{appearance:none;border:1px solid var(--line2);color:var(--muted);font:700 13px var(--font);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 12px}.mw-tabs button.on{color:#2a1a05;background:linear-gradient(#f6d27e,#c98a2c);border-color:#0000}.mw-lead{color:var(--text);margin:0;font-size:13px;line-height:1.6}.mw-mods{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.mw-mod{border:1px solid var(--line2);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.mw-mod.soon{opacity:.6;border-style:dashed}.mw-mh{align-items:center;gap:8px;display:flex}.mw-mh span{font-size:24px}.mw-mh b{flex:1;font-size:15px}.mw-mod p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.mw-mod small{color:#c9c0ad;font-size:11.5px}.mw-gives{flex-wrap:wrap;gap:4px;display:flex}.mw-gives span{background:color-mix(in srgb, var(--c) 22%, transparent);color:var(--c);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);border-radius:999px;padding:2px 7px;font-size:11px}.mw-cur{background:#f3cf7a14;border:1px solid #f3cf7a59;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.mw-ph{align-items:center;gap:10px;display:flex}.mw-ph>span{font-size:34px}.mw-ph div{flex-direction:column;flex:1;display:flex}.mw-ph b{font-size:16px}.mw-ph small{color:var(--muted);font-size:12px}.mw-ph em{color:#9fe8b0;text-align:right;font-size:12px;font-style:normal}.mw-need{grid-template-columns:150px 1fr 90px;align-items:center;gap:8px;font-size:12.5px;display:grid}.mw-need b{text-align:right;font-variant-numeric:tabular-nums}.mw-bar{background:#ffffff1a;border-radius:6px;height:9px;display:block;overflow:hidden}.mw-bar em{border-radius:6px;height:100%;transition:width .3s;display:block}.mw-plist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.mw-p{opacity:.6;background:#ffffff0a;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:12.5px;display:flex}.mw-p span{font-size:20px}.mw-p b{flex:1}.mw-p small{color:var(--muted);font-size:11px}.mw-p.done{opacity:1;background:#7fe08a1a}.mw-p.done small{color:#9fe8b0}.mw-p.now{opacity:1;border:1px solid #f3cf7a80}.mw-bonus,.mw-top,.sh-log{flex-wrap:wrap;gap:6px;display:flex}.mw-bonus span,.mw-top span,.sh-log span{color:#c8f2d0;background:#9fe8b01f;border-radius:999px;padding:4px 9px;font-size:12px}.mw-bonus span.off{color:var(--muted);background:#ffffff0d}.mw-top span,.sh-log span{color:var(--text);background:#ffffff0f}.mw-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mw-cats div{border-left:3px solid var(--c);background:#ffffff0a;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:6px 9px;display:grid}.mw-cats span{grid-row:span 2;font-size:20px}.mw-cats b{font-size:15px}.mw-cats small{color:var(--muted);font-size:10.5px}.mw-towns{align-self:flex-start}.mw-order{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mw-order.ready{background:#7fe08a1a}.mw-oi{font-size:28px}.mw-order>div{flex-direction:column;flex:1;min-width:0;display:flex}.mw-order b{font-size:13.5px}.mw-order small{color:var(--muted);font-size:12px}.mw-order .btn{margin-top:0}.sh-head,.gd-head{align-items:center;gap:10px;display:flex}.sh-head>div,.gd-head>div{flex-direction:column;flex:1;gap:3px;display:flex}.sh-head b,.gd-head b{font-size:17px}.sh-head small,.gd-head small{color:var(--muted);font-size:12px}.gd-head>span{font-size:40px}.sh-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sh-row .btn{margin-top:0}.sh-till{margin-left:auto;font-size:14px}.sh-till b{color:#ffe2a0}.sh-hint{color:#ffcf9a;margin:0;font-size:12.5px}.sh-slot{background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.sh-ic{font-size:26px}.sh-slot>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sh-slot b{font-size:13.5px}.sh-slot b em{color:#ffb06a;font-size:11px;font-style:normal}.sh-slot small{color:var(--muted);font-size:11.5px}.sh-price{align-items:center;gap:3px;display:flex}.sh-price button{appearance:none;border:1px solid var(--line2);color:var(--text);font:700 12px var(--font);cursor:pointer;background:#ffffff0f;border-radius:7px;padding:3px 7px}.sh-price b{text-align:center;color:#ffe2a0;min-width:52px}.sh-slot .btn{margin-top:0}.sh-bag{flex-wrap:wrap;gap:6px;display:flex}.sh-b{appearance:none;border:1px solid var(--line2);width:52px;height:52px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;place-items:center;display:grid;position:relative}.sh-b span{font-size:24px}.sh-b small{font-size:11px;font-weight:900;position:absolute;bottom:2px;right:4px}.sh-b i{font-size:11px;font-style:normal;position:absolute;top:1px;left:3px}.sh-b:hover{border-color:var(--gold)}.gd-emb{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.gd-emb button{appearance:none;border:1px solid var(--line2);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:6px 0;font-size:22px}.gd-emb button.on{border-color:var(--gold);background:#f3cf7a2e}.gd-name{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.gd-name span{font-size:28px}.gd-name b{flex:1;font-size:17px}.gd-name .btn{margin-top:0}@media (max-width:640px){.mw-need{grid-template-columns:1fr 70px}.mw-need .mw-bar{grid-area:2/span 2}.mw-cats{grid-template-columns:1fr 1fr}.gd-emb{grid-template-columns:repeat(4,1fr)}}.p-journey{width:min(680px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.jr-top{background:#f3cf7a1a;border:1px solid #f3cf7a59;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.jr-top>div{align-items:baseline;gap:10px;display:flex}.jr-top b{color:#ffe7ad;font-size:18px}.jr-top small{color:var(--muted);font-size:12px}.jr-lesson{background:#78c88c1a;border:1px solid #7fe08a59;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.jr-lh{align-items:center;gap:10px;display:flex}.jr-lh>span{font-size:34px}.jr-lh>div{flex-direction:column;flex:1;display:flex}.jr-lh b{font-size:15px}.jr-lh small{color:var(--muted);font-size:12px}.jr-lh .btn{margin-top:0}.jr-words{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.jr-words button,.jr-units button{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;display:flex}.jr-words span{font-size:22px}.jr-words small,.jr-units small{color:var(--muted);font-size:10px}.jr-units{gap:6px;display:flex}.jr-units button{flex-direction:row;flex:1;justify-content:center;gap:6px;padding:5px}.jr-units button.on{border-color:#7fe08ab3}.jr-m{background:#ffffff0d;border-radius:12px;grid-template-columns:30px 1fr 120px;align-items:center;gap:8px;padding:7px 10px;display:grid}.jr-m>span{font-size:22px}.jr-m b{margin-bottom:4px;font-size:13px;display:block}.jr-m small{color:var(--muted);text-align:right;font-size:11px;line-height:1.4}.jr-m.done{background:#7fe08a1a}.jr-cal{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.jr-day{background:#ffffff0a;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:3px 0;display:flex}.jr-day small{color:var(--muted);font-size:10px}.jr-day span{font-size:15px}.jr-day.big{border-color:#f3cf7a66}.jr-day.got{background:#7fe08a29}.jr-day.today{border-color:#7fe08a}.jr-tiers{gap:5px;padding-bottom:4px;display:flex;overflow-x:auto}.jr-t{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:default;background:#ffffff0a;border-radius:10px;flex-direction:column;flex:0 0 52px;align-items:center;gap:1px;padding:5px 0;display:flex}.jr-t small{color:var(--muted);font-size:10px}.jr-t span{font-size:20px}.jr-t em{min-height:12px;font-size:10px;font-style:normal}.jr-t.ready{border-color:var(--gold);cursor:pointer;background:#f3cf7a2e;animation:1.4s ease-in-out infinite jrpulse}.jr-t.got{opacity:.55}@keyframes jrpulse{50%{box-shadow:0 0 0 4px #f3cf7a33}}.jr-titles{flex-wrap:wrap;gap:6px;display:flex}.jr-titles button{appearance:none;border:1px solid var(--line2);color:var(--text);font:600 12px var(--font);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:4px 10px}.jr-titles button.on{border-color:var(--gold);color:#ffe7ad;background:#f3cf7a33}@media (max-width:640px){.jr-words{grid-template-columns:repeat(4,1fr)}.jr-cal{grid-template-columns:repeat(6,1fr)}.jr-m{grid-template-columns:26px 1fr 92px}}.l-svg{filter:drop-shadow(0 4px 8px #78460a40)}.l-coins{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.l-coin{width:54px;height:54px;font:900 16px var(--font);color:#5a3a10;background:radial-gradient(circle at 35% 30%,#fff1b0,#e0b040 60%,#b8862a);border:3px solid #a07020;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #78500a66}.l-coin.c10{background:radial-gradient(circle at 35% 30%,#ffd8b0,#d8864a 60%,#a8602a);border-color:#8a4a1a;width:46px;height:46px;font-size:14px}.l-coin.c100,.l-coin.c50{color:#3a3f48;background:radial-gradient(circle at 35% 30%,#fff,#c8ccd4 60%,#9aa0aa);border-color:#7a808a}.l-coin.c500{width:62px;height:62px;font-size:17px}.l-tag{font:800 18px var(--font);color:#7a3f0a;background:#fff;border:2px dashed #c98a2c;border-radius:12px;padding:8px 12px}.l-hint{color:#8a6a3a;font-size:16px}.l-bignum{font-size:34px}.l-choice.pic svg{width:64px;height:64px}.np small,.nameplate small{opacity:.85;font-size:10px;display:block}.p-book{width:min(720px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.bk-head{background:#9fd0ff14;border:1px solid #9fd0ff4d;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.bk-head b{font-size:16px}.bk-head small{color:var(--muted);font-size:12px}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.bk-e{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex;position:relative}.bk-e span{font-size:28px}.bk-e b{font-size:12.5px}.bk-e small{color:#9fd0ff;font-size:11px}.bk-e i{color:var(--muted);font-size:10px;font-style:normal;position:absolute;top:4px;right:6px}.bk-e.off{cursor:default;opacity:.45}.bk-e.off small{color:var(--muted)}.p-voyage{width:min(760px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.vy-ship{background:linear-gradient(135deg,#5096dc29,#f3cf7a14);border:1px solid #8cc8ff4d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.vy-ship>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.vy-ship small{color:var(--muted);font-size:12px}.vy-boat{font-size:40px;line-height:1;animation:2.4s ease-in-out infinite vy-bob}.vy-boat.away{opacity:.35}@keyframes vy-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}.vy-st{color:#9fd0ff;font-size:13px;font-style:normal}.vy-st.ok{color:var(--ok);font-weight:700}.vy-st b{font-variant-numeric:tabular-nums}.vy-ports{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;display:grid}.vy-port{border:1px solid var(--line2);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.vy-port.been{border-color:#8cc8ff59}.vy-port.locked{opacity:.6}.vy-port .btn{margin-top:auto}.vy-ph{align-items:center;gap:6px;display:flex}.vy-ph span{font-size:22px}.vy-ph b{flex:1;font-size:14px}.vy-ph small{color:var(--muted);font-size:11.5px}.vy-trade{align-items:center;gap:6px;display:flex}.vy-trade>b{color:var(--muted)}.vy-want{flex-wrap:wrap;flex:1;gap:4px;display:flex}.vy-want span,.vy-give{background:#ffffff0d;border-radius:8px;flex-direction:column;align-items:center;padding:2px 4px;font-size:22px;line-height:1.1;display:inline-flex;position:relative}.vy-want span.ok{background:#6ad37a29}.vy-want i,.vy-give i{color:var(--muted);font-size:11px;font-style:normal}.vy-want span.ok i{color:var(--ok)}.vy-give{background:#f3cf7a1f}.vy-give small{color:var(--gold);font-size:10.5px}.vy-lock{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.vy-card{color:#3a2a12;background:#fbf4e4;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:0 4px #e3c68c}.vy-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:200px;display:flex}.vy-card p{margin:0}.vy-card small{color:#8a6a3a;font-size:12px}.vy-flag{font-size:46px;line-height:1}.vy-hello{font-size:20px;font-weight:800}.vy-hello small{font-weight:400}.vy-en{color:#2a5ea8;font-size:15px;font-weight:700}.vy-ko{font-size:13px}.vy-fact{font-size:12.5px;line-height:1.5}.vy-cbtn{flex-direction:column;gap:6px;display:flex}.vy-album{flex-wrap:wrap;gap:6px;display:flex}.vy-mini{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font:700 12.5px var(--font);background:#ffffff0d;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.vy-mini span{font-size:20px}.lp-item:disabled{opacity:.45;cursor:default}.flag{vertical-align:middle;border-radius:2px;flex:none;display:inline-block;box-shadow:0 0 0 1px #0000002e}.vy-flag .flag{border-radius:4px}.p-city{width:min(760px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.ct-head{background:linear-gradient(135deg,#c9b7e829,#f3cf7a14);border:1px solid #c9b7e859;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.ct-stars{color:#ffd34d;letter-spacing:2px;text-shadow:0 1px #0006;font-size:26px}.ct-stars span{color:#ffffff40}.ct-stats{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.ct-stats>div{border-bottom:2px solid var(--c);background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;min-width:58px;padding:4px 8px;display:flex}.ct-stats span{font-size:18px}.ct-stats b{font-size:16px}.ct-stats small{color:var(--muted);font-size:11px}.ct-checks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 10px;display:grid}.ct-checks>div{color:var(--muted);grid-template-columns:18px 1fr;align-items:center;gap:2px 6px;font-size:12px;display:grid}.ct-checks>div>span{color:#ffffff4d;font-size:14px}.ct-checks>div.ok>span{color:#ffd34d}.ct-checks>div.ok small{color:var(--text)}.ct-checks .mw-bar{grid-column:2}.ct-req,.ct-tax,.ct-detail{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ct-req>span,.ct-tax>span,.ct-detail>span{font-size:28px}.ct-req>div,.ct-tax>div,.ct-detail>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ct-req p{margin:0;font-size:13.5px}.ct-req small,.ct-tax small,.ct-detail small{color:var(--muted);font-size:12px;line-height:1.45}.ct-req{border-left:3px solid #ff9ac8}.ct-req.ok{border-left-color:var(--ok)}.ct-tax{border-left:3px solid var(--gold)}.ct-tax .btn,.ct-detail .btn{margin-top:0}.ct-lots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ct-lot{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:var(--font);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex}.ct-lot span{font-size:26px;line-height:1.1}.ct-lot b{font-size:13px}.ct-lot small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.ct-lot.empty{opacity:.85;border-style:dashed}.ct-lot.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#f3cf7a1f}.ct-kinds{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.ct-kind{border:1px solid var(--line2);text-align:center;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.ct-kind>span{font-size:26px}.ct-kind b{font-size:13px}.ct-kind small{color:var(--muted);font-size:11px}.ct-kind .btn{margin-top:4px}.ct-kind.locked{opacity:.55}.ct-kind.wish{border-color:#ff9ac899;box-shadow:inset 0 0 0 1px #ff9ac859}.ct-detail b em{color:var(--gold);margin-left:4px;font-size:12.5px;font-style:normal}.ct-acts{flex-direction:column;gap:6px;display:flex}.tq[data-go]{pointer-events:auto;cursor:pointer;transition:background .15s,transform .1s}.tq[data-go]:hover{background:linear-gradient(90deg,#f3cf7a47,#0a0c1433)}.tq[data-go]:active{transform:scale(.98)}.tq[data-go]>b:after{content:" 🧭";opacity:.7;font-size:11px}.qrow .qgo{float:right;margin:-2px 0 0 8px;padding:3px 8px;font-size:11.5px}.nav-bar{left:50%;bottom:calc(104px + var(--sab,0px));color:var(--text);z-index:6;pointer-events:auto;background:#0e121edb;border:1px solid #f3cf7a8c;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:7px 8px 7px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #0006}.nav-bar>span{font-size:18px}.nav-bar b{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:13.5px;overflow:hidden}.nav-bar small{color:var(--muted);white-space:nowrap;font-size:11.5px}.nav-bar button{appearance:none;border:1px solid var(--line2);color:var(--text);font:700 12px var(--font);cursor:pointer;background:#ffffff14;border-radius:999px;padding:4px 10px}@media (max-width:720px){.nav-bar small{display:none}}@property --rar-a{syntax:"<angle>";inherits:false;initial-value:0deg}.cell.r4:after,.cell.r5:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff4d680 50%,#0000 65%) 0 0/260% 100% no-repeat;animation:3s ease-in-out infinite rar-shine;position:absolute;inset:0}.cell.r5:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--rar-a), #ff5470, #ffb42b, #fff27a, #5fffb0, #5fd0ff, #b066ff, #ff5470);-webkit-mask-composite:xor;padding:2px;animation:2.6s linear infinite rar-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rar-shine{0%{background-position:130% 0}60%,to{background-position:-30% 0}}@keyframes rar-spin{to{--rar-a:360deg}}.cell.r5{border-color:#ff5470f2;animation:2.4s ease-in-out infinite mythic-pulse;box-shadow:inset 0 0 20px #ff547059,0 0 12px #ff547059}@keyframes mythic-pulse{0%,to{box-shadow:inset 0 0 20px #ff547059,0 0 10px #ff54704d}50%{box-shadow:inset 0 0 24px #ff965a73,0 0 16px #ff789680}}.it-set{background:#ffae2b14;border:1px solid #ffae2b4d;border-radius:8px;flex-direction:column;gap:2px;margin-top:6px;padding:6px 8px;font-size:12px;display:flex}.it-set b{color:#ffcf6a}.it-set span{color:var(--muted)}.it-set span.on{color:var(--ok)}.it-set small{color:var(--muted);font-size:11px}.gear-stock{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;display:grid}.gs{border:1px solid var(--line2);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.gs>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.gs b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.gs small{color:var(--muted);font-size:11px}.gs .btn{margin-top:0}.gs.sold{color:var(--muted);justify-content:center;min-height:52px;font-size:12px}.smith h5{margin:6px 0 4px}.look-ed{flex-direction:column;gap:6px;display:flex}.le-row{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.le-row>label{color:var(--muted);margin:0;font-size:12px}.le-row .chips,.le-row .sw-row{margin:0}.le-foot{align-items:center;gap:10px;margin-top:4px;display:flex}.le-foot .hint{margin:0;font-size:11.5px}.p-mirror{left:calc(16px + var(--sal));width:min(440px,94vw);animation:none;top:50%;transform:translateY(-50%)}.mirror{max-height:72vh;padding:12px 14px 14px;overflow-y:auto}@media (max-width:720px){.p-mirror{max-height:56vh;top:auto;bottom:8px;left:50%;transform:translate(-50%)}.le-row{grid-template-columns:52px 1fr}}.cine-on .ui,.cine-on .nav-bar{transition:opacity .4s;opacity:0!important;pointer-events:none!important}.cine{z-index:60;pointer-events:none;position:fixed;inset:0}.cine .cb{background:#000;height:0;transition:height .9s cubic-bezier(.6,0,.2,1);position:absolute;left:0;right:0}.cine .cb.top{top:0}.cine .cb.bot{bottom:0}.cine.on .cb{height:11vh}.cine-sub{text-align:center;opacity:0;flex-direction:column;gap:6px;width:min(920px,92vw);transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:2.6vh;left:50%;transform:translate(-50%,8px)}.cine-sub.show{opacity:1;transform:translate(-50%)}.cine-sub b{font-family:var(--display);letter-spacing:0;color:#fbf3e2;text-shadow:0 2px 10px #000000e6;font-size:clamp(16px,2.3vw,25px);font-weight:600;line-height:1.45}.cine-sub i{color:#f0dcb4b8;letter-spacing:.04em;font-size:clamp(11.5px,1.25vw,14px);font-style:italic}.cine-skip{right:calc(18px + var(--sar));pointer-events:auto;appearance:none;color:#ffffffd9;font:700 12.5px var(--font);letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0a0c148c;border:1px solid #ffffff47;border-radius:999px;padding:7px 16px;transition:opacity .6s 1s;position:absolute;top:calc(11vh + 14px)}.cine.on .cine-skip{opacity:1}.cine-skip:hover{background:#282c3cbf}.cine-card{opacity:0;text-align:center;background:radial-gradient(at 50% 55%,#0a081040,#040408db 75%);flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity 1.4s;display:flex;position:absolute;inset:0}.cine.end-card .cine-card{opacity:1}.cine-card em{color:#ffd27a;letter-spacing:.4em;margin-top:26px;font-size:clamp(11px,1.2vw,13px);font-style:normal;animation:2.4s ease-in-out infinite blink}.t-vignette{pointer-events:none;background:linear-gradient(#04060e8c 0%,#04060e00 26% 62%,#04060eb8 100%);position:absolute;inset:0}.title{background:0 0}.brand{text-align:center;flex-direction:column;align-items:center;display:flex}.brand .emblem{filter:drop-shadow(0 0 16px #ff963c73);width:clamp(52px,6vw,76px);height:auto;animation:1.4s cubic-bezier(.2,.8,.2,1) .1s backwards brIn}.brand .word{font-family:var(--latin);letter-spacing:.3em;filter:drop-shadow(0 0 24px #ffaa5052)drop-shadow(0 2px 8px #00000080);margin-top:clamp(10px,2vh,18px);margin-right:-.3em;font-size:clamp(30px,min(7.4vw,12vh),88px);font-weight:200;line-height:1;display:flex}.brand .word span{background:linear-gradient(#fffaf0 0%,#f4dfb2 55%,#d6a65a 100%);color:#0000;animation:letterIn 1.6s calc(.25s + var(--i) * 70ms) cubic-bezier(.2, .8, .2, 1) backwards;-webkit-background-clip:text;background-clip:text;display:inline-block}.brand .kor{font-family:var(--display);color:#e7cf9a;align-items:center;gap:18px;margin-top:clamp(12px,2.2vh,20px);font-size:clamp(12px,1.4vw,16px);font-weight:500;animation:1.2s ease-out .9s backwards fadeUp;display:flex}.brand .kor span{letter-spacing:.9em;margin-right:-.9em}.brand .kor i{background:linear-gradient(90deg,#0000,#e7cf9ad9);width:clamp(36px,7vw,104px);height:1px}.brand .kor i:last-child{transform:scaleX(-1)}.brand .tag{letter-spacing:.5em;color:#d6ccb6ad;margin-top:12px;margin-right:-.5em;font-size:clamp(11px,1.15vw,13px);animation:1.2s ease-out 1.1s backwards fadeUp}@keyframes letterIn{0%{opacity:0;filter:blur(10px);transform:translateY(.2em)}to{opacity:1;filter:none;transform:none}}@keyframes brIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.title.t-intro .brand{margin-top:-24vh;position:relative}.title.t-intro .brand:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#04061080,#04061000);width:140%;height:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title .press{left:50%;bottom:calc(14vh + var(--sab));white-space:nowrap;flex-direction:column;align-items:center;gap:9px;animation:1s ease-out 1.6s backwards fadeUp;display:flex;position:absolute;transform:translate(-50%)}.title .press span{font-family:var(--latin);letter-spacing:.6em;color:#f3e6c6;align-items:center;gap:16px;margin-right:-.6em;font-size:13px;font-weight:300;animation:2.8s ease-in-out infinite pulse;display:flex}.title .press span i{background:#f3e6c68c;width:28px;height:1px}.title .press small{letter-spacing:.35em;color:#d6ccb68c;margin-right:-.35em;font-size:11px}.title .foot{bottom:calc(18px + var(--sab));text-align:center;font-family:var(--latin);letter-spacing:.14em;color:#d6ccb65c;padding:0 16px;font-size:10.5px;position:absolute;left:0;right:0}.title.m-menu{background:linear-gradient(90deg,#04060edb 0%,#04060e8c 28%,#04060e00 54%);display:block}.menu-col{left:calc(clamp(24px, 7vw, 120px) + var(--sal));top:calc(24px + var(--sat));bottom:calc(56px + var(--sab));flex-direction:column;justify-content:center;gap:clamp(26px,6vh,56px);width:min(420px,44vw);display:flex;position:absolute}.menu-col .brand{text-align:left;align-items:flex-start}.brand.menu .emblem{width:46px}.brand.menu .word{letter-spacing:.26em;font-size:clamp(30px,3.6vw,50px)}.brand.menu .kor{gap:12px}.brand.menu .kor i:first-child{display:none}.brand.menu .kor i:last-child{background:linear-gradient(90deg,#e7cf9ad9,#0000);transform:none}.brand.menu .tag{margin-right:0}.tnav{flex-direction:column;gap:2px;display:flex}.tn{appearance:none;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:baseline;gap:4px 12px;margin-left:-16px;padding:13px 18px 13px 16px;transition:background .25s;animation:.7s cubic-bezier(.2,.8,.2,1) backwards fadeUp;display:grid;position:relative}.tn:first-child{animation-delay:.15s}.tn:nth-child(2){animation-delay:.25s}.tn:nth-child(3){animation-delay:.35s}.tn:before{content:"";background:linear-gradient(180deg, #fff1c8, var(--gold2));border-radius:2px;width:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(0);box-shadow:0 0 10px #f3cf7a99}.tn em{font-style:normal;font-family:var(--latin);letter-spacing:.12em;color:#f3cf7a8c;grid-row:1/3;align-self:center;font-size:12px;font-weight:300}.tn b{font-family:var(--display);letter-spacing:.04em;color:#ece1c9;font-size:clamp(19px,1.8vw,23px);font-weight:700;transition:color .2s}.tn>span{color:#d6ccb699;grid-column:2;align-items:center;gap:8px;font-size:12.5px;display:flex}.tn:hover,.tn:focus-visible{background:linear-gradient(90deg,#f3cf7a1c,#f3cf7a00);outline:none}.tn:hover:before,.tn:focus-visible:before,.tn.primary:before{transform:scaleY(1)}.tn:hover b{color:#fff0cf}.tn.primary b{background:linear-gradient(#fff6dc,#f3cf7a);color:#0000;-webkit-background-clip:text;background-clip:text}.tn.primary em{color:var(--gold)}.tn-crest{background:radial-gradient(circle, color-mix(in srgb, var(--c) 40%, #141a2a), #0a0d18);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid;box-shadow:inset 0 0 0 1px #f3cf7a99}.tn-crest svg{width:14px;height:14px}.tn-crest .cf{fill:color-mix(in srgb, var(--c) 30%, transparent)}.tn-crest .thin{stroke-width:1.4px}.title.m-menu .foot.keys{left:calc(clamp(24px, 7vw, 120px) + var(--sal));text-align:left;max-width:62vw;font-family:var(--font);letter-spacing:0;color:#d6ccb680;flex-wrap:wrap;gap:6px 16px;padding:0;font-size:11.5px;animation:1s ease-out .6s backwards fadeUp;display:flex;right:auto}.foot.keys kbd{font-family:var(--latin);color:#e6dcc6;border:1px solid #ffffff24;border-radius:4px;margin-right:5px;padding:1px 6px;font-size:10.5px}@media (pointer:coarse){.title .keys{display:none}}body.touch .title .keys{display:none}@media (max-width:760px){.title.m-menu{background:linear-gradient(#04060eb3 0%,#04060e00 30% 46%,#04060ee0 78%)}.menu-col{left:calc(20px + var(--sal));right:calc(20px + var(--sar));top:calc(30px + var(--sat));bottom:calc(24px + var(--sab));justify-content:space-between;width:auto}.menu-col .brand{text-align:center;align-items:center}.brand.menu .kor i:first-child{display:block}.brand.menu .kor i:last-child{background:linear-gradient(90deg,#0000,#e7cf9ad9);transform:scaleX(-1)}.brand.menu .tag{margin-right:-.5em}.tnav{gap:0}.tn{margin-left:0;padding:12px 14px}.title.m-menu .foot.keys{display:none}}@media (max-height:500px){.brand .emblem{width:min(64px,13vh)}.title.t-intro .brand{margin-top:-10vh}.title .press{bottom:calc(12vh + var(--sab))}.title .foot{bottom:calc(8px + var(--sab))}.menu-col{top:calc(12px + var(--sat));bottom:calc(12px + var(--sab));gap:14px}.brand.menu .emblem{width:34px}.brand.menu .word{font-size:min(40px,9vh)}.brand.menu .kor{margin-top:8px}.brand.menu .tag{display:none}.tn{padding:8px 14px 8px 16px}.tn b{font-size:18px}.title.m-menu .foot.keys{display:none}}.cine-card .brand .word{font-size:clamp(34px,min(7.4vw,12vh),92px)}.title.m-roster{background:linear-gradient(90deg,#04060ed1 0%,#04060e66 28%,#0000 44% 60%,#04060e6b 74%,#04060ed1 100%);display:block}.roster{left:calc(clamp(16px, 3.2vw, 48px) + var(--sal));top:calc(clamp(16px, 5vh, 54px) + var(--sat));bottom:calc(clamp(16px, 5vh, 54px) + var(--sab));flex-direction:column;gap:14px;width:min(360px,34vw);animation:.55s cubic-bezier(.2,.8,.2,1) backwards roIn;display:flex;position:absolute}.ro-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#f3cf7abf,#f3cf7a00) 1;align-items:center;gap:14px;padding-bottom:14px;display:flex}.ro-back{appearance:none;width:40px;height:40px;color:var(--gold);cursor:pointer;background:#0a0c1699;border:1px solid #f3cf7a73;border-radius:50%;flex:none;place-items:center;padding:0 0 3px;font-size:24px;line-height:1;transition:background .2s,border-color .2s,transform .15s;display:grid}.ro-back:hover{border-color:var(--gold);background:#463212bf;transform:translate(-2px)}.ro-title{flex:1;min-width:0}.ro-title small{font-family:var(--latin);letter-spacing:.42em;color:#f3cf7ac7;font-size:10.5px;font-weight:600;display:block}.ro-title h2{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(#fff6d8 0%,#f3cf7a 55%,#c98a2c 100%);color:#0000;filter:drop-shadow(0 2px 6px #00000080);-webkit-background-clip:text;background-clip:text;margin:3px 0 0;font-size:clamp(24px,2.5vw,30px);font-weight:800;line-height:1.15}.ro-count{font-family:var(--latin);color:var(--muted);letter-spacing:.06em;flex:none;font-size:13px}.ro-count b{color:var(--gold);font-size:19px;font-weight:700}.ro-note{color:#f3d59a;background:#78461442;border:1px solid #f3cf7a4d;border-radius:10px;margin:0;padding:8px 12px;font-size:12.5px;line-height:1.55}.ro-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ro-slot{appearance:none;width:100%;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(100deg,#161b2ce0,#0a0c16db);border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.ro-slot:before{content:"";background:var(--c,var(--gold));width:3px;box-shadow:0 0 10px var(--c,var(--gold));opacity:0;border-radius:3px;transition:opacity .2s;position:absolute;top:13px;bottom:13px;left:-1px}.ro-slot:hover{border-color:#f3cf7a66;transform:translate(4px)}.ro-slot.on{background:linear-gradient(100deg,#4a3616e6,#121016e6);border-color:#f3cf7ad9;transform:translate(10px);box-shadow:0 12px 30px #00000073,0 0 0 1px #f3cf7a33,inset 0 1px #ffebbe24}.ro-slot.on:before{opacity:1}.ro-crest,.rc-crest{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--c,#6a6050) 48%, #141a2a), #090c16 78%);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 1.5px #f3cf7abf,inset 0 0 0 4px #090c16e6,inset 0 0 0 5px #f3cf7a40,0 4px 14px #00000080}.ro-crest svg,.rc-crest svg{filter:drop-shadow(0 1px 1px #000000a6);width:58%;height:58%}.ro-crest .cf,.rc-crest .cf{fill:color-mix(in srgb, var(--c,#fff) 30%, transparent)}.ro-crest .thin,.rc-crest .thin{stroke-width:1.4px}.ro-who{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ro-who b{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:800;overflow:hidden}.ro-who small{color:var(--muted);letter-spacing:.02em;font-size:12px}.ro-slot.on .ro-who small{color:#e8d3a2}.ro-tag{border:1px solid;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:700}.ro-tag.kid{color:#a6e8b0;background:#3c8c5029;border-color:#78dc8c52}.ro-tag.adult{color:#f6c896;background:#a05a1e33;border-color:#f5aa6457}.ro-last{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;top:9px;right:10px}.ro-slot.empty{background:#0a0c1680;border-style:dashed;border-color:#f3cf7a3d}.ro-slot.empty .ro-crest{background:0 0;box-shadow:inset 0 0 0 1.5px #f3cf7a59}.ro-slot.empty .ro-crest i{color:var(--gold);opacity:.85;font-size:22px;font-style:normal}.ro-slot.empty .ro-who b{color:#d4cab3;font-weight:700}.ro-slot.empty.on{border-style:solid}.ro-keys{color:#d6ccb699;flex-wrap:wrap;align-items:center;gap:6px;margin:auto 0 0;font-size:11.5px;display:flex}.ro-keys kbd{text-align:center;color:#e6dcc6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:5px;min-width:22px;padding:2px 6px;font-size:11px}body.touch .ro-keys{display:none}@keyframes roIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.ro-card{right:calc(clamp(16px, 3.2vw, 48px) + var(--sar));bottom:calc(clamp(16px, 6vh, 64px) + var(--sab));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#141826eb,#090b14f2);border:1px solid #f3cf7a61;border-radius:18px;width:min(380px,34vw);padding:22px 22px 18px;position:absolute;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffebbe1a}.ro-card:before{content:"";pointer-events:none;border:1px solid #f3cf7a1a;border-radius:13px;position:absolute;inset:6px}.ro-card:after{content:"";background:linear-gradient(90deg, transparent, var(--c,var(--gold)), transparent);height:2px;position:absolute;top:-1px;left:24px;right:24px}.ro-card.in{animation:.38s cubic-bezier(.2,.8,.2,1) backwards rcIn}@keyframes rcIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rc-top{align-items:center;gap:15px;display:flex}.rc-crest{width:66px;height:66px}.rc-name{min-width:0}.rc-name small{letter-spacing:.04em;color:color-mix(in srgb, var(--c,#f3cf7a) 50%, #f3e3bf);font-size:12px;font-weight:700}.rc-name h3{font-family:var(--display);letter-spacing:.01em;color:#fff4dc;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:28px;font-weight:900;line-height:1.12;overflow:hidden}.rc-name em{color:var(--gold);margin-top:2px;font-size:12px;font-style:normal;display:block}.rc-lv{margin-top:16px}.rc-lv>div{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.rc-lv>div b{font-family:var(--latin);color:var(--gold);letter-spacing:.02em;font-size:19px;font-weight:700}.rc-lv small{color:var(--muted);font-size:11.5px}.rc-lv i{background:#ffffff14;border-radius:6px;height:6px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073}.rc-lv i b{background:linear-gradient(90deg,#c98a2c,#f6d27e);border-radius:6px;height:100%;display:block;box-shadow:0 0 10px #f6d27e99}.rc-stats{background:#f3cf7a24;border:1px solid #f3cf7a24;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0 0;display:grid;overflow:hidden}.rc-stats div{background:#0a0c16f0;min-width:0;padding:9px 12px}.rc-stats dt{letter-spacing:.06em;color:var(--muted);font-size:10.5px}.rc-stats dd{color:#f1e6cd;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13.5px;font-weight:700;overflow:hidden}.rc-made{color:#d6ccb69e;text-align:center;margin:12px 0 0;font-size:11.5px}.rc-actions{flex-direction:column;align-items:center;gap:6px;margin-top:14px;display:flex}.rc-go{letter-spacing:.04em;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:800;box-shadow:0 8px 24px #ffa03c38}.rc-go.primary:hover{box-shadow:0 10px 30px #ffaa4666}.rc-del{appearance:none;font-family:var(--font);color:#d6ccb68c;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;transition:color .15s,background .15s}.rc-del:hover{color:#ff9f8f;background:#c83c281f}.rc-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 4px 2px;display:flex}.rc-seal{width:66px;height:66px;color:var(--gold);background:radial-gradient(circle,#f3cf7a1f,#0000 70%);border-radius:50%;place-items:center;font-size:26px;display:grid;box-shadow:inset 0 0 0 1.5px #f3cf7a99,inset 0 0 0 5px #090c16e6,inset 0 0 0 6px #f3cf7a33}.rc-empty small{font-family:var(--latin);letter-spacing:.3em;color:#f3cf7ab8;margin-top:4px;font-size:11px}.rc-empty h3{font-family:var(--display);color:#fff4dc;margin:0;font-size:24px;font-weight:900}.rc-empty p{color:var(--muted);text-wrap:balance;margin:2px 0 10px;font-size:13px;line-height:1.6}.title.m-create{background:linear-gradient(90deg,#04060ed1 0%,#04060e61 28%,#0000 42% 58%,#04060e61 72%,#04060ed1 100%);display:block}.cr-left,.cr-right{top:calc(clamp(16px, 4vh, 44px) + var(--sat));bottom:calc(clamp(16px, 4vh, 44px) + var(--sab));flex-direction:column;gap:12px;display:flex;position:absolute}.cr-left{left:calc(clamp(16px, 3.2vw, 48px) + var(--sal));width:min(360px,32vw);animation:.55s cubic-bezier(.2,.8,.2,1) backwards roIn}.cr-right{right:calc(clamp(16px, 3.2vw, 48px) + var(--sar));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#141826e6,#090b14f0);border:1px solid #f3cf7a5c;border-radius:18px;width:min(392px,33vw);padding:18px;animation:.55s cubic-bezier(.2,.8,.2,1) backwards crIn;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffebbe1a}.cr-right:before{content:"";pointer-events:none;border:1px solid #f3cf7a14;border-radius:13px;position:absolute;inset:6px}@keyframes crIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.cr-h{font-family:var(--display);letter-spacing:.16em;color:#f1e2bd;border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#f3cf7a66,#f3cf7a00) 1;align-items:center;gap:10px;margin:0;padding-bottom:8px;font-size:13px;font-weight:800;display:flex}.cr-h>span{font-family:var(--latin);letter-spacing:.08em;color:var(--gold);border:1px solid #f3cf7a73;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600}.cr-lookbtn,.cr-done{appearance:none;color:#ffe7b0;font:700 12px var(--font);letter-spacing:0;cursor:pointer;background:#f3cf7a1a;border:1px solid #f3cf7a73;border-radius:999px;margin-left:auto;padding:5px 12px;display:none}.cr-classes{flex-direction:column;gap:8px;display:flex}.cr-cls{appearance:none;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(100deg,#161b2ce0,#0a0c16db);border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:12px;padding:8px 14px 8px 8px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.cr-cls:before{content:"";background:var(--c);width:3px;box-shadow:0 0 10px var(--c);opacity:0;border-radius:3px;transition:opacity .2s;position:absolute;top:12px;bottom:12px;left:-1px}.cr-cls:hover{border-color:#f3cf7a66;transform:translate(4px)}.cr-cls.on{background:linear-gradient(100deg, color-mix(in srgb, var(--c) 24%, #342814eb), #0e0e16e6);border-color:#f3cf7ad9;transform:translate(10px);box-shadow:0 12px 30px #00000073,0 0 0 1px #f3cf7a33,inset 0 1px #ffebbe24}.cr-cls.on:before{opacity:1}.cr-cls .ro-crest{width:44px;height:44px}.cr-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cr-who b{font-size:15.5px;font-weight:800}.cr-who small{color:var(--muted);font-size:11.5px}.cr-cls.on .cr-who small{color:#e8d3a2}.cr-stars{letter-spacing:1px;color:#f0c66a;flex:none;font-size:11px;font-style:normal}.cr-stars s{color:#ffffff29;text-decoration:none}.cr-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;background:#0a0c16bd;border:1px solid #f3cf7a29;border-radius:14px;min-height:0;padding:14px 16px;overflow:auto}.cr-info.in{animation:.35s cubic-bezier(.2,.8,.2,1) backwards rcIn}.cr-info p{color:#d9cfb8;text-wrap:pretty;margin:0 0 12px;font-size:13px;line-height:1.65}.cr-bars{grid-template-columns:1fr 1fr;gap:7px 16px;display:grid}.cr-bar{color:var(--muted);grid-template-columns:38px 1fr;align-items:center;gap:8px;font-size:11.5px;display:grid}.cr-bar i{background:#ffffff14;border-radius:5px;height:5px;display:block;overflow:hidden}.cr-bar i b{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 50%, #1a1a22), var(--c));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--c) 60%, transparent);border-radius:5px;display:block}.cr-skills{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.cr-sk{text-align:center;background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 3px 7px;display:flex}.cr-sk span{font-size:18px;line-height:1.2}.cr-sk b{font-size:10.5px;font-weight:700;line-height:1.25}.cr-sk small{color:var(--muted);font-size:9.5px}.cr-look{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}.cr-look .le-host{scrollbar-width:thin;scrollbar-color:#f3cf7a4d transparent;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.cr .look-ed{flex-direction:column;gap:9px;display:flex}.cr .le-row{grid-template-columns:56px 1fr;align-items:center;gap:10px;display:grid}.cr .le-row>label{color:var(--muted);letter-spacing:.04em;font-size:11.5px}.cr .chips{gap:5px}.cr .chips button{color:#e9dfca;background:#ffffff0a;border-color:#ffffff1a;border-radius:999px;padding:5px 11px;font-size:11.5px;transition:border-color .15s,background .15s,color .15s}.cr .chips button:hover{border-color:#f3cf7a73}.cr .chips button.on{color:#ffe7b0;background:linear-gradient(#f3cf7a3d,#f3cf7a1a);border-color:#f3cf7acc}.cr .sw-row{gap:7px}.cr .swatch{border:2px solid #ffffff29;width:22px;height:22px;transition:transform .12s,box-shadow .15s;box-shadow:inset 0 0 0 1px #00000059}.cr .swatch:hover{transform:scale(1.12)}.cr .swatch.on{border-color:#ffe3a1;box-shadow:0 0 0 2px #0a0c16f2,0 0 0 3.5px #f3cf7ad9}.cr .le-foot{border-top:1px solid #ffffff0f;margin-top:2px;padding-top:10px}.cr .le-foot .btn.small{border-radius:999px;flex:none;margin-top:0}.cr .le-foot .hint{color:#d6ccb699;font-size:11px;line-height:1.5}.cr-final{border-top:1px solid #f3cf7a29;flex-direction:column;flex:none;gap:10px;margin-top:2px;padding-top:14px;display:flex}.cr-age{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cr-age button{appearance:none;color:#e9dfca;font:700 12px var(--font);white-space:nowrap;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;transition:border-color .15s,background .15s;display:flex}.cr-age button i{font-size:18px;font-style:normal;line-height:1.15}.cr-age button:hover{border-color:#f3cf7a73}.cr-age button.on{color:#ffe7ad;background:linear-gradient(#6e501ca6,#32240ebf);border-color:#f3cf7acc;box-shadow:inset 0 1px #ffebbe26}.cr-name{position:relative}.cr-name input{color:#fff4dc;width:100%;font:700 15px var(--font);letter-spacing:.02em;-webkit-user-select:text;user-select:text;background:#060810d9;border:1px solid #f3cf7a4d;border-radius:12px;outline:none;padding:13px 54px 13px 16px;transition:border-color .2s,box-shadow .2s}.cr-name input::placeholder{color:#d6ccb66b;font-weight:500}.cr-name input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3cf7a24}.cr-dice{cursor:pointer;background:#f3cf7a14;border:1px solid #f3cf7a59;border-radius:10px;width:38px;height:38px;font-size:18px;line-height:1;transition:background .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cr-dice:hover{background:#f3cf7a33}.cr .cerr{color:#ff9f8f;text-align:center;min-height:15px;margin:-4px 0;font-size:12px}.cr .rc-go{margin-top:0}@media (max-height:760px) and (min-width:761px){.cr-info p{display:none}.cr-classes{gap:6px}.cr-cls{padding:6px 12px 6px 6px}.cr-cls .ro-crest{width:38px;height:38px}}@media (max-height:640px) and (min-width:761px){.cr-skills{display:none}}@media (max-width:760px){.title.m-create{background:linear-gradient(#04060ed9 0%,#04060e33 28%,#0000 40% 52%,#04060e99 68%,#04060ee6 100%)}.cr-left{left:calc(12px + var(--sal));right:calc(12px + var(--sar));top:calc(12px + var(--sat));gap:10px;width:auto;animation-name:rcIn;bottom:auto}.cr-left .ro-head{gap:10px;padding-bottom:10px}.cr-left .ro-back{width:36px;height:36px}.cr-left .ro-title h2{font-size:22px}.cr-left>.cr-h,.cr-info{display:none}.cr-classes{flex-direction:row;gap:6px}.cr-cls{text-align:center;flex-direction:column;flex:1 1 0;gap:5px;min-width:0;padding:9px 4px 8px}.cr-cls:hover{transform:none}.cr-cls.on{transform:translateY(-2px)}.cr-cls:before{width:auto;height:3px;inset:auto 16px -1px}.cr-cls .ro-crest{width:40px;height:40px}.cr-who{align-items:center;width:100%}.cr-who b{font-size:13px}.cr-who small{display:none}.cr-stars{letter-spacing:0;font-size:9px}.cr-right{left:calc(12px + var(--sal));right:calc(12px + var(--sar));top:auto;bottom:calc(12px + var(--sab));gap:10px;width:auto;padding:14px;animation-name:rcIn}.cr-look{display:none}.cr-final{border-top:none;gap:9px;margin-top:0;padding-top:0}.cr-lookbtn,.cr-done{display:inline-block}.cr.show-look .cr-look{max-height:min(40vh,360px);display:flex}.cr.show-look .cr-classes,.cr.show-look .cr-final{display:none}.cr-age button{padding:6px 2px 5px;font-size:11.5px}.cr-name input{padding:12px 52px 12px 14px}}@media (max-height:500px) and (min-width:761px){.cr-left,.cr-right{top:calc(10px + var(--sat));bottom:calc(10px + var(--sab));gap:8px}.cr-left{width:min(260px,30vw)}.cr-left .ro-head{gap:10px;padding-bottom:8px}.cr-left .ro-back{width:34px;height:34px;font-size:20px}.cr-left .ro-title small{display:none}.cr-left .ro-title h2{margin:0;font-size:20px}.cr-left>.cr-h,.cr-info{display:none}.cr-classes{gap:5px}.cr-cls{gap:9px;padding:5px 10px 5px 5px}.cr-cls .ro-crest{width:32px;height:32px}.cr-who b{font-size:13.5px}.cr-who small{font-size:10.5px}.cr-right{width:min(340px,40vw);padding:12px 14px;top:auto}.cr-look{display:none}.cr-final{border-top:none;gap:8px;margin-top:0;padding-top:0}.cr-lookbtn,.cr-done{display:inline-block}.cr.show-look .cr-right{top:calc(10px + var(--sat))}.cr.show-look .cr-look{display:flex}.cr.show-look .cr-final{display:none}.cr-age button{padding:5px 2px 4px}.cr-age button i{font-size:15px}.cr-name input{padding:10px 50px 10px 14px;font-size:14px}.cr .rc-go{padding:10px;font-size:15px}}.title:is(.m-roster,.m-create)>*{transition:opacity .3s}.layer:has(>.worlds)>.title:is(.m-roster,.m-create)>*{opacity:0;pointer-events:none}.m-roster .tbox{background:linear-gradient(#161a28f7,#0a0c16fa);border-color:#f3cf7a73;box-shadow:0 24px 60px #0009}@media (max-width:760px){.title.m-roster{background:linear-gradient(#04060ed9 0%,#04060e33 30%,#0000 42% 55%,#04060e99 70%,#04060ee6 100%)}.roster{left:calc(12px + var(--sal));right:calc(12px + var(--sar));top:calc(12px + var(--sat));gap:10px;width:auto;animation-name:rcIn;bottom:auto}.ro-head{gap:10px;padding-bottom:10px}.ro-back{width:36px;height:36px}.ro-title h2{font-size:22px}.ro-list{scrollbar-width:none;flex-direction:row;gap:6px;padding:4px 0 6px;overflow-x:auto}.ro-list::-webkit-scrollbar{display:none}.ro-list li{flex:1 1 0;min-width:54px}.ro-slot{text-align:center;flex-direction:column;gap:6px;padding:10px 6px 9px}.ro-slot:hover{transform:none}.ro-slot.on{transform:translateY(-2px)}.ro-slot:before{width:auto;height:3px;inset:auto 18px -1px}.ro-crest{width:42px;height:42px}.ro-who{align-items:center;gap:1px;width:100%}.ro-who b{max-width:100%;font-size:13.5px}.ro-who small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.ro-tag,.ro-slot.empty .ro-who small,.ro-keys{display:none}.ro-card{left:calc(12px + var(--sal));right:calc(12px + var(--sar));bottom:calc(12px + var(--sab));width:auto;padding:16px 16px 12px}.rc-crest,.rc-seal{width:52px;height:52px}.rc-name h3{font-size:23px}.rc-lv{margin-top:12px}.rc-stats{grid-template-columns:repeat(3,1fr);margin-top:12px}.rc-stats div{padding:7px 9px}.rc-stats dd{font-size:12.5px}.rc-made{display:none}.rc-actions{margin-top:12px}.rc-go{padding:12px}.rc-empty p{margin-bottom:6px}}@media (max-height:500px) and (min-width:561px){.roster{top:calc(10px + var(--sat));bottom:calc(10px + var(--sab));gap:8px;width:min(270px,34vw)}.ro-head{gap:10px;padding-bottom:8px}.ro-back{width:34px;height:34px;font-size:20px}.ro-title small{display:none}.ro-title h2{margin:0;font-size:20px}.ro-list{gap:6px}.ro-slot{border-radius:11px;gap:10px;padding:6px 10px 6px 7px}.ro-crest{width:36px;height:36px}.ro-who b{font-size:14px}.ro-who small{font-size:10.5px}.ro-keys,.ro-note{display:none}.ro-card{bottom:calc(10px + var(--sab));width:min(320px,38vw);padding:14px 16px 10px}.rc-crest,.rc-seal{width:46px;height:46px}.rc-name h3{font-size:21px}.rc-lv{margin-top:10px}.rc-stats{grid-template-columns:repeat(3,1fr);margin-top:10px}.rc-stats div{padding:6px 8px}.rc-stats dd{font-size:12px}.rc-made{display:none}.rc-actions{margin-top:10px}.rc-go{padding:10px;font-size:15px}.rc-empty p{display:none}}.p-heroes,.p-hangul{width:min(760px,96vw);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.hg-seal{color:#fff3e0;width:40px;height:40px;font:800 13px var(--display);letter-spacing:-.02em;background:radial-gradient(circle at 35% 30%,#e05a4a,#a3281e);border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 2px #ffdcc873,0 2px 6px #00000059}.hg-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hg-mode{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;font-family:var(--font);background:linear-gradient(#3c2c1499,#14100ab3);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.hg-mode span{font-size:34px}.hg-mode b{font-size:16px}.hg-mode small{color:var(--muted);font-size:12px}.hg-mode:hover{border-color:var(--gold)}.hg-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.hg-p{text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.hg-p b{font-size:12.5px}.hg-p small{color:var(--muted);font-size:11px}.hg-p.unmet{opacity:.5}.hg-cards{perspective:900px;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hg-card{appearance:none;cursor:pointer;height:104px;transform-style:preserve-3d;background:0 0;border:none;padding:0;transition:transform .45s;position:relative}.hg-card.open{transform:rotateY(180deg)}.hg-back,.hg-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.hg-back{background:linear-gradient(135deg,#3a2a50,#1e1a30);border:1px solid #f3cf7a66;font-size:30px}.hg-face{color:#3a2a12;background:#fbf4e4;border:2px solid #e3c68c;padding:4px;transform:rotateY(180deg)}.hg-face b{font-size:14px}.hg-face small{color:#8a6a3a;text-align:center;font-size:10.5px;line-height:1.25}.hg-face.what{background:#eaf4ff;border-color:#9fc8f0}.hg-ic{font-size:34px;line-height:1.1}.hg-card.done .hg-face{box-shadow:0 0 0 3px #6ad37acc}.hg-q{color:#3a2a12;background:#fbf4e4;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hg-q>div{flex:1}.hg-q p{margin:4px 0 0;font-size:15px}.hg-opts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hg-opt{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;text-align:left;font-family:var(--font);background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hg-opt b{font-size:15px}.hg-opt small{color:var(--muted);margin-left:auto;font-size:11.5px}.hg-opt.wrong{opacity:.4;text-decoration:line-through}.hg-end{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.hg-end>span{font-size:54px}.hg-end b{font-size:17px}.hg-end .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:560px){.hg-cards{grid-template-columns:repeat(3,1fr)}.hg-opts{grid-template-columns:1fr}}.hs-sets{flex-wrap:wrap;gap:6px;display:flex}.hs-info{color:#3a2a12;background:#fbf4e4;border-radius:14px;align-items:center;gap:14px;min-height:96px;padding:12px 14px;display:flex;position:relative}.hs-info>div:nth-child(2){flex:1}.hs-info p{margin:4px 0 0;font-size:14px}.hs-info .say-btn{position:absolute;top:10px;right:10px}.hs-big{color:#2a5ab8;text-align:center;min-width:80px;font:900 64px/1 Noto Sans KR,Malgun Gothic,sans-serif}.hs-big.pic{font-size:56px}.hs-ex{color:#8a5a2a}.hs-word{letter-spacing:.1em;font-size:26px}.hs-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.hs-grid .hs-mix{display:contents}.hs-l,.hs-w,.hs-opt,.hs-wpick button,.hs-pick button{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:"Noto Sans KR", "Malgun Gothic", var(--font);background:#ffffff0f;border-radius:12px}.hs-l{flex-direction:column;align-items:center;padding:6px 2px;font-size:26px;font-weight:800;display:flex}.hs-l small{color:var(--muted);font-size:10.5px;font-weight:500}.hs-l.on,.hs-w.on,.hs-wpick button.on,.hs-pick button.on{border-color:var(--gold);background:#f3cf7a29}.hs-w{flex-direction:column;align-items:center;padding:6px 2px;font-size:15px;font-weight:700;display:flex}.hs-w span{font-size:24px}.hs-pick{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.hs-pick button{color:#3a2a12;background:#fff;border-color:#e3c68c;width:32px;height:32px;font-size:16px;font-weight:800}.hs-ask{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hs-opts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hs-opt{padding:16px 4px;font-size:32px;font-weight:900}.hs-opt:hover,.hs-l:hover,.hs-w:hover{border-color:var(--gold)}.hs-msg{text-align:center;min-height:20px;margin:0;font-size:14px}.hs-speak{color:#3a2a12;background:#fbf4e4;border-radius:14px;justify-content:center;align-items:center;gap:14px;padding:14px;display:flex}.hs-pic{font-size:54px}.hs-wpick{flex-wrap:wrap;gap:4px;display:flex}.hs-wpick button{width:34px;height:34px;font-size:17px;font-weight:800}.hs-canvas{justify-content:center;display:flex}.hs-canvas canvas{aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:14px;width:min(300px,70vw);height:auto;box-shadow:0 4px #e3c68c}@media (max-width:560px){.hs-opts{grid-template-columns:repeat(2,1fr)}}.ore-boost{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;font-size:12.5px;display:flex}.ore-boost button{appearance:none;border:1px solid var(--line2);color:var(--text);font:600 12px var(--font);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:5px 11px}.ore-boost button.on{border-color:var(--gold);background:#f3cf7a29}.ore-boost button:disabled{opacity:.4;cursor:default}.pstage{z-index:10;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pstage:empty{display:none}.ui .pstage>.panel{flex:none;max-width:100%;max-height:100%;animation:.22s cubic-bezier(.2,.9,.3,1.15) both pcenter;position:relative;inset:auto;transform:none}.ui .pstage>.p-inventory{order:2}@keyframes pcenter{0%{opacity:0;transform:translateY(10px)scale(.95)}}@media (max-width:720px){.pstage{padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal));flex-direction:column;gap:8px}.ui .pstage>.panel{flex:0 auto;min-height:0}.ui .pstage.two>.panel{max-height:calc(50% - 4px)}}.life-panel:has(.fish-box){top:auto;bottom:calc(100px + var(--sab));transform:translate(-50%)}body.touch .life-panel:has(.fish-box){bottom:calc(300px + var(--sab))}.mbtn em,.mbtn.more,.mbtn .mc{display:none}@media (max-width:600px),(max-height:500px){.menu-btns{flex-wrap:nowrap;gap:6px;max-width:none}.menu-btns:not(.open)>.mbtn:not(.main):not(.more){display:none}.mbtn{border-radius:11px;width:38px;height:38px;font-size:18px}.mbtn.more{background:#282214e6;border-color:#f3cf7a99;display:grid}.mbtn kbd{display:none}.menu-btns.open{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,72px);gap:10px;max-height:calc(100% - 24px);padding:42px 14px 14px;animation:.22s cubic-bezier(.2,.9,.3,1.15) both trayin;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #04060c8c,0 24px 70px #0009}@keyframes trayin{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)}}.menu-btns.open:before{content:"모든 메뉴";text-align:center;color:var(--gold);font-size:15px;font-weight:900;position:absolute;top:13px;left:0;right:0}.menu-btns.open .mbtn{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:66px;font-size:26px;display:flex}.menu-btns.open .mbtn em{color:var(--text);font-size:12px;font-style:normal;font-weight:800;display:block}.menu-btns.open .mbtn.more{order:99}.menu-btns.open .mbtn .mo,.menu-btns:not(.open) .mbtn.more em{display:none}.menu-btns.open .mbtn .mc{display:block}.who{align-items:center;gap:5px;min-width:0}.who .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.who .cl{white-space:nowrap;flex:none}.voice-tog{flex:none;justify-content:center;width:34px;height:30px;margin-left:auto;padding:0;font-size:15px}.voice-tog span{display:none}}@media (max-width:600px){.hud-frame{left:calc(8px + var(--sal));top:calc(8px + var(--sat));gap:8px}.portrait{width:44px;height:44px;font-size:22px}.portrait .lv{min-width:22px;height:19px;font-size:11px;bottom:-5px;right:-5px}.bars{width:min(172px, calc(100vw - 196px - var(--sal) - var(--sar)));gap:4px;padding-top:0}.who .nm{font-size:13.5px}.hud-map{right:calc(8px + var(--sar));top:calc(8px + var(--sat));align-items:flex-end;gap:4px}.mm-info{width:96px}.mm-wrap{width:96px;height:96px}.mm-wrap canvas{width:96px!important;height:96px!important}.mm-info .zone{font-size:12px}.tracker{top:calc(210px + var(--sat));right:calc(8px + var(--sar));width:min(170px,44vw)}.toasts{top:calc(112px + var(--sat));width:calc(100vw - 24px)}.menu-btns.open{grid-template-columns:repeat(4,66px);gap:8px}.menu-btns.open .mbtn{width:66px}}@media (max-width:360px){.who .cl{display:none}.menu-btns.open{grid-template-columns:repeat(3,70px)}}@media (max-height:500px){.hud-frame{left:calc(8px + var(--sal));top:calc(6px + var(--sat));gap:8px}.portrait{width:40px;height:40px;font-size:20px}.portrait .lv{min-width:20px;height:18px;font-size:10.5px;bottom:-5px;right:-5px}.bars{gap:3px;width:176px;padding-top:0}.who .nm{font-size:13px}.hud-map{right:calc(8px + var(--sar));top:calc(12px + var(--sat));grid-template-columns:auto auto;grid-template-areas:"btns map""gold map"".info";place-items:start end;gap:4px 8px;display:grid}.mm-wrap{grid-area:map;width:84px;height:84px}.mm-wrap canvas{width:84px!important;height:84px!important}.mm-info{grid-area:info;justify-self:center}.mm-info .zone{font-size:11.5px}.mm-info .clock{display:none}.menu-btns{grid-area:btns}.gold-box{grid-area:gold;padding:2px 8px;font-size:12px}.menu-btns.open{grid-template-columns:repeat(7,64px);gap:8px;padding-top:38px}.menu-btns.open .mbtn{width:64px;height:58px;font-size:23px}.tracker{left:calc(8px + var(--sal));right:auto;top:calc(86px + var(--sat));gap:4px;width:212px;display:flex}.tracker .tq:nth-of-type(n+4){display:none}.chat-bar,body.touch .chat-bar{left:calc(240px + var(--sal));top:calc(8px + var(--sat));bottom:auto}.cb-open,.cb-talk{width:40px;height:40px;font-size:19px}.cb-pop{top:50px;bottom:auto}body.touch .prompt{bottom:calc(12px + var(--sab))}.tpad{--tps:.8}.toasts{top:calc(54px + var(--sat))}.zone-banner{top:24%}.dialog{bottom:calc(8px + var(--sab));max-height:calc(100% - 16px);padding:12px 16px;overflow:auto}}@media (min-width:768px) and (min-height:600px){body.touch .tpad{--tps:1.08}body.touch .stick{width:136px;height:136px;margin:-68px 0 0 -68px}}body.touch .panel .x{width:36px;height:36px;font-size:18px}body.touch .panel .btn.small{min-height:34px}body.touch .say-btn{width:34px;height:34px;line-height:34px}body.touch .tracker .say-btn{width:30px;height:30px;line-height:30px}.ui .pstage.two>.panel{flex:0 auto;min-width:min(280px,100%)}@media (min-width:601px) and (max-width:900px) and (min-height:501px){.tracker{top:calc(286px + var(--sat))}}body.touch .voice-tog{min-height:30px}@media (max-height:500px){.learn{padding:max(6px, var(--sat)) max(10px, var(--sar)) max(6px, var(--sab)) max(10px, var(--sal))}.lc{border-radius:18px;gap:6px;width:min(780px,100%);padding:10px 18px}.lc h2{font-size:clamp(20px,6vh,26px)}.lc p{font-size:15px;line-height:1.45}.lc .btn.primary{padding:10px 24px;font-size:17px}.l-top{font-size:12px}.l-prompt{gap:8px;font-size:17px}.l-say{width:40px;height:40px;font-size:20px}.l-stage{gap:4px;min-height:0}.l-pile{gap:6px;font-size:min(clamp(40px,7vw,58px),10vh)}.l-eq{gap:8px;font-size:min(clamp(34px,5.5vw,46px),9vh)}.l-eq>b{font-size:min(clamp(34px,5vw,44px),9vh)}.l-grp{padding:4px 8px}.l-grid{font-size:min(clamp(30px,5vw,40px),8vh)}.l-num.big{font-size:min(clamp(40px,8vw,64px),12vh)}.l-big{font-size:44px}.l-pic{font-size:min(clamp(56px,10vw,80px),14vh)}.l-answers{gap:10px}.l-choice{border-radius:18px;min-width:70px;min-height:62px;padding:6px 12px;font-size:min(clamp(32px,6vw,46px),9vh)}.l-choice.pic span{font-size:min(clamp(50px,9vw,70px),11vh)}.l-choice.wide{min-height:52px;font-size:24px}.l-listen{width:76px;height:76px;font-size:32px}.l-word{padding:9px 14px}.l-built{min-height:44px}.l-msg{min-height:20px;font-size:16px}}body.talking .mobile .tpad{display:none}@media (max-width:640px){.actionbar{transform-origin:50% 100%;transform:translate(-50%)scale(.75)}}@media (max-width:480px){.actionbar{transform:translate(-50%)scale(.58)}}@media (max-aspect-ratio:1){.cine.on .cb{height:5vh}.cine-skip{top:calc(5vh + 12px + var(--sat))}.cine-sub{bottom:calc(6vh + var(--sab))}}body.touch :is(.seg,.mw-tabs,.m-tabs,.ore-boost,.jr-units) button{min-height:36px}body.touch .pstage .btn{min-height:34px}body.touch .lp-x{width:38px;height:38px;font-size:20px;top:2px;right:4px}body.touch .bp-col{width:30px;height:30px}body:has(.build-pal:not(.hidden)) .chat-bar{visibility:hidden}body.touch .chips button{min-height:34px}body.touch .sw-row .swatch{width:32px;height:32px}body.touch .build-pal .btn{min-height:36px}@media (max-height:500px){body.touch .build-pal{bottom:calc(6px + var(--sab));width:min(700px,100vw - 16px);padding:6px 10px}body:has(.build-pal:not(.hidden)) .mobile .tpad{display:none}}.p-enchant{width:min(700px,96vw)}.ench{flex-direction:column;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow:auto}.ench .hint{color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}.en-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.en-list{flex-direction:column;gap:6px;max-height:430px;padding-right:2px;display:flex;overflow:auto}.en-row{appearance:none;border:1px solid var(--line2);color:var(--text);text-align:left;cursor:pointer;font:inherit;background:#ffffff09;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.en-row:hover{border-color:#f3cf7a73}.en-row.on{border-color:var(--gold);background:#f3cf7a1a}.en-row .cell{flex:none;width:42px;height:42px}.en-row .cell .ic{font-size:20px}.en-n{flex-direction:column;gap:2px;min-width:0;display:flex}.en-n b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.en-n small{color:var(--muted);font-size:11px}.en-el{margin-left:6px;font-style:normal;font-weight:800}.en-detail{flex-direction:column;gap:8px;min-width:0;display:flex}.en-big{border:1px solid var(--line);background:radial-gradient(at 20%,#f3cf7a1f,#0a0c1466 70%);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.en-big .cell{flex:none;width:64px;height:64px}.en-big .cell .ic{font-size:32px}.en-big>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.en-big b{font-size:15px}.en-big small{color:var(--muted);font-size:11.5px;line-height:1.45}.en-big.charging .cell{animation:.9s ease-in both enCharge}.en-big.res-up .cell,.en-big.res-kept .cell{animation:.9s ease-out both enFlash}@keyframes enCharge{0%{transform:none;box-shadow:0 0 #ffd27800}55%{transform:scale(1.06)rotate(-3deg);box-shadow:0 0 22px 8px #ffd27899}75%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1.12);box-shadow:0 0 36px 16px #fff4d2f2}}@keyframes enFlash{0%{box-shadow:0 0 40px 18px #ffe08ce6}to{box-shadow:0 0 #ffe08c00}}.en-steps{gap:3px;display:flex}.en-steps i{background:#ffffff14;border-radius:3px;flex:1;height:8px}.en-steps i.safe{box-shadow:inset 0 0 0 1px #f3cf7a8c}.en-steps i.got{background:linear-gradient(90deg,#f6d27e,#c98a2c)}.en-next{color:#cfe6ff;font-size:12px;line-height:1.45}.en-odds{background:#00000047;border-radius:10px;justify-content:space-between;align-items:baseline;padding:6px 12px;display:flex}.en-odds span{color:var(--muted);font-size:12px}.en-odds b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.en-odds b.sure{color:#7dffb0}.en-odds b.mid{color:#ffd27a}.en-odds b.low{color:#ff7a6a}.en-risk{border-radius:8px;margin:0;padding:6px 10px;font-size:12.5px;line-height:1.45}.en-risk.ok{color:#a8f0b4;background:#6ad37a1f}.en-risk.bad{color:#ffb3a8;background:#e5484d29;font-weight:800}.en-risk.guard{color:#c6d6ff;background:#78a0ff1f}.en-risk.max{color:#ffe2a0;background:#f3cf7a24}.en-pick,.en-elems{grid-template-columns:1fr 1fr;gap:6px;display:grid}.en-sc{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font:inherit;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:20px;display:flex}.en-sc span{text-align:center;font-size:11.5px;font-weight:700}.en-sc em{color:var(--muted);font-size:11px;font-style:normal}.en-sc.on{border-color:var(--gold);background:#f3cf7a1f}.en-elems .en-sc.on{border-color:var(--ec);box-shadow:inset 0 0 0 1px var(--ec)}.en-sc:disabled{opacity:.45;cursor:default}.en-protect{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.en-protect input{accent-color:#7aa8ff;width:18px;height:18px}.en-protect em{color:var(--muted);font-size:12px;font-style:normal}.en-go{margin-top:2px}.en-last{text-align:center;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5;animation:.25s ease-out both pin}.en-last small{color:var(--muted)}.en-last.up{color:#ffe7b0;background:#ffd27829}.en-last.gone{color:#ffb3a8;background:#e5484d33}.en-last.kept,.en-last.down,.en-last.same{color:var(--text);background:#ffffff0f}@media (max-width:640px){.en-body{grid-template-columns:1fr}.en-list{max-height:190px}}@media (max-height:500px){.en-list{max-height:none}}body.touch .en-sc,body.touch .en-row{min-height:44px}.fsh{left:50%;bottom:calc(18px + var(--sab));z-index:15;pointer-events:auto;background:linear-gradient(#0e1e30f0,#08101cf2);border:1px solid #78c8ff59;border-radius:18px;flex-direction:column;gap:9px;width:min(460px,100vw - 20px);padding:12px 14px;animation:.2s ease-out both pin;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 18px 50px #0000008c}.fsh-top{align-items:center;gap:8px;display:flex}.fsh-msg{color:#e8f6ff;flex:1;min-width:0;font-size:14.5px;line-height:1.4}.fsh-rod{color:#9fd0ff;flex:none;font-size:11.5px}.fsh-x{appearance:none;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:9px;width:30px;height:30px}.fsh-power,.fsh-fight,.fsh-card{display:none}.fsh[data-ph=aim] .fsh-power{display:block}.fsh[data-ph=fight] .fsh-fight{display:flex}.fsh[data-ph=done] .fsh-card{display:block}.fsh-power{background:linear-gradient(90deg,#78c8ff26,#78c8ff59);border-radius:9px;height:18px;position:relative;overflow:hidden}.fsh-power i{background:linear-gradient(90deg,#6fd3ff,#ffd27a);border-radius:9px;width:0;position:absolute;top:0;bottom:0;left:0}.fsh-power span{color:#ffffffb3;font-size:10.5px;position:absolute;top:1px}.fsh-power span:first-of-type{left:8px}.fsh-power span:last-of-type{right:8px}.fsh-fight{flex-direction:column;gap:7px}.fsh-ten{background:linear-gradient(90deg,#3f6a8a 0% 30%,#3e8a5a 30% 80%,#b8463a 92%);border-radius:10px;height:20px;position:relative;overflow:hidden}.fsh-ten .zone{background:#6ad37a8c;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 2px #b4ffbeb3}.fsh-ten .needle{background:#fff;border-radius:3px;width:5px;margin-left:-2px;transition:left 50ms linear;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 8px #fff}.fsh-ten span{color:#fffc;font-size:10.5px;position:absolute;top:2px;right:8px}.fsh.danger .fsh-ten{animation:.3s infinite lshake}.fsh.danger .fsh-ten .needle{background:#ff6a5a;box-shadow:0 0 10px #ff6a5a}.fsh-prog{background:#ffffff14;border-radius:13px;height:26px;position:relative}.fsh-prog .fill{background:linear-gradient(90deg,#6fd3ff40,#6fd3ff8c);border-radius:13px;position:absolute;top:0;bottom:0;left:0}.fsh-prog .fishy{font-size:22px;transition:left 80ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.fsh.running .fsh-prog .fishy{animation:.25s infinite lshake}.fsh-prog span{font-size:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.fsh-catch{border:1px solid var(--rc);box-shadow:0 0 18px color-mix(in srgb, var(--rc) 35%, transparent);background:#ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;animation:.45s ease-out both pop;display:flex}.fsh-catch .ic{font-size:38px}.fsh-catch b{color:var(--rc);font-size:16px;display:block}.fsh-catch small{color:#cfe6ff;font-size:12.5px}.fsh-catch em{color:#ffe08a;font-style:normal;font-weight:800}.fsh-act{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;min-height:50px;font-size:17px}.fsh[data-ph=bite] .fsh-act{background:linear-gradient(#ffd27a,#f08a2c);animation:.5s ease-in-out infinite hint}.fsh[data-ph=fly] .fsh-act{opacity:.6}body.fishing .mobile .tpad,body.fishing .boat-bar{display:none}body.touch .fsh{bottom:calc(14px + var(--sab))}@media (max-height:500px){.fsh{gap:6px;width:min(520px,100vw - 260px);padding:8px 12px}.fsh-act{min-height:42px}}@media (max-height:500px) and (max-width:760px){.fsh{width:calc(100vw - 20px)}}.boat-bar{left:50%;bottom:calc(18px + var(--sab));z-index:14;pointer-events:auto;background:#0a1624e0;border:1px solid #78c8ff59;border-radius:16px;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:8px 10px;display:flex;position:absolute;transform:translate(-50%)}.boat-bar .bb-name{color:#d8f0ff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.boat-bar .bb-name b{color:#ffe08a}.boat-bar .btn{white-space:nowrap;min-height:38px}body.touch .boat-bar{bottom:auto;top:calc(66px + var(--sat))}@media (max-height:500px){body.touch .boat-bar{top:calc(8px + var(--sat))}}@media (max-width:600px){body.touch .boat-bar{top:calc(214px + var(--sat));flex-wrap:wrap;max-width:60vw;left:8px;transform:none}}.p-travel{width:min(440px,96vw)}.trv{flex-direction:column;gap:8px;padding:12px 16px;display:flex;overflow:auto}.trv .hint{color:var(--muted);margin:0;font-size:12px}.trv-row{border:1px solid var(--line2);background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.trv-row .ic{font-size:28px}.trv-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trv-row b{font-size:15px}.trv-row small{color:var(--muted);font-size:11.5px;line-height:1.4}.trv-row.here{border-color:var(--gold)}.trv-row.off{opacity:.55}.travel-fade{z-index:70;pointer-events:none;opacity:0;background:radial-gradient(circle,#c8f0fff2,#285aa0fa);transition:opacity .45s;position:fixed;inset:0}.travel-fade.on{opacity:1}.p-tackle{width:min(560px,96vw)}.tackle{flex-direction:column;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow:auto}.tk-list{flex-direction:column;gap:7px;display:flex}.tk-list .hint{color:var(--muted);margin:0;font-size:12px}.tk-row{border:1px solid var(--line2);background:#ffffff09;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 10px;display:flex}.tk-row.cur{border-color:var(--gold);background:#f3cf7a14}.tk-row .ic{flex:none;font-size:28px}.tk-info{flex-direction:column;flex:180px;gap:2px;min-width:0;display:flex}.tk-info b{font-size:14px}.tk-info small{color:var(--muted);font-size:11.5px;line-height:1.4}.tk-cost{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px;display:flex}.tk-cost b{color:#ffe2a0}.tk-cost .ok{color:#a8f0b4}.tk-cost .no{color:#ff9a8a}.tk-cur,.tk-had,.tk-lock{font-size:12px;font-style:normal}.tk-cur{color:#ffe08a;font-weight:800}.tk-had,.tk-lock{color:var(--muted)}.tk-book{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.tk-fish{border:1px solid color-mix(in srgb, var(--rc,#888) 55%, transparent);text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex}.tk-fish .ic{font-size:26px}.tk-fish b{font-size:12.5px}.tk-fish small{color:var(--muted);font-size:11px}.tk-fish em{color:var(--rc);font-size:10.5px;font-style:normal}.tk-fish.unknown{opacity:.55}body.touch .tk-tabs button{min-height:36px}body.boating .actionbar,body.boating .mobile .tpad{display:none}.p-bgame{width:min(560px,96vw)}.bgame{flex-direction:column;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow:auto}.bg-menu{flex-direction:column;gap:8px;display:flex}.bg-menu h5{align-items:baseline;gap:8px;margin:4px 0 0;display:flex}.bg-menu h5 small{color:var(--muted);font-size:11px;font-weight:400}.bg-hero{border:1px solid #d9a4418c;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #fff0c82e,0 8px 24px #00000059}.bg-hero.chess{background:linear-gradient(135deg,#3e2412,#6b4224 55%,#3e2412)}.bg-hero.go{background:linear-gradient(135deg,#b7803a,#e3b066 55%,#c58d44)}.bg-hero>span{border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:34px;line-height:1;display:grid}.bg-hero.chess>span{color:#2a1a0a;background:radial-gradient(circle at 35% 30%,#fffaf0,#d8c49a);box-shadow:0 0 0 2px #d9a441,0 6px 14px #00000073}.bg-hero.go>span{color:#0000;background:radial-gradient(circle at 35% 30%,#77777f,#1b1b1f 60%,#000);box-shadow:0 6px 14px #00000073}.bg-hero b{color:#fff3d6;letter-spacing:.06em;font-size:18px;display:block}.bg-hero.go b{color:#2a1a08}.bg-hero small{color:#f0dfbf;margin-top:2px;font-size:12px;line-height:1.5;display:block}.bg-hero.go small{color:#3e2a10}.bg-size button{flex:1}.bg-levels{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.bg-levels .btn{flex-direction:column;gap:2px;padding:10px 6px;font-size:14px;display:flex}.bg-levels .btn small{opacity:.85;font-size:11px;font-weight:600}.bg-friend{color:var(--muted);margin:0;font-size:12.5px}.bg-friend b{color:var(--text)}.bg-play{flex-direction:column;align-items:center;gap:8px;display:flex}.bg-plate{border:1px solid var(--line2);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;width:min(440px,100%);min-height:36px;padding:6px 10px;font-size:13px;display:flex}.bg-plate.turn{border-color:#d9a441cc;box-shadow:0 0 0 1px #d9a44159,0 0 16px #d9a4412e}.bg-plate b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bg-plate>span{color:var(--muted);flex:none;font-size:12px}.bg-plate em{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1px;margin-left:auto;font-size:12px;font-style:normal;display:flex}.bg-plate em small{color:#ffe08a;margin-left:4px}.bg-plate .cap{letter-spacing:-2px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:14px}.bg-plate .cap.w{color:#f6ead0;text-shadow:0 0 1px #000}.bg-plate .cap.b{color:#1b1b1f;text-shadow:0 0 1px #c9b27a}.bg-plate .dot{border-radius:50%;flex:none;width:14px;height:14px}.dot.chess-0,.dot.go-1{background:radial-gradient(circle at 35% 30%,#fff,#d8d0bc);box-shadow:0 0 0 1px #8a7a5a}.dot.chess-1,.dot.go-0{background:radial-gradient(circle at 35% 30%,#7a7a82,#000);box-shadow:0 0 0 1px #c9b27a}.bg-status{text-align:center;min-height:22px;font-size:14px}.bg-res.win{color:#ffe08a}.bg-res.lose{color:#ff9a8a}.bg-res.draw{color:#cfe6ff}.bg-status span{color:var(--muted);font-size:12.5px}.bg-check{color:#ff7a6a}.bg-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lux-chess{--bs:min(400px, calc(100vw - 72px), calc(100vh - 300px));background:linear-gradient(135deg,#2e180a,#5e3a20 30%,#3e2412 60%,#6b4224);border-radius:10px;padding:10px;box-shadow:0 14px 34px #0000008c,inset 0 1px #ffdca040,inset 0 -2px 6px #00000080}.lc-in{padding:0 0 16px 16px;position:relative}.bg-chess{width:var(--bs);aspect-ratio:1;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;box-shadow:0 0 0 2px #d9a441,0 0 0 4px #2e180a,0 0 0 5px #d9a44199}.lc-files{grid-template-columns:repeat(8,1fr);height:16px;display:grid;position:absolute;bottom:0;left:16px;right:0}.lc-ranks{grid-template-rows:repeat(8,1fr);width:16px;display:grid;position:absolute;top:0;bottom:16px;left:0}.lc-files i,.lc-ranks i{color:#e8c88a;font-size:10.5px;font-style:normal;font-weight:700;font-family:var(--latin);place-items:center;display:grid}.bg-sq{appearance:none;cursor:pointer;border:none;place-items:center;min-width:0;min-height:0;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.bg-sq.l{background:linear-gradient(135deg,#f6e2bc,#e6cb98)}.bg-sq.d{background:linear-gradient(135deg,#8a5532,#6a3e20)}.bg-sq.last:before{content:"";background:#ffd65c59;position:absolute;inset:0}.bg-sq.pick:before{content:"";background:#ffd65c73;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ffd65c}.bg-sq.to:after{content:"";background:radial-gradient(circle,#ffe696f2,#d9a441b3);border-radius:50%;width:26%;height:26%;box-shadow:0 0 6px #ffd65ccc}.bg-sq.cap:after{content:"";border-radius:50%;position:absolute;inset:6%;box-shadow:inset 0 0 0 3px #ffd65ce6}.bg-sq.chk:before{content:"";background:radial-gradient(circle,#ff4632d9,#ff463200 70%);position:absolute;inset:0}.bg-sq .pc{font-size:calc(var(--bs) / 8 * .78);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;line-height:1;transition:transform .12s;position:relative}.bg-sq .pc.w{-webkit-text-stroke:.7px #6a5028;filter:drop-shadow(0 2px 1.5px #0000008c);background-image:linear-gradient(#fffdf6 15%,#efe0bd 55%,#c9b07c)}.bg-sq .pc.b{-webkit-text-stroke:.7px #d9b46a;filter:drop-shadow(0 2px 1.5px #0009);background-image:linear-gradient(#55555e 5%,#1c1c21 40%,#000)}.bg-sq.pick .pc{transform:translateY(-2px)scale(1.08)}.bg-go{aspect-ratio:1;cursor:pointer;touch-action:manipulation;border-radius:6px;width:min(440px,100vw - 56px,100vh - 280px);box-shadow:0 0 0 3px #8a5a2a,0 4px 0 2px #6b4220,0 16px 34px #0000008c}.bg-go .grain path{fill:none;stroke:#a8722e;stroke-width:.6px;opacity:.18}.bg-go .grid line{stroke:#2b1a08;stroke-width:var(--lw)}.bg-go .star{fill:#2b1a08}.bg-go .coords text{font:700 4.4px var(--latin), sans-serif;fill:#5a3a14;text-anchor:middle;opacity:.85}.bg-go .st{filter:url(#stoneShadow)}.bg-go .st.b{fill:url(#stoneB)}.bg-go .st.w{fill:url(#stoneW)}.bg-go .clam{fill:none;stroke:#b9b2a0;stroke-width:.25px;opacity:.55;pointer-events:none}.bg-go .last{fill:none;stroke-width:.9px}.bg-go .last.b{stroke:#f2e3b8}.bg-go .last.w{stroke:#8a2a1a}.bg-go .ter.b{fill:#111;opacity:.75}.bg-go .ter.w{fill:#fff;opacity:.9}.bg-go .ghost{pointer-events:none;opacity:.45}.bg-go .ghost.b{fill:#111}.bg-go .ghost.w{fill:#fff}body.touch .bg-btns .btn,body.touch .bg-levels .btn,body.touch .bg-size button{min-height:40px}@media (max-height:500px){.lux-chess{--bs:min(300px, calc(100vh - 120px))}.bg-go{width:min(320px,100vh - 90px)}.bg-play{flex-flow:wrap;justify-content:center}.bg-plate{flex:200px;width:auto}}.dialog .dprog{color:var(--gold);font-family:var(--latin);vertical-align:1px;background:#f3cf7a24;border:1px solid #f3cf7a59;border-radius:999px;margin-left:6px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.blocked-note,.rename-note{z-index:100;position:fixed}.rn-box{gap:10px;display:grid}.rn-box p{margin:0}.rn-row{gap:8px;display:flex}.rn-row input{border:1px solid var(--line);min-width:0;color:inherit;font:inherit;background:#0000004d;border-radius:10px;flex:1;padding:10px 12px;font-size:16px}.rn-dice{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;width:44px;font-size:20px}.rn-err{color:#ff9f8a;min-height:18px;font-size:13px}.rn-ideas,.cr-ideas{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.rn-ideas:empty,.cr-ideas:empty{display:none}.rn-ideas button,.cr-ideas button{color:#f3cf7a;font:inherit;cursor:pointer;background:#f3cf7a1a;border:1px solid #f3cf7a80;border-radius:999px;padding:6px 12px;font-size:13px}.rn-ideas button:hover,.cr-ideas button:hover{background:#f3cf7a38}.cr-ideas{justify-content:flex-start;margin:-2px 0 8px}.cr-ideas small{color:var(--muted);margin-right:2px;font-size:12px}.cr-dice.busy{animation:.5s linear infinite cr-roll}@keyframes cr-roll{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.p-art{width:min(900px,96vw)}.art{--paper-bg:#fffaf0;--ink:#3b2f2a;--spark:#ffb43a;flex-direction:column;gap:12px;min-height:0;padding:12px 16px 16px;display:flex;overflow:auto}.ar-tabs{align-self:flex-start}.ar-tabs button{padding:8px 14px;font-size:13.5px}.ar-lead{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 10px;font-size:13.5px;display:flex}.ar-lead em{color:var(--gold);border:1px solid #f3cf7a59;border-radius:999px;padding:1px 9px;font-size:12px;font-style:normal;font-weight:800}.ar-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}.ar-card{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:var(--font);background:linear-gradient(#fffaf012,#fffaf005);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px 9px;transition:transform .12s,border-color .15s,background .15s;display:flex;position:relative}.ar-card:hover{border-color:var(--line);background:linear-gradient(#fffaf01f,#fffaf00a);transform:translateY(-2px)}.ar-card>b{font-size:13.5px;font-weight:800}.ar-th{aspect-ratio:1;background:var(--paper-bg);border-radius:10px;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f,0 2px 8px #00000040}.ar-th svg{width:84%;height:84%}.ar-card.free .ar-th{background:radial-gradient(circle at 30% 30%,#fff6dc,#ffe1f0 55%,#dff1ff)}.ar-card.free .ar-th b{font-size:44px}.ar-lv{color:#ffc94d;letter-spacing:1px;font-size:11px}.ar-ok{color:#10301a;background:#7ee0a6;border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0000004d}.ar-card.got{border-color:#7ee0a659}.ar-empty{color:var(--muted);text-align:center;padding:28px 8px;font-size:14px}.ar-wall{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px;padding:4px 2px 8px;display:grid}.ar-frame{appearance:none;cursor:pointer;transform:rotate(var(--tilt,-1deg));background:linear-gradient(135deg,#7a4f2a,#4e301a);border:none;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 6px;transition:transform .15s;display:flex;box-shadow:0 6px 16px #00000073,inset 0 0 0 2px #ffd79640}.ar-frame:nth-child(2n){--tilt:1.2deg}.ar-frame:nth-child(3n){--tilt:-.4deg}.ar-frame:hover{transform:rotate(0)scale(1.03)}.ar-frame img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;box-shadow:inset 0 0 0 1px #0003}.ar-frame small{color:#ffe2b0;font-size:11px;font-weight:700}.ar-view{flex-direction:column;align-items:center;gap:12px;display:flex}.ar-view img{aspect-ratio:1;border:10px solid #6a4224;border-radius:6px;width:min(380px,100%);box-shadow:0 10px 30px #00000080}.ar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ar-row.end{margin-top:auto;padding-top:4px}.ar-row .btn{flex:auto}.ar-row .btn.ghost{flex:none}.btn.warn{color:#fff;background:linear-gradient(#d4573f,#9c2f22);border-color:#ff9a80}.btn.glow{animation:1.4s ease-in-out infinite arGlow}@keyframes arGlow{50%{box-shadow:0 0 0 4px #ffd27859,0 0 18px #ffbe508c}}.ar-work{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.ar-stagebox{place-items:center;min-width:0;display:grid;position:relative}.ar-stage{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:radial-gradient(120% 90% at 50% 0,#fffdf6,#f6eedd);border-radius:16px;width:min(100%,64vh,560px);height:auto;display:block;box-shadow:0 14px 36px #00000073,inset 0 0 0 1px #785a322e}.ar-stage.fold{cursor:grab;background:radial-gradient(120% 90% at 50% 0,#f9f1e2,#e9dcc4)}.ar-paper{fill:var(--paper-bg);stroke:#9678501f;stroke-width:.4px}.ar-fills path{stroke:none;transition:fill .2s}.ar-fills path.pop{animation:.35s ease-out arFill}@keyframes arFill{0%{opacity:.35}}.ar-ink path{fill:none;stroke:var(--ink);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.ar-ink .ar-demo{stroke:#2a5bd7;stroke-width:1.6px}.ar-kid polyline{fill:none;stroke:#4a3a6a;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.ar-free polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.ar-gpath{fill:none;stroke:#78648c52;stroke-width:1px;stroke-dasharray:1.4 2.2;stroke-linecap:round}.ar-dots circle{fill:#fff;stroke:#9b86c9;stroke-width:.5px;transition:fill .15s,r .15s}.ar-dots circle.on{fill:var(--spark);stroke:#e08a10;r:1.55}.ar-dots circle.start{fill:#ff5a8a;stroke:#fff;stroke-width:.6px;transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite arStart}@keyframes arStart{50%{transform:scale(1.9)}}.ar-stage.passed .ar-dots circle{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out arPass}@keyframes arPass{40%{transform:scale(2.2)}}.ar-stage.painting{cursor:pointer}.ar-stagebox:has(.ar-done){gap:10px}.ar-done{white-space:nowrap;background:#1e160cd1;border:1px solid #ffd27880;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:9px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) both arPop;display:flex;box-shadow:0 8px 20px #0006}.ar-done b{color:#ffe08a;font-size:18px;font-weight:900}.ar-done span{color:#f4ecd8;font-size:12.5px}@keyframes arPop{0%{opacity:0;transform:scale(.7)}}.ar-side{flex-direction:column;align-self:stretch;gap:12px;min-width:0;display:flex}.ar-title{align-items:center;gap:8px;display:flex}.ar-title span{font-size:28px}.ar-title b{color:#ffe7b0;font-size:19px;font-weight:900}.ar-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ar-steps li{border:1px solid var(--line2);min-width:28px;height:28px;color:var(--muted);border-radius:999px;place-items:center;padding:0 4px;font-size:13px;font-weight:800;display:grid}.ar-steps li.cur{border-color:var(--gold);color:#2a1a05;background:linear-gradient(#f6d27e,#c98a2c);box-shadow:0 0 0 3px #f3cf7a2e}.ar-steps li.ok{color:#7ee0a6;background:#7ee0a61a;border-color:#7ee0a680}.ar-say{background:linear-gradient(#fffaeb1a,#fffaeb0a);border:1px solid #ffe6b42e;border-radius:14px;align-items:flex-start;gap:8px;padding:12px 12px 12px 14px;display:flex}.ar-say p{color:#fff4dc;word-break:keep-all;flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.5}.ar-say p b{color:var(--gold)}.ar-spk{appearance:none;border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:50%;flex:none;width:34px;height:34px;font-size:15px}.ar-meter{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.ar-meter i{border-radius:inherit;background:linear-gradient(90deg,#ffb43a,#ffe08a);width:0;height:100%;transition:width .15s;display:block}.ar-pal{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.ar-pal button{appearance:none;aspect-ratio:1;background:var(--c,#fff);cursor:pointer;border:2px solid #ffffff40;border-radius:50%;padding:0;font-size:15px;transition:transform .1s;box-shadow:inset 0 -3px #0000002e,0 2px 5px #00000059}.ar-pal button.on{border-color:#fff;transform:scale(1.14);box-shadow:0 0 0 3px #f3cf7ab3,0 3px 8px #0006}.ar-pal .eraser{background:#e9e2d4}.ar-sizes button{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.ar-sizes i{background:currentColor;border-radius:50%;display:inline-block}.ar-got{color:#7ee0a6;margin:0;font-size:13px;font-weight:700}.ar-hint{color:var(--gold);font-size:13px;font-weight:700}.ar-prep{aspect-ratio:1;background:radial-gradient(120% 90% at 50% 0,#f9f1e2,#e9dcc4);border-radius:16px;place-items:center;width:min(100%,64vh,560px);display:grid;position:relative;box-shadow:0 14px 36px #00000073}.ar-prep>svg{filter:drop-shadow(0 4px 6px #5032144d);width:78%;height:78%}.ar-goal{background:#ffffffbf;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:30%;padding:6px 6px 4px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #0003}.ar-goal svg{aspect-ratio:1;width:100%}.ar-goal small{color:#5a4630;font-size:11px;font-weight:800}.ar-h{letter-spacing:.2em;color:var(--gold);margin:0;font-size:11.5px;font-weight:900}.ar-papers{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.ar-papers button{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-size:11.5px;font-weight:700;font-family:var(--font);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;display:flex}.ar-papers i{background:var(--c);border-radius:3px;width:30px;height:30px;transform:rotate(-6deg);box-shadow:2px 2px #ffffffd9,0 3px 6px #00000059}.ar-papers button.on{border-color:var(--gold);background:#f3cf7a1f}.ar-tip{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.ar-tip .sw{background:var(--c);border:1px solid #00000040;border-radius:3px;width:14px;height:14px;display:inline-block}.btn.big{padding:12px 16px;font-size:15px}.ar-stage.fold .ar-paperg{filter:drop-shadow(0 1.2px 1.4px #46280a52)}.ar-fline{fill:none;stroke:#2a5bd7;stroke-width:.7px;stroke-dasharray:2.4 1.6;stroke-linecap:round;animation:1.2s linear infinite arDash}@keyframes arDash{to{stroke-dashoffset:-8px}}.ar-arrow{fill:none;stroke:#e8483a;stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:3 1.6;animation:.9s linear infinite arDash}.ar-grab{fill:#e8483a2e;stroke:#e8483a;stroke-width:.6px;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite arStart}.ar-spot{fill:#ffe07840;stroke:#e0a020;stroke-width:.7px;stroke-dasharray:1.5 1}.ar-spot.next{fill:#ffd25a8c;transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite arStart}.ar-pop{transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.2,1.6,.4,1) both arStick}@keyframes arStick{0%{opacity:0;transform:scale(.2)}}.ar-stage.flown .ar-paperg{transform-box:fill-box;transform-origin:50%;animation:1.25s cubic-bezier(.45,0,.6,1) both arFly}@keyframes arFly{0%{transform:none}18%{transform:translate(-2%,6%)rotate(-4deg)}70%{opacity:1;transform:translate(30%,-80%)rotate(18deg)scale(.45)}71%{opacity:0}72%{opacity:0;transform:translate(-40%,60%)scale(.45)}to{opacity:1;transform:none}}@media (max-width:760px){.ar-work{grid-template-columns:1fr;gap:10px}.ar-stage,.ar-prep{width:min(100%,52vh)}.ar-say p{font-size:15px}.ar-row.end{margin-top:0}}@media (max-height:500px) and (min-width:761px){.art{gap:8px;padding-top:8px}.ar-stage,.ar-prep{width:min(100%,100vh - 112px);width:min(100%,100dvh - 112px)}.ar-work{grid-template-columns:minmax(0,1fr) 260px}.ar-say p{font-size:14.5px}}@media (max-width:420px){.ar-grid{grid-template-columns:repeat(3,1fr);gap:7px}.ar-card{padding:7px 5px}.ar-card>b{font-size:12px}.ar-pal{grid-template-columns:repeat(7,1fr);gap:5px}}.ar-sheet{stroke:#96785024;stroke-width:.4px}.ar-free path{stroke-linecap:round}.ar-mirror{stroke:#788cc873;stroke-width:.35px;stroke-dasharray:1.4 1.4;pointer-events:none}.ar-stampin{transform-box:fill-box;transform-origin:50%;animation:.28s cubic-bezier(.3,1.6,.5,1) both ar-stamp}@keyframes ar-stamp{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.ar-brushes{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.ar-brushes button,.ar-bgs button{appearance:none;border:1px solid var(--line2);color:var(--text);font:700 11px var(--font);cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;display:flex}.ar-brushes button span{font-size:19px;line-height:1.1}.ar-brushes button.on,.ar-bgs button.on,.ar-stamps button.on{border-color:var(--gold);background:#f3cf7a24;box-shadow:0 0 0 2px #f3cf7a40}.ar-stamps{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.ar-stamps button{appearance:none;aspect-ratio:1;border:1px solid var(--line2);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:0;font-size:18px}.ar-bgs{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.ar-bgs i{background:#fffaf0;border:1px solid #ffffff59;border-radius:4px;width:26px;height:18px}.ar-bgs .bg-sky i{background:linear-gradient(#9fd8ff,#fff4dc)}.ar-bgs .bg-sea i{background:linear-gradient(#bfe6ff 55%,#2f7fd0 56%)}.ar-bgs .bg-night i{background:radial-gradient(circle at 75% 30%,#fff3b0 2px,#0000 3px),linear-gradient(#1b2552,#4a3270)}.ar-bgs .bg-meadow i{background:linear-gradient(#bfe6ff 55%,#6fc85a 56%)}.ar-papers .pat-dots i{background:radial-gradient(circle, #ffffffd9 2.5px, transparent 3px) 0 0 / 9px 9px, var(--c)}.ar-papers .pat-stripes i{background:repeating-linear-gradient(45deg, #ffffff8c 0 3px, transparent 3px 8px), var(--c)}.ar-papers .pat-check i{background:conic-gradient(#ffffff52 25%, transparent 0 50%, #ffffff52 0 75%, transparent 0) 0 0 / 12px 12px, var(--c)}.ar-papers .pat-stars i{background:radial-gradient(circle, #ffffffe6 1.5px, transparent 2px) 0 0 / 7px 7px, var(--c)}.ar-papers .pat-wave i{background:repeating-radial-gradient(circle at 50% 140%, transparent 0 4px, #fff9 4px 5px), var(--c)}.ar-papers{grid-template-columns:repeat(5,1fr)}.ar-confetti{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.ar-confetti i{top:-6%;left:var(--x);width:8px;height:12px;animation:ar-conf var(--d) ease-in var(--dl) both;border-radius:2px;position:absolute}@keyframes ar-conf{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(560px) rotate(var(--r));opacity:0}}.p-allies{width:min(640px,96vw)}.allyp{flex-direction:column;gap:10px;min-height:0;padding:12px 16px 16px;display:flex;overflow:auto}.allyp h5{margin:2px 0 0}.al-party{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.al-box{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:7px;display:grid}.al-card{appearance:none;border:1px solid var(--line2);color:var(--text);cursor:pointer;font-family:var(--font);background:#2438308c;border-radius:13px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:8px 4px 7px;display:flex;position:relative}.al-card .ic{font-size:26px;line-height:1.2}.al-card b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.al-card small{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;line-height:1.3;overflow:hidden}.al-card.big{background:linear-gradient(#326e508c,#183228b3);border-color:#78e6a073;padding:10px 6px 9px}.al-card.big .ic{font-size:32px}.al-card.empty{cursor:default;background:#ffffff08;border-style:dashed}.al-card.empty .ic{color:var(--muted)}.al-card.on{border-color:#8dffb4;box-shadow:inset 0 0 0 1px #8dffb4,0 0 14px #78ffaa40}.al-card.rest{opacity:.6}.al-badge{font-size:13px;font-style:normal;position:absolute;top:4px;right:5px}.al-hp{background:#00000073;border-radius:4px;width:82%;height:6px;margin-top:4px;display:block;overflow:hidden}.al-hp b{background:linear-gradient(90deg,#4fd47e,#a8ffbf);height:100%;display:block}.al-detail{border:1px solid var(--line2);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ad-head{align-items:center;gap:10px;display:flex}.ad-head .ic{font-size:38px}.ad-head>div{flex-direction:column;display:flex}.ad-head b{color:#c8ffd4;font-size:16px}.ad-head small{color:var(--muted);font-size:12px}.ad-head .ad-st{color:#a8e8ff}.ad-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.ad-stats div{background:#00000038;border-radius:9px;flex-direction:column;min-width:0;padding:6px 8px;display:flex}.ad-stats span{color:var(--muted);font-size:11px}.ad-stats b{font-size:13px}.ad-xp{background:#00000059;border-radius:9px;height:18px;position:relative;overflow:hidden}.ad-xp i{background:linear-gradient(90deg,#ffd6668c,#ffeca0bf);position:absolute;inset:0 auto 0 0}.ad-xp span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:18px;display:block;position:relative}.ad-ask p{color:#ffd2c4;margin:0 0 6px;font-weight:800}.ad-name{border:1px solid var(--line2);min-width:0;color:var(--text);font:600 14px var(--font);background:#0000004d;border-radius:9px;flex:1;padding:7px 10px}@media (max-width:520px){.ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.al-card.big .ic{font-size:26px}}.ally-row{pointer-events:auto;gap:5px;display:flex}.ally-row:empty{display:none}.al-chip{appearance:none;width:40px;color:var(--text);cursor:pointer;background:#0a1812d1;border:1px solid #78e6a073;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:2px 0 4px;display:flex;position:relative}.al-chip span{font-size:17px;line-height:1.2}.al-chip i{background:#00000080;border-radius:3px;width:30px;height:4px;display:block;overflow:hidden}.al-chip i b{background:#5fe08a;height:100%;display:block}.al-chip.low{border-color:#ff785ab3}.al-chip.low i b{background:#ff6b5a}.al-chip.rest{opacity:.7;border-color:#a0aabe66}.al-chip em{text-shadow:0 1px 2px #000;font-size:9.5px;font-style:normal;font-weight:900;position:absolute;bottom:-5px;right:-3px}.al-detail .row-btns{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.al-detail .row-btns .btn{flex:auto}@media (max-width:600px){.tpad{--tps:.78}}@media (max-height:500px){.tpad{--tps:.82}}@media (max-height:400px){.tpad{--tps:.76}}@media (max-width:600px),(max-height:500px){.tracker .tq:nth-of-type(n+3){display:none}.tq{padding:4px 7px}.tq b{font-size:12px}.tq span{font-size:10.5px;line-height:1.35}.tq em{font-size:11px}.banner b{letter-spacing:.04em;font-size:clamp(24px,6.5vw,34px)}.banner span{text-align:center;max-width:86vw;font-size:12.5px}.zone-banner b{font-size:20px}.zone-banner .l,.zone-banner .r{width:40px}}@media (max-height:500px){.p-inventory{width:min(520px,96vw)}.inv-wrap{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:8px 12px}.equip{flex-direction:column;gap:6px}.eslots{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px;width:auto}.eslots .eslot label{font-size:10px}.grid{grid-template-columns:repeat(8,minmax(30px,1fr));gap:4px}.grid .cell .ic,.eslot .cell .ic{font-size:19px}.p-inventory .ph{padding:8px 12px 6px 14px}.p-inventory .pf{padding:6px 12px}}