@font-face{font-family:Pixelify Sans;font-weight:500;font-display:swap;src:url(./pixelify-500-DC052d-m.woff2)format("woff2")}@font-face{font-family:Pixelify Sans;font-weight:700;font-display:swap;src:url(./pixelify-700-D3Xxx3QE.woff2)format("woff2")}@font-face{font-family:Cinzel Decorative;font-weight:700;font-display:swap;src:url(./cinzel-decorative-700-CnX1aK6s.woff2)format("woff2")}@font-face{font-family:Cinzel;font-weight:600;font-display:swap;src:url(./cinzel-600-Dd5YO2UX.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:500;font-display:swap;src:url(./cormorant-500-BsRWmXhO.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:500;font-style:italic;font-display:swap;src:url(./cormorant-500-italic-Y14P-dkT.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-weight:700;font-display:swap;src:url(./cormorant-700-DajfzrDU.woff2)format("woff2")}*{box-sizing:border-box}html,body{color:#eee;background:#111;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{display:block}.labels{pointer-events:none;position:absolute;inset:0}#hud{pointer-events:none;font-size:13px;position:fixed;inset:0}#hud .panel,#hud button,#hud .touchbar{pointer-events:auto}.panel{background:#0c0e14cc;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;position:absolute}.title{margin-bottom:4px;font-weight:600}.status{width:260px;line-height:1.45;top:10px;left:10px}.money{color:#ffd94d}.barwrap{background:#ffffff1a;border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.bar{height:100%;transition:width .15s}.bar.hp{background:#d93344}.bar.sp{background:#4073f2}.bar.exp{background:#f2cc33}.stats{grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:6px;display:grid}.statrow{justify-content:space-between;align-items:center;display:flex}button{color:#eee;cursor:pointer;font:inherit;background:#2d3448;border:1px solid #4a5574;border-radius:4px;padding:1px 8px}button:disabled{opacity:.35;cursor:default}button:where(:not(:disabled):hover){background:#3c4663}.target{color:#f99;text-shadow:0 1px 3px #000;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.party{width:290px;top:10px;right:10px}.member{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;display:flex}.member.good{color:#99ffb3}.member.bad{color:#ff8c73}.hint{opacity:.6}.log{width:min(480px,100vw - 20px);min-height:60px;line-height:1.4;bottom:84px;left:10px;pointer-events:none!important}.help{text-align:right;text-shadow:0 1px 3px #000;pointer-events:auto;cursor:pointer;font-size:12px;position:absolute;bottom:12px;right:12px}.help .helpbody{opacity:.92;background:#0c0e14d1;border:1px solid #ffffff14;border-radius:8px;margin-bottom:6px;padding:8px 10px;line-height:1.55;display:none}.help.open .helpbody{display:block}.help .helptoggle{opacity:.75}.help kbd{font-family:var(--gfont);color:#ffe7a8;background:#2a2133;border:1px solid #5b4868;border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px}.help.open{z-index:3;bottom:12px}.inventory{width:300px;max-height:60vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.inventory .item{padding:2px 0}.hidden{display:none}.touchbar{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:min(560px,100vw - 24px);display:flex;position:absolute;bottom:84px;right:12px}.touchbar button{background:linear-gradient(#2f2738,#1d1724);border:1px solid #5b4868;border-radius:8px;place-items:center;width:44px;height:40px;padding:0;display:grid}.touchbar button:not(:disabled):hover{border-color:var(--gold);background:linear-gradient(#45384f,#2a2133)}.virtual-joystick{left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));z-index:5;pointer-events:auto;touch-action:none;width:148px;height:148px;position:absolute}.virtual-joystick.hidden{display:none}#hud.ctl-joystick .log{bottom:190px}.stick-base{background:radial-gradient(circle,#28201a59 0 40%,#110e149e 72%);border:3px solid #ffe3a2cc;border-radius:50%;position:absolute;inset:10px;box-shadow:0 0 0 2px #0000008c,inset 0 0 22px #00000073,0 4px 14px #00000080}.stick-base:before,.stick-base:after{content:"";pointer-events:none;border:1px dashed #ffe3a259;border-radius:50%;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-base:after{border:7px solid #0000;border-bottom-color:#ffe3a2b3;border-radius:0;width:0;height:0;top:6px;transform:translate(-50%)}.stick-knob{background:radial-gradient(circle at 35% 30%,#ead8b2,#796849 75%);border:2px solid #ffefcdcc;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 9px #00000073}@media (width<=1240px){.touchbar{max-width:245px}.log{width:min(420px,100vw - 290px)}}.nameplate{text-align:center;text-shadow:0 0 3px #000,0 0 3px #000;white-space:nowrap;font-size:12px;font-weight:600}.nameplate small{opacity:.85;font-weight:400}.nameplate.band{color:#ffc98a;opacity:.9;font-size:10px}.nameplate.band.lead{opacity:1;font-size:12px;font-weight:600}.nameplate.npc{color:#ffffb3}.nameplate.npc.recruited{color:#99ffb3}.hpbar{background:#0009;border-radius:2px;width:60px;height:4px;margin:2px auto 0;overflow:hidden}.hpbar i{background:#e04050;height:100%;display:block}.sign{text-align:center;white-space:pre;color:#fff;background:#00000073;border-radius:4px;padding:2px 6px;font-size:12px}.sign.danger{color:#ffb3a0}.popup{text-shadow:0 0 3px #000,0 0 3px #000,0 2px 2px #000;pointer-events:none;font-size:18px;font-weight:800}.popup.big{font-size:26px}@media (width<=760px){#hud{font-size:11px}.status{width:min(164px,48vw);padding:5px 7px;top:6px;left:6px}.stats{display:none}.party{width:min(142px,42vw);max-height:96px;padding:5px 6px;top:6px;right:6px;overflow:hidden}.help,.log{display:none}.touchbar{flex-flow:column;gap:3px;width:38px;max-height:38vh;top:116px;bottom:auto;right:5px;overflow-y:auto}.touchbar button{width:36px;height:34px}.touchbar button:nth-child(2),.touchbar button:nth-child(3),.touchbar button:nth-child(4),.touchbar button:nth-child(11),.touchbar button:nth-child(12),.touchbar button:nth-child(13){display:none}.hotbar{left:7px;right:84px;bottom:max(8px, env(safe-area-inset-bottom));scrollbar-width:none;justify-content:flex-start;gap:3px;max-width:calc(100vw - 94px);padding:4px 2px;overflow:auto hidden;transform:none}.hotbar::-webkit-scrollbar{display:none}.hotbar .slot:not(.attack):not(.dodge){border-radius:50%;flex:0 0 38px;width:38px;height:42px}.hotbar .slot.ult{width:44px;height:44px;margin-left:2px}.hotbar .slot.attack{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:8;border-radius:50%;flex-direction:column;gap:0;width:64px;height:64px;margin:0;display:flex;position:fixed}.hotbar .slot.attack.hidden{display:none}.hotbar .slot.attack .icon{font-size:21px}.hotbar .slot.attack .attack-label{font-size:9px;font-weight:800}.hotbar .slot.dodge{right:max(22px, env(safe-area-inset-right));bottom:max(82px, calc(env(safe-area-inset-bottom) + 72px));z-index:8;width:48px;height:48px;margin:0;position:fixed}.virtual-joystick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));width:116px;height:116px;position:fixed}.interacthint{white-space:normal;max-width:min(58vw,260px);padding:4px 8px;font-size:12px;bottom:78px;left:50%}}.hotbar{pointer-events:auto;align-items:flex-end;gap:5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c0e14d9;border:1px solid #4a5574;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.slot:hover{border-color:#9be7ff}.slot .icon{z-index:1;font-size:24px;position:relative}.slot .key{opacity:.8;z-index:2;font-size:10px;position:absolute;top:1px;left:4px}.slot .cost{color:#8fb4ff;z-index:2;font-size:10px;position:absolute;bottom:1px;right:4px}.slot .cd{z-index:2;position:absolute;inset:0}.slot .cdnum{z-index:3;text-shadow:0 0 3px #000;font-size:13px;font-weight:700;position:absolute}.slot.empty{opacity:.5}.slot.nosp .icon{filter:grayscale()brightness(.6)}.slot.assign{border-color:#ffd166;box-shadow:0 0 8px #ffd166}.slot.ult{border-color:#6b7fb3;border-radius:50%;width:60px;height:60px;margin-left:8px}.slot.ult .ring{border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.slot.ult .key{top:6px;left:50%;transform:translate(-50%)}.slot.ult .cost{bottom:6px;right:50%;transform:translate(50%)}.slot.ult.locked{opacity:.5}.slot.ult.ready{border-color:#a0c4ff;animation:1s infinite ultpulse}@keyframes ultpulse{0%,to{box-shadow:0 0 6px #a0c4ff}50%{box-shadow:0 0 18px #a0c4ff,0 0 30px #5a7dff}}.buff{color:#ff9f43;min-height:0;font-size:12px}.skills{width:min(560px,100vw - 20px);max-height:72vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.skills .title{justify-content:space-between;align-items:center;gap:8px;display:flex}.skills .close{margin-left:auto}.subtitle{color:#9be7ff;margin:10px 0 4px;font-size:12px;font-weight:600}.skill{opacity:.75;background:#ffffff08;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px;display:flex}.skill.learned{opacity:1;background:#9be7ff0f}.sicon{text-align:center;width:36px;font-size:26px}.sbody{flex:1}.sbody .lv{opacity:.7;font-size:11px}.sbody .desc{opacity:.8;font-size:11px}.sbody .reason{color:#ff9f80;font-size:11px}.sbtn{flex-direction:column;gap:3px;display:flex}.sbtn button.active{color:#222;background:#ffd166}.tag{background:#3c4663;border-radius:3px;padding:0 4px;font-size:10px}.tag.ult{background:#5a7dff}.assignhint{color:#ffd166;margin:4px 0;font-size:12px}.nameplate.villager{color:#d9e6ff;font-size:11px;font-weight:400}.speech{white-space:normal;color:#222;text-align:center;background:#fffbe8;border-radius:8px;max-width:200px;padding:5px 8px;font-size:12px;box-shadow:0 2px 6px #0006}.sign.small{font-size:10px}@media (width<=760px){.slot{width:40px;height:40px}.slot.ult{width:50px;height:50px}.hotbar{bottom:8px}.log{bottom:64px}}.clock{color:#ffe7a8;white-space:nowrap;background:#0c0e1499;border-radius:10px;padding:2px 10px;font-size:12px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.clock.night{color:#b9c8ff}.slot.dodge{border-color:#6fa8c7;margin-right:8px}.slot.dodge .key{font-size:9px}@media (width<=760px){.slot.dodge{border-radius:50%;width:50px;height:50px}}.slot.attack{touch-action:none;-webkit-user-select:none;user-select:none;border-color:#c79a4a;margin-right:4px}.slot.attack .key{font-size:9px}.slot.attack .combo{color:#ffe066;text-shadow:0 1px #000,0 0 3px #000;z-index:2;font:700 13px Pixelify Sans,monospace;position:absolute;top:0;right:2px}@media (width<=760px){.slot.attack{border-radius:50%;width:58px;height:58px}}.panel .title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.panel .title .close{margin-left:auto}.tabs{gap:4px;margin:6px 0;display:flex}.tabs button.active,button.active{color:#222;background:#ffd166;border-color:#ffd166}.rank{text-align:center;color:#111;border-radius:3px;min-width:20px;padding:0 4px;font-size:11px;font-weight:800;display:inline-block}.compat.lintas{color:#ffcc80}.compat.terkunci{color:#ff9f80}.dialogue{pointer-events:auto;z-index:20;background:linear-gradient(#1c1824f5,#0e0c14f5);border:2px solid #c9a96a;border-radius:12px;gap:12px;width:min(760px,100vw - 16px);padding:12px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0009}.dialogue.hidden{display:none}.portrait{height:120px;image-rendering:pixelated;background-repeat:no-repeat;background-size:300% 100%;border:2px solid #c9a96a;border-radius:10px;flex:0 0 120px;transition:transform .15s}.portrait.speaking{animation:.48s steps(2,end) infinite portrait-speaking}@keyframes portrait-speaking{50%{box-shadow:inset 0 0 14px #ffda8e2e,0 0 12px #ffc46161}}.portrait.happy{transform:translateY(-3px)rotate(-1deg)}.portrait.sad{filter:saturate(.85);transform:translateY(2px)}.dbody{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dhead{align-items:baseline;gap:8px;display:flex}.dname{color:#ffd98a;font-size:15px;font-weight:800}.drole{opacity:.7;font-size:11px}.dtext{color:#f3ecdd;cursor:pointer;min-height:44px;font-size:14px;line-height:1.5}.dinput{font-family:var(--gfont);color:#fff3cf;border:1px solid var(--gold);background:#140e19;border-radius:6px;outline:none;width:min(340px,100%);margin:2px 0 6px;padding:6px 10px;font-size:15px;box-shadow:0 0 0 3px #c9a96a26}.dinput:focus{box-shadow:0 0 0 3px #c9a96a59}.dinput::placeholder{color:#8a7d68}.doptions{flex-direction:column;gap:4px;display:flex}.dopt{text-align:left;background:#c9a96a1f;border-color:#c9a96a80;padding:5px 10px;font-size:13px}.dopt:not(:disabled):hover{background:#c9a96a4d}.dreason{color:#ff9f80;font-size:11px}.shop,.inventory{z-index:15;width:min(520px,100vw - 20px);max-height:76vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.shoplist{flex-direction:column;gap:4px;display:flex}.shoprow{background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.sname{flex:1;min-width:0}.sdesc{opacity:.75;font-size:11px}.sbtns{flex-wrap:wrap;gap:4px;display:flex}button.buy{white-space:nowrap}.equip{background:#9be7ff0f;border-radius:6px;margin:6px 0;padding:6px}.eqrow{align-items:center;gap:6px;padding:2px 0;display:flex}.cards{z-index:15;width:min(720px,100vw - 20px);max-height:82vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.card{--rank:#9aa0a6;aspect-ratio:3/4;cursor:pointer;background:linear-gradient(160deg, color-mix(in srgb, var(--rank) 35%, #1a1d29), #10121a 70%);border:2px solid var(--rank);text-align:center;box-shadow:inset 0 0 12px color-mix(in srgb, var(--rank) 30%, transparent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:6px;transition:transform .1s;display:flex;position:relative}.card:hover{transform:translateY(-2px)}.card.selected{outline-offset:2px;outline:2px solid #fff}.card.unowned{filter:grayscale(.85)brightness(.6)}.card.c-terkunci{opacity:.7}.crank{color:var(--rank);text-shadow:0 0 4px #000;font-size:15px;font-weight:900;position:absolute;top:4px;left:6px}.cclass{opacity:.8;font-size:9px;position:absolute;top:6px;right:6px}.cicon{margin-top:8px;font-size:34px}.cname{margin-top:4px;font-size:11px;font-weight:700;line-height:1.2}.clv{opacity:.75;margin-top:2px;font-size:10px}.cult{color:#a0c4ff;letter-spacing:1px;font-size:8px;font-weight:800;position:absolute;bottom:4px}.ccompat{color:#ffcc80;font-size:10px;position:absolute;bottom:4px;right:6px}.cslot{color:#9be7ff;font-size:10px;position:absolute;bottom:4px;left:6px}.carddetail{background:#ffffff0d;border-radius:8px;margin-top:8px;padding:8px}.dtitle{margin-bottom:2px;font-size:14px;font-weight:700}.cstats{color:#9be7ff;margin:4px 0;font-size:11px}.csource{color:#ffd98a;font-size:11px}.slot:not(.ult):not(.dodge):not(.empty){border-bottom:3px solid var(--rank,#4a5574)}.slot .srank{color:var(--rank);z-index:2;font-size:9px;font-weight:800;position:absolute;top:1px;right:4px}.slot .xcls{color:#ffcc80;z-index:2;font-size:9px;position:absolute;bottom:1px;left:4px}@media (width<=760px){.dialogue{gap:8px;padding:8px;bottom:70px}.portrait{flex-basis:76px;height:76px}.dtext,.dopt{font-size:12px}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.cicon{font-size:26px}}.party .combat{color:#ff8c73;font-size:11px;font-weight:600}.cmdrow{grid-template-columns:repeat(4,1fr);gap:3px;margin:4px 0 2px;display:grid}.cmdrow button{white-space:nowrap;padding:3px 2px;font-size:11px}.cmdrow button small{opacity:.55;font-size:9px}.party .strat{background:#263043;margin-top:2px;padding:0 6px;font-size:10px}.party{width:320px}@media (width<=760px){.party{width:230px}.cmdrow button small{display:none}}.downed{text-align:center;pointer-events:auto;z-index:12;background:#1e0a0ed1;border:1px solid #ff8c73;border-radius:10px;width:min(360px,90vw);padding:12px 18px;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.downed .dicon{font-size:30px}.downed .dtitle2{color:#ffd0c4;margin:4px 0 8px;font-weight:600}.downed .barwrap{height:10px}.bar.revive{background:#95d5b2}.downed button{margin-top:8px}.menu{z-index:16;width:min(380px,100vw - 20px);top:50%;left:50%;transform:translate(-50%,-50%)}.menubtns{flex-direction:column;gap:6px;margin-top:8px;display:flex}.menubtns button{padding:6px}button.danger{border-color:#a5483a}button.danger.active{color:#fff;background:#c0392b;border-color:#c0392b}.sleep{opacity:0;pointer-events:none;z-index:50;text-align:center;background:#05040a;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:opacity .7s;display:flex;position:fixed;inset:0}.sleep.on{opacity:1;pointer-events:auto}.sleep .zzz{color:#c9b8ff;letter-spacing:4px;margin-bottom:8px;font-size:34px}.sleep .sline{color:#e8e2ff;max-width:560px;font-size:14px}.partymgr{z-index:15;width:min(640px,100vw - 20px);max-height:82vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.pm{background:#ffffff0a;border-radius:8px;margin:6px 0;padding:8px}.pmhead{align-items:center;gap:8px;display:flex}.pmface{height:56px;image-rendering:pixelated;background-position:0 0;background-size:300% 100%;border:1px solid #c9a96a;border-radius:8px;flex:0 0 56px}.pminfo{flex:1;min-width:0}.pmside{flex-direction:column;gap:3px;display:flex}.minibar{background:#ffffff1a;border-radius:3px;height:5px;margin:2px 0;overflow:hidden}.minibar i{background:#9be7ff;height:100%;display:block}.minibar i.hp{background:#d93344}.minibar i.sp{background:#4073f2}.pmrow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.pmlabel{opacity:.7;width:44px}.pmfoods{flex-wrap:wrap;gap:4px;display:flex}.pmfoods button{font-size:11px}.mappanel{z-index:15;text-align:center;width:min(700px,100vw - 16px);max-height:92vh;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.mapcanvas{cursor:grab;touch-action:none;max-width:100%;max-height:60vh;image-rendering:pixelated;background:#05050a;border:1px solid #3a4560;border-radius:8px}.maptools{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0;display:flex}.maptools .gbtn{align-items:center;gap:4px;min-width:38px;padding:4px 10px;font-size:13px;display:inline-flex}.mapgoals{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 2px;font-size:12px;display:flex}.mapgoals .mghead{color:#ffd98c;justify-content:center;align-items:center;gap:4px;width:100%;font-weight:700;display:flex}.mapgoals .mgrow{text-align:left;color:#fff4d0;cursor:pointer;background:#281e0a99;border:1px solid #ffd98c66;border-radius:6px;flex-direction:column;align-items:flex-start;max-width:300px;padding:4px 10px;display:flex}.mapgoals .mgrow.kisah{background:#46370ab3;border-color:#ffe066}.mapgoals .mgrow small{opacity:.8}.mapgoals .mgempty{opacity:.75;align-items:center;gap:4px;display:flex}.areabanner{text-align:center;opacity:0;pointer-events:none;text-shadow:0 2px 6px #000;transition:opacity .6s,transform .6s;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px)}.areabanner.on{opacity:1;transform:translate(-50%)}.areabanner b{letter-spacing:2px;color:#fff4d0;font-size:30px;display:block}.areabanner span{color:#cfe7a8;letter-spacing:4px;text-transform:uppercase;font-size:13px;display:block}.areabanner small{color:#ffd166;letter-spacing:2px;font-size:11px;display:block}.areabanner.unik small,.areabanner.unik_selesai small{letter-spacing:6px;color:#ff5a6a;font-size:15px}.areabanner.unik b{color:#ffd0e0;text-shadow:0 0 14px #a03050,0 2px 6px #000;font-size:36px}.areabanner.unik_selesai b{color:#ffe08a;text-shadow:0 0 14px #a07020,0 2px 6px #000;font-size:28px}.gelar{color:#fc6}:root{--gold:#e0b866;--gold-d:#7d5b2c;--ink:#f4ead2;--plum:#231a2b;--plum-d:#160f1c;--gfont:"Pixelify Sans", "Trebuchet MS", system-ui, sans-serif}.gwin{z-index:15;pointer-events:auto;color:var(--ink);background:repeating-linear-gradient(45deg, #ffffff03 0 6px, transparent 6px 12px), radial-gradient(120% 90% at 50% 0%, #3a2b44 0%, var(--plum) 45%, var(--plum-d) 100%);border:3px solid var(--gold-d);border-radius:12px;max-height:90vh;padding:0 14px 12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #0d0910,inset 0 0 0 3px #e0b8668c,inset 0 0 40px #00000080,0 14px 48px #000000bf}.gwin.hidden{display:none}.gwin:before,.gwin:after{content:"◆";color:var(--gold);text-shadow:0 0 6px var(--gold);font-size:12px;position:absolute;top:4px}.gwin:before{left:8px}.gwin:after{right:8px}.gtitle{border-bottom:2px solid var(--gold);font-family:var(--gfont);color:#ffe7a8;text-shadow:0 2px #1a0f08,0 0 8px #ffc86459;z-index:2;background:linear-gradient(#6b4526,#3f2716 70%,#2f1d10);border-radius:9px 9px 0 0;align-items:center;gap:10px;margin:0 -14px 10px;padding:9px 30px 8px;font-size:17px;display:flex;position:sticky;top:0}.gmoney{color:#ffd966;align-items:center;gap:4px;margin-left:auto;font-size:14px;display:flex}.gmoney .icon{display:inline-block}.gclose{border:2px solid var(--gold);color:#ffe7a8;background:radial-gradient(#9a3b2e,#5e1f17);border-radius:50%;width:28px;height:28px;margin-left:6px;padding:0;font-weight:700}.gclose:hover{background:radial-gradient(#c24a39,#7a2a1f)!important}.gtabs{border-bottom:2px solid #e0b86659;gap:2px;margin:0 0 8px;display:flex}.gtabs button{font-family:var(--gfont);color:#cdbfe0;background:linear-gradient(#3a2d44,#241b2c);border:1px solid #5b4868;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 12px}.gtabs button.on{color:#ffe7a8;border-color:var(--gold);background:linear-gradient(#7a5730,#4a3219)}.gbtn{font-family:var(--gfont);cursor:pointer;color:#fff6e0;border:2px solid var(--gold);text-shadow:0 1px #2a1a0c;background:linear-gradient(#9a6a35,#6a4420 60%,#553515);border-radius:7px;padding:5px 14px;font-size:14px;box-shadow:inset 0 1px #ffffff40,0 2px #2a1a0c}.gbtn:not(:disabled):hover{filter:brightness(1.15);box-shadow:inset 0 1px #ffffff4d,0 0 10px #e0b86680}.gbtn:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.gbtn.sm{padding:2px 10px;font-size:13px}.gbtn.big{width:100%;padding:8px 18px;font-size:16px}.gbtn.beli{background:linear-gradient(#4f9a4a,#2f6a2c 60%,#23521f)}.gbtn.jual{background:linear-gradient(#c9842f,#8a5418 60%,#6b3f10)}.hint.center{text-align:center;padding:18px 8px}.gslot{--rc:#9aa0a6;cursor:pointer;background:radial-gradient(circle at 50% 35%,#3d3247,#1d1624 75%);border:2px solid #4d3f58;border-radius:7px;place-items:center;width:52px;height:52px;transition:transform 80ms,box-shadow .12s;display:grid;position:relative;box-shadow:inset 0 0 8px #000c}.gslot:not(.empty):hover{border-color:var(--gold);transform:translateY(-2px)}.gslot.r-bagus{border-color:#4f9d58}.gslot.r-langka{border-color:#4d8cff;box-shadow:inset 0 0 8px #000c,0 0 6px #4d8cff8c}.gslot.r-epik{border-color:#b359ff;box-shadow:inset 0 0 8px #000c,0 0 8px #b359ff99}.gslot.r-legendaris{border-color:#ff9926;animation:1.6s infinite glow;box-shadow:inset 0 0 8px #000c,0 0 10px #ff9926b3}.gslot.r-mitos{border-color:#ff3340;animation:1.2s infinite glow;box-shadow:0 0 12px #ff3340cc}@keyframes glow{50%{filter:brightness(1.25)}}.gslot.sel{outline-offset:1px;background:radial-gradient(circle at 50% 35%,#5a4a3a,#2a1f18 75%);outline:2px solid #fff}.gslot.dis{opacity:.45}.gslot.empty{cursor:default;background:radial-gradient(circle at 50% 35%,#2a2230,#17121c 75%);border-color:#362c3e}.gslot .icon{image-rendering:pixelated}.gslot .qty{font-family:var(--gfont);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:13px;position:absolute;bottom:1px;right:3px}.gslot .stag{border:1px solid var(--gold-d);color:#ffd966;white-space:nowrap;font-size:10px;font-family:var(--gfont);background:#2a1f14;border-radius:8px;padding:0 5px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.gslot .stag.no{color:#ff8c73}.gslot .stag.own{color:#9be7ff}.gslot .stag.sell{color:#b7f5a3}.icon.unknown{color:#888;place-items:center;font-size:20px;display:grid}.miniCard{border:2px solid var(--rank);background:linear-gradient(160deg, color-mix(in srgb, var(--rank) 40%, #1a1d29), #10121a);border-radius:4px;place-items:center;display:grid;position:relative}.miniCard b{color:var(--rank);font-size:10px;position:absolute;top:0;left:3px}.miniCard span{font-size:18px}.icard{flex-direction:column;gap:3px;display:flex}.ichead{align-items:center;gap:10px;display:flex}.ichead .icon,.ichead .miniCard{border-radius:8px;flex:none}.iname{font-family:var(--gfont);color:var(--rc);text-shadow:0 1px #000;font-size:16px}.itype{opacity:.8;font-size:11px}.idesc{color:#d8cfe0;font-size:12px;font-style:italic}.eff{color:#b7f5a3;font-size:12px}.eff.warn{color:#ffcc80}.eff.mythic{color:#ff8a96}.iprice{color:#ffd966;align-items:center;gap:4px;font-size:12px;display:flex}.iprice small{opacity:.6;color:#ccc}.coin{background:radial-gradient(#ffe680,#c9961e);border:1px solid #6b4a0c;border-radius:50%;width:10px;height:10px;display:inline-block}.ibtns{gap:6px;margin-top:6px;display:flex}.gtip{z-index:100;pointer-events:none;border:2px solid var(--gold-d);background:linear-gradient(#2a1f34f7,#140e1af7);border-radius:10px;width:250px;padding:10px;position:fixed;box-shadow:inset 0 0 0 1px #e0b86666,0 8px 20px #0009}.gtip.hidden{display:none}.detail{background:#00000047;border:1px solid #e0b86640;border-radius:8px;min-height:96px;margin-top:10px;padding:10px}.invbody{grid-template-columns:220px 1fr;gap:14px;display:grid}.doll{text-align:center;background:radial-gradient(circle at 50% 20%,#3f3149,#1b1421 80%);border:1px solid #e0b8664d;border-radius:10px;padding:10px}.dollface{border:2px solid var(--gold);width:96px;height:96px;image-rendering:pixelated;background-position:0 0;background-size:300% 100%;border-radius:10px;margin:0 auto;box-shadow:0 0 14px #e0b86640}.dollname{font-family:var(--gfont);color:#ffe7a8;margin:6px 0 8px;font-size:16px}.dollname small{color:#cdbfe0;font-family:system-ui;font-size:11px;display:block}.eqgrid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:8px 4px;display:grid}.eqslot{flex-direction:column;align-items:center;gap:2px;display:flex}.eqlabel{color:#cdbfe0;font-size:10px}.eqslot.locked{opacity:.45}.gslot.eq{color:#776;font-size:14px}.statbox{text-align:left;grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:10px;font-size:12px;display:grid}.statbox div{border-bottom:1px dotted #ffffff1f;justify-content:space-between;display:flex}.statbox span{color:#cdbfe0}.statbox b{color:#fff3c4;font-family:var(--gfont)}.bagGrid{grid-template-columns:repeat(6,52px);justify-content:center;gap:7px;max-height:300px;padding:4px;display:grid;overflow:auto}.shop.gwin{width:min(780px,100vw - 12px)}.keeper{align-items:center;gap:12px;margin-bottom:10px;display:flex}.kface{border:2px solid var(--gold);width:72px;height:72px;image-rendering:pixelated;background-position:50% 0;background-size:300% 100%;border-radius:10px;flex:none}.kbubble{color:#3a2814;background:#f6ecd2;border-radius:10px;flex:1;padding:8px 12px;font-size:13px;position:relative;box-shadow:0 2px #8a6a3a}.kbubble:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#f6ecd2;position:absolute;top:24px;left:-8px}.kbubble b{font-family:var(--gfont);color:#7a4a1c;display:block}.shopbody{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spane{background:#00000040;border:1px solid #e0b86640;border-radius:10px;padding:8px}.spaneTitle{font-family:var(--gfont);color:#ffe7a8;margin-bottom:6px}.spaneTitle small{color:#b7f5a3;font-family:system-ui;font-size:11px}.stockGrid,.sellGrid{grid-template-columns:repeat(auto-fill,52px);justify-content:center;gap:14px 8px;max-height:260px;padding:4px 2px 10px;display:grid;overflow:auto}.trade{grid-template-columns:1fr 210px;align-items:center;gap:14px;display:grid}.tdeal{flex-direction:column;align-items:stretch;gap:8px;display:flex}.tlabel{color:#cdbfe0;font-size:12px}.qtyrow{justify-content:center;align-items:center;gap:6px;display:flex}.qtyv{text-align:center;min-width:38px;font-family:var(--gfont);color:#fff;background:#0006;border-radius:6px;padding:2px 6px;font-size:20px}.ttotal{color:#ffd966;font-size:16px;font-family:var(--gfont);justify-content:center;align-items:center;gap:6px;display:flex}.cards.gwin{width:min(820px,100vw - 12px)}.cardsBody{grid-template-columns:1fr 250px;align-items:start;gap:14px;display:grid}.cards .cardgrid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.card{box-shadow:inset 0 0 0 1px #0009, inset 0 0 14px color-mix(in srgb, var(--rank) 35%, transparent), 0 3px 0 #00000080;border-width:3px}.carddetail{background:0 0;padding:0;position:sticky;top:52px}.bigcard{--rank:#9aa0a6;text-align:center;border:4px solid var(--rank);background:linear-gradient(170deg, color-mix(in srgb, var(--rank) 45%, #241b2c), #120d18 75%);height:330px;box-shadow:inset 0 0 0 2px #0d0910, inset 0 0 0 3px #ffffff2e, 0 0 24px color-mix(in srgb, var(--rank) 45%, transparent), 0 6px 0 #00000080;border-radius:14px;padding:12px;position:relative}.bigcard.unowned{filter:grayscale(.9)brightness(.65)}.bcrank{font-family:var(--gfont);color:var(--rank);text-shadow:0 2px #000;font-size:26px;position:absolute;top:6px;left:10px}.bcclass{border:1px solid var(--rank);background:#00000073;border-radius:8px;padding:1px 7px;font-size:11px;position:absolute;top:12px;right:12px}.bcart{background:radial-gradient(circle, color-mix(in srgb, var(--rank) 35%, #2a2236), #0e0b12 80%);border:2px solid #ffffff26;border-radius:10px;place-items:center;width:150px;height:120px;margin:34px auto 8px;display:grid}.bcart span{filter:drop-shadow(0 4px 6px #000000b3);font-size:64px}.bcname{font-family:var(--gfont);color:#fff3c4;text-shadow:0 2px #000;font-size:19px}.bcstars{color:#ffd966;letter-spacing:2px;font-size:14px}.bcult{letter-spacing:3px;color:#a0c4ff;font-size:10px;font-weight:800}.bcdesc{color:#e6dcf0;margin-top:6px;font-size:12px}.carddetail .cstats{margin:8px 0 4px}.carddetail .sbtns{flex-direction:column}.carddetail .sbtns button{font-family:var(--gfont)}.partymgr.gwin{width:min(660px,100vw - 12px)}.mappanel.gwin{width:min(1000px,100vw - 12px)}.menu.gwin{width:min(420px,100vw - 12px);max-height:calc(100vh - 20px);overflow-y:auto}.menu .setgrid{grid-template-columns:112px 1fr;gap:10px;margin:10px 2px 4px}.menu .setgrid label{font-size:13px}.pm{background:#00000040;border:1px solid #e0b86638}#hud .panel{border:2px solid var(--gold-d);background:linear-gradient(#241b2ce0,#120d17e0);box-shadow:inset 0 0 0 1px #e0b86659,0 4px 14px #00000080}.status{width:300px}.stop{align-items:center;gap:8px;display:flex}.sface{border:2px solid var(--gold);width:58px;height:58px;image-rendering:pixelated;background-position:0 0;background-size:300% 100%;border-radius:9px;flex:none}.sbars{flex:1;min-width:0}.sname{font-family:var(--gfont);color:#fff3c4;align-items:center;gap:6px;font-size:15px;display:flex}.slv{border:1px solid var(--gold);color:#ffe7a8;background:#7a5730;border-radius:8px;padding:0 6px;font-size:11px}.ssub{color:#cdbfe0;font-size:11px}.smoney{border:1px solid var(--gold);background:linear-gradient(#463014f2,#24180af2);border-radius:999px;align-items:center;margin-top:4px;padding:2px 10px 2px 6px;display:inline-flex;position:relative;box-shadow:0 0 6px #e0b86640}.smoney .money{font-family:"Pixelify Sans", var(--gfont), monospace;letter-spacing:.5px;color:#ffe27a;text-shadow:0 1px #000,0 0 2px #000;font-variant-numeric:tabular-nums;gap:5px;font-size:16px}.smoney.pulse{animation:.45s ease-out moneypulse}@keyframes moneypulse{0%{transform:scale(1.12);box-shadow:0 0 14px #ffd94dcc}to{transform:scale(1)}}.smoney .mdelta{white-space:nowrap;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;margin-left:6px;font:700 14px Pixelify Sans,monospace;animation:1.6s ease-out forwards moneydelta;position:absolute;top:2px;left:100%}.smoney .mdelta.up{color:#8dff8a}.smoney .mdelta.down{color:#ff8a7a}@keyframes moneydelta{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.ssub .pts{color:#ffd166;font-weight:700}.status .barwrap{border:1px solid #0009;height:13px;margin:3px 0;position:relative}.status .btxt{text-align:center;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:9.5px;font-weight:700;line-height:12px;position:absolute;inset:0}.status .bar.hp{background:linear-gradient(#ff5a6a,#b0202f)}.status .bar.sp{background:linear-gradient(#6a9cff,#2a4fbf)}.status .bar.exp{background:linear-gradient(#ffe066,#b88a12)}.status .stats,.status.haspts .stats{display:none}.ptsbtn{width:100%;font-family:var(--gfont);color:#ffe7a8;border:1px solid var(--gold);background:linear-gradient(#7a5730,#4a3219);border-radius:6px;margin-top:6px;padding:4px 8px;font-size:13px;animation:1.6s infinite glow;display:none}.ptsbtn small{opacity:.8;font-size:11px}.status.haspts .ptsbtn{justify-content:center;align-items:center;gap:6px;display:flex}.slot{border-color:var(--gold-d);background:radial-gradient(circle at 50% 35%,#2f2538,#140f19 80%)}@media (width<=760px){.invbody{grid-template-columns:1fr}.doll{text-align:left;grid-template-columns:80px 1fr;gap:8px;display:grid}.dollface{width:72px;height:72px;margin:0}.statbox{grid-column:1/-1}.bagGrid{grid-template-columns:repeat(5,48px)}.gslot{width:48px;height:48px}.shopbody,.trade,.cardsBody{grid-template-columns:1fr}.bigcard{height:auto}.status{width:230px}.sface{width:44px;height:44px}}.cards .card{aspect-ratio:auto;flex-direction:column;align-items:center;min-height:132px;padding-bottom:16px;display:flex}.cards .card .cname{flex:1}.cards>.hint{border-top:1px solid #e0b86633;margin-top:10px;padding-top:8px;font-size:12px}.carddetail .sbtns .gbtn{width:100%}.tutorial{z-index:6;pointer-events:auto;width:min(430px,100vw - 20px);color:var(--ink);border:2px solid var(--gold-d);background:linear-gradient(#2b2034f2,#18111ef2);border-radius:10px;padding:10px 14px;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #0d0910,inset 0 0 0 2px #e0b86673,0 8px 26px #0009}.tutorial.hidden{display:none}.tutorial.pop{animation:.45s tpop}@keyframes tpop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.tutorial .thead{font-family:var(--gfont);letter-spacing:2px;color:#c9a96a;align-items:center;gap:8px;font-size:11px;display:flex}.tutorial .tdots{gap:4px;margin-left:auto;display:flex}.tutorial .tdots i{background:#3f3349;border:1px solid #6b5a7a;width:7px;height:7px;transform:rotate(45deg)}.tutorial .tdots i.d{background:#c9a96a;border-color:#c9a96a}.tutorial .tdots i.c{background:#ffd98c;border-color:#fff3cf;box-shadow:0 0 6px #ffd98c}.tutorial .ttitle{font-family:var(--gfont);color:#fff3cf;margin:4px 0 2px;font-size:18px}.tutorial .ttext{color:#e2d6ee;font-size:13px;line-height:1.5}.tutorial .ttext kbd{font-family:var(--gfont);color:#ffe7a8;background:#2a2133;border:1px solid #5b4868;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:11.5px}.tutorial .ttext .ico{vertical-align:-4px}.tutorial .tprog{background:#ffffff14;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.tutorial .tprog i{background:linear-gradient(90deg,#8a5f22,#ffd98c);height:100%;transition:width .2s;display:block}.tutorial .tskip{color:#cdbfe0;background:#140e1abf;border:1px solid #5b4868;border-radius:999px;padding:2px 10px;font-size:11px;position:absolute;bottom:-26px;right:10px}.tutorial .tskip.hidden{display:none}@media (width<=760px){.tutorial{top:128px}}.money{color:#ffd94d;white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.money b{font-variant-numeric:tabular-nums;text-shadow:0 1px #000000bf;font-weight:700}.rankbadge{background:radial-gradient(circle at 35% 30%, #fff8, transparent 60%), var(--rk);box-shadow:0 0 0 1px var(--rk), 0 0 8px color-mix(in srgb, var(--rk) 50%, transparent);font-family:var(--gfont);color:#1a1020;border:2px solid #1a1020;border-radius:6px;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;transform:rotate(45deg)}.rankbadge i{font-style:normal;display:block;transform:rotate(-45deg)}.guildwin{flex-direction:column;width:min(720px,100vw - 16px);max-height:88vh;display:flex}.guildwin .gbody{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.gcard{background:linear-gradient(#e0b8661f,#0003);border:1px solid #e0b86659;border-radius:10px;align-items:center;gap:14px;margin-bottom:8px;padding:8px 12px 10px;display:flex}.gcard .rankbadge{margin:4px 6px 4px 4px}.gcard .gcinfo{flex:1;min-width:0}.gcard b{font-family:var(--gfont);color:#fff3cf;font-size:17px}.gcard small{color:#cdbfe0;font-size:12px;display:block}.gcard.unreg{opacity:.9}.famebar{background:#0006;border:1px solid #5b4868;border-radius:7px;height:14px;margin-top:5px;position:relative;overflow:hidden}.famebar i{background:linear-gradient(90deg,#8a5f22,#ffd98c);position:absolute;inset:0 auto 0 0}.famebar span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:10.5px;line-height:13px;display:block;position:relative}.qcard{background:linear-gradient(#ffffff0d,#00000038);border:1px solid #4d3f58;border-radius:9px;padding:9px 11px}.qcard.locked{opacity:.55}.qcard.ready{border-color:#6fbf73;box-shadow:0 0 10px #6fbf7340}.qcard.exam{border-color:var(--gold);background:linear-gradient(#e0b86629,#00000040)}.qhead{align-items:center;gap:10px;display:flex}.qhead .rankbadge{margin:2px 4px}.qhead b{font-family:var(--gfont);color:#fff3cf;font-size:15px}.qkind{color:#c9a96a;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:4px;font-size:11px;display:inline-flex}.qdesc{color:#e2d6ee;margin:5px 0;font-size:12.5px;line-height:1.45}.qmeta{color:#b9a8cc;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;display:flex}.qmeta span{align-items:center;gap:4px;display:inline-flex}.qprog{background:#00000059;border:1px solid #5b4868;border-radius:8px;height:16px;margin-top:7px;position:relative;overflow:hidden}.qprog i{background:linear-gradient(90deg,#3f7a45,#8fe09a);position:absolute;inset:0 auto 0 0}.qprog span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;line-height:15px;display:block;position:relative}.qfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.qreward{color:#ffe7a8;flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.qreward span{align-items:center;gap:4px;display:inline-flex}.qact{align-items:center;gap:6px;display:flex}.qact .gbtn,.rkhead .gbtn{align-items:center;gap:5px;display:inline-flex}.qlock{color:#ff9f80;align-items:center;gap:4px;font-size:12px;display:inline-flex}.rkhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rkrow{opacity:.65;border:1px solid #0000;border-radius:8px;align-items:center;gap:14px;padding:7px 10px;display:flex}.rkrow .rankbadge{margin:4px}.rkrow b{font-family:var(--gfont);color:#fff3cf;font-size:15px}.rkrow small{color:#c9a96a}.rkperks{color:#e2d6ee;font-size:12px}.rknotes{color:#a897ba;font-size:11px}.rkrow.past{opacity:.85}.rkrow.cur{opacity:1;border-color:var(--gold);background:#e0b8661f}.renamerow{gap:6px;display:flex}.renamerow input{font-family:var(--gfont);color:#fff3cf;border:1px solid var(--gold);background:#140e19;border-radius:6px;padding:4px 8px;font-size:14px}.gnote{align-items:center;gap:6px;margin-top:8px;display:flex}.qtracker{pointer-events:auto;cursor:pointer;background:#0c0e14b8;border:1px solid #e0b86640;border-radius:8px;width:260px;padding:7px 10px;font-size:12px;position:absolute;top:132px;left:10px}.qtracker.hidden{display:none}.qtracker:hover{border-color:var(--gold)}.qtracker .qtitle{font-family:var(--gfont);color:#ffe7a8;align-items:center;gap:6px;margin-bottom:4px;display:flex}.qtracker .qtitle span{color:#c9a96a;margin-left:auto;font-size:11px}.qtracker .qitem{align-items:center;gap:8px;padding:3px 0;display:flex}.qtracker .qitem .rankbadge{margin:2px 3px}.qtracker .qitem b{color:#fff3cf;font-size:12px;font-weight:600;display:block}.qtracker .qitem small{color:#cdbfe0;align-items:center;gap:3px;font-size:11px;display:flex}.qtracker .qitem.done small{color:#8fe09a}.qtracker .guide-row{border-top:1px solid #ffe7a81a;align-items:flex-start}.qtracker .qtitle:not(:first-child){border-top:1px solid #ffe7a833;margin-top:7px;padding-top:5px}.questjournal.gwin{flex-direction:column;width:min(700px,100vw - 18px);max-height:min(82vh,760px);display:flex;overflow:hidden}.questjournal.hidden{display:none}.questjournal .gtitle,.questjournal .gtabs{flex:none}.journalbody{min-height:0;padding:0 2px 8px;overflow:auto}.journal-note{margin-bottom:10px;line-height:1.45}.journal-heading{color:#ffe7a8;font:15px var(--gfont);border-bottom:1px solid #e0b86640;margin:12px 0 5px;padding-bottom:4px}.journal-card{background:#0a080f52;border:1px solid #e0b86638;border-radius:8px;margin:6px 0;padding:9px 10px}.journal-card h3{color:#fff0c5;font:15px var(--gfont);align-items:center;gap:7px;margin:0 0 5px;display:flex}.journal-card h3 small{color:#c9a96a;font:12px var(--gfont);margin-left:auto}.journal-card p{color:#d8cde2;margin:3px 0;font-size:13px;line-height:1.4}.journal-card>small{color:#baaec8}.journal-card.kisah{background:#704b2226;border-color:#e0b86680}.journal-card .qfac{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.qtracker .guide-row .qfac{margin-top:5px}.qtracker .guide-row>div{min-width:0}.qtracker .guide-row small{line-height:1.3}.qtracker .guide-row.tamat small{color:#8fe09a}.qtracker .guide-count{color:#c9a96a!important;font-size:10px!important;display:inline!important}@media (width<=760px){.qtracker{width:200px;font-size:11px;top:100px}}.minimap{pointer-events:auto;cursor:pointer;z-index:2;width:176px;position:absolute;top:10px;right:10px}.minimap .mmring{border:3px solid var(--gold-d);background:#07060c;border-radius:50%;width:176px;height:176px;overflow:hidden;box-shadow:inset 0 0 0 1px #0d0910,0 0 0 1px #e0b8668c,0 6px 18px #0009}.minimap canvas{width:100%;height:100%;display:block}.minimap .mmnorth{border:1px solid var(--gold);color:#ffe7a8;width:18px;height:18px;font:700 10px var(--gfont);pointer-events:none;background:#6b2a22;border-radius:50%;place-items:center;margin:-9px 0 0 -9px;display:grid;position:absolute;top:88px;left:50%}.minimap .mmzoom,.minimap .mmopen{border:1px solid var(--gold-d);color:#ffe7a8;width:22px;height:22px;font:700 14px var(--gfont);background:linear-gradient(#3a2d44,#241b2c);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute}.minimap .mmzoom:hover,.minimap .mmopen:hover{border-color:var(--gold)}.minimap .mmzoom.in{bottom:34px;left:-4px}.minimap .mmzoom.out{bottom:14px;left:14px}.minimap .mmopen{bottom:34px;right:-4px}.minimap .mmlabel{text-align:center;font-family:var(--gfont);color:#ffe7a8;text-shadow:0 1px 2px #000,0 0 4px #000;margin-top:4px;font-size:12px}.party{top:214px!important}@media (width<=760px){.minimap{width:124px}.minimap .mmring{width:124px;height:124px}.minimap .mmnorth{top:62px}.party{top:160px!important}}.party .ptitle{align-items:center;gap:6px;display:flex}.party .pcollapse{background:#241b2c;border-color:#5b4868;border-radius:6px;place-items:center;width:24px;height:22px;margin-left:auto;padding:0;display:grid}.party.folded{padding:6px 10px;width:210px!important}.party.folded .title{margin-bottom:2px}.pmini{grid-template-columns:1fr 70px;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:grid}.pmini i{background:#ffffff1a;border-radius:3px;height:6px;display:block;overflow:hidden}.pmini b{height:100%;display:block}.lootinfo{text-align:center;opacity:.9;padding:18px 14px;font-size:13px;line-height:1.5}.lootinfo p{margin:8px 0 0}.lootinfo b{color:#ffd98c}.inventory.gwin{width:min(860px,100vw - 12px)}.invbody{grid-template-columns:300px 1fr}.dollgrid{grid-template-columns:62px 1fr 62px;align-items:start;gap:6px;display:grid}.dollcol{flex-direction:column;align-items:center;gap:4px;display:flex}.dollmid{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:100%;padding-top:6px;display:flex}.dollmid .dollface{width:104px;height:104px}.dollmid .dollname{margin:6px 0 10px}.eqslot .eqlabel{color:#c9a96a;letter-spacing:.5px;font-size:10px}.eqslot .gslot{width:50px;height:50px}.eqghost{opacity:.22;filter:grayscale()}.eqslot.covered .gslot{background:repeating-linear-gradient(45deg,#e0b8661f 0 4px,#0000 4px 8px),#1d1624;border-style:dashed}.statbox small.up{color:#8ee09c;font-size:10px}.statbox small.down{color:#ff8c73;font-size:10px}.gearsum{color:#b7f5a3;text-align:left;margin-top:8px;font-size:11px;line-height:1.5}.setlist{text-align:left;flex-direction:column;gap:4px;margin-top:8px;display:flex}.setrow2{background:#e0b8661a;border:1px solid #e0b8664d;border-radius:6px;padding:5px 8px;font-size:11.5px}.setrow2 b{color:#ffd98c}.setrow2 small{color:#cdbfe0}.setrow2 span{color:#8f80a3;display:block}.setrow2 span.on{color:#b7f5a3}.gslot.dis{opacity:.4;filter:grayscale(.6)}.greq{color:#cdbfe0;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11.5px;display:flex}.greq span{align-items:center;gap:4px;display:inline-flex}.greq .bad{color:#ff8c73}.gstats{flex-wrap:wrap;gap:3px 10px;margin-top:2px;display:flex}.gst{color:#b7f5a3;font-size:12px}.gst.neg{color:#ff8c73}.gst.pos{color:#8ee09c;font-weight:600}.gset{background:#e0b86614;border:1px solid #e0b86640;border-radius:6px;margin-top:4px;padding:5px 7px;font-size:11.5px}.gset b{color:#ffd98c}.gset small{color:#cdbfe0}.gsetp{flex-wrap:wrap;gap:2px 8px;margin:2px 0;display:flex}.gsetp span{color:#8f80a3}.gsetp span.on{color:#fff3cf}.gsetb{color:#8f80a3}.gsetb .gst{color:inherit}.gsetb.on,.gsetb.on .gst{color:#b7f5a3}.gcmp{color:#cdbfe0;border-top:1px dashed #ffffff1f;flex-wrap:wrap;align-items:center;gap:3px 8px;margin-top:4px;padding-top:4px;font-size:11.5px;display:flex}.gcmp.bad{color:#ff8c73}.gcmp.on{color:#8ee09c}.ibtns{flex-wrap:wrap;gap:6px;display:flex}@media (width<=760px){.invbody{grid-template-columns:1fr}.doll{display:block}.dollmid .dollface{width:80px;height:80px}}.party .pslot{color:#c9a96a;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.capbox{background:#00000040;border:1px solid #e0b8664d;border-radius:8px;margin-top:10px;padding:8px 10px}.captitle{font-family:var(--gfont);color:#ffe7a8;margin-bottom:4px}.captitle small{color:#cdbfe0;margin-left:6px;font-family:system-ui;font-size:11px}.caprow{color:#8f80a3;grid-template-columns:18px 90px 110px 1fr;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:grid}.caprow b{font-weight:600}.caprow small{color:inherit;opacity:.8}.caprow.open{color:#b7f5a3}@media (width<=760px){.caprow{grid-template-columns:18px 1fr 1fr}.caprow small{grid-column:2/-1}}.attrwin{z-index:16;width:min(900px,100vw - 12px);max-height:90vh}.attrbody{grid-template-columns:1fr 260px;gap:12px;display:grid}.attrlist{flex-direction:column;gap:6px;display:flex}.attrrow{background:#00000038;border:1px solid #4d3f58;border-radius:8px;padding:7px 10px}.attrrow.key{background:linear-gradient(90deg,#e0b8661f,#00000038);border-color:#e0b86699}.attrhead{align-items:center;gap:8px;display:flex}.attrhead b{font-family:var(--gfont);color:#ffe7a8;width:34px;font-size:16px}.attrhead span{color:#fff3cf;font-size:13px}.attrhead em{color:#ffe7a8;border:1px solid var(--gold);background:#7a5730;border-radius:999px;padding:1px 6px;font-size:10.5px;font-style:normal}.attrval{font-family:var(--gfont);color:#fff;margin-left:auto;font-size:17px}.attrval small{color:#8ee09c;font-family:system-ui;font-size:11px}.attrval i{color:#8ee09c;margin-left:4px;font-style:normal}.attrbtn{gap:3px;display:flex}.attrbtn .chip{padding:2px 9px;font-size:14px}.attrdesc{color:#d9cbe8;margin-top:3px;font-size:12px;line-height:1.4}.attrdesc span{color:#c9a96a}.attrtier{color:#a897ba;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex}.attrtier .tb{color:#ffd98c;background:#3a2d44;border-radius:4px;padding:0 6px}.tbar{background:#ffffff1a;border-radius:3px;width:70px;height:5px;display:inline-block;overflow:hidden}.tbar b{background:linear-gradient(90deg,#8a5f22,#ffd98c);height:100%;display:block}.tup{color:#8ee09c;align-items:center;gap:3px;font-weight:600;display:inline-flex}.attrside{background:#00000047;border:1px solid #e0b8664d;border-radius:8px;align-self:start;padding:8px 10px;position:sticky;top:0}.clabel2{font-family:var(--gfont);color:#ffe7a8;margin-bottom:4px}.drow{color:#cdbfe0;border-bottom:1px dotted #ffffff14;grid-template-columns:1fr auto auto;gap:6px;padding:2px 0;font-size:12.5px;display:grid}.drow b{color:#fff3cf;font-weight:500}.drow i{color:#8ee09c;align-items:center;gap:3px;font-style:normal;display:inline-flex}.drow.ch span{color:#fff3cf}.attracts{gap:6px;margin:10px 0 6px;display:flex}.attracts .gbtn{flex:1;justify-content:center;align-items:center;gap:5px;display:inline-flex}.status.haspts .stats button:not(:disabled){border-color:var(--gold);color:#ffe7a8;background:#7a5730}@media (width<=760px){.attrbody{grid-template-columns:1fr}.attrside{position:static}.attrhead{flex-wrap:wrap}}.memberwin{z-index:16;width:min(820px,100vw - 12px);max-height:90vh}.attrwin{z-index:17!important}.mhead{align-items:center;gap:12px;margin-bottom:8px;display:flex}.mhead .mface{width:64px;height:64px;image-rendering:pixelated;background:0 0/300% 100% no-repeat;border:2px solid #c9a96a;border-radius:8px;flex:none}.mhead b{font-family:var(--gfont);color:#fff3cf;font-size:17px}.mhead small{color:#cdbfe0;font-size:12px;display:block}.mstat{color:#cdbfe0;flex-wrap:wrap;gap:2px 12px;margin-top:3px;font-size:12px;display:flex}.mstat b{color:#fff3cf;font-weight:500}.mbody{min-height:220px}.mgear{grid-template-columns:290px 1fr;gap:14px;display:grid}.mslots{grid-template-columns:repeat(5,1fr);align-content:start;justify-items:center;gap:6px 4px;display:grid}.mslots .eqslot[data-act]{cursor:pointer}.mbag{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.mitemwrap[data-act]{cursor:pointer}.clabel2 small{color:#a897ba;font-family:system-ui;font-size:11px;font-weight:400}.mcards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.mcard{border:2px solid var(--rank,#4d3f58);background:#00000040;border-radius:9px;align-items:center;gap:8px;min-height:64px;padding:18px 10px 8px;display:flex;position:relative}.mcard small{letter-spacing:1px;color:#c9a96a;text-transform:uppercase;font-size:10px;position:absolute;top:3px;left:8px}.mcard b{color:#fff3cf;font-size:13px;display:block}.mcard em{color:#cdbfe0;font-size:11px;font-style:normal}.mcard .chip{margin-left:auto;padding:2px 8px;font-size:11px}.mcard.empty{color:#8f80a3;border-style:dashed;border-color:#4d3f58;justify-content:center}.mcardlist{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:5px;margin:4px 0 8px;display:grid}.mcardbtn{text-align:left;color:#fff3cf;background:linear-gradient(#2f2738,#1d1724);border:1px solid #5b4868;border-radius:7px;align-items:center;gap:7px;padding:5px 8px;font-size:12.5px;display:flex}.mcardbtn small{color:#a897ba;font-size:10.5px;display:block}.mcardbtn .rk{color:#1a1020;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.mcardbtn:not(:disabled):hover{border-color:var(--gold)}.mcardbtn.on{border-color:#6fbf73}.mattr .chips{margin-bottom:6px}.mstatgrid{grid-template-columns:repeat(3,1fr);gap:4px 14px;margin:10px 0 4px;font-size:13px;display:grid}.mstatgrid div{color:#cdbfe0;border-bottom:1px dotted #ffffff1a;justify-content:space-between;display:flex}.mstatgrid div.key{color:#ffd98c}.mstatgrid b{color:#fff3cf;font-weight:500}.mstatgrid small{color:#8ee09c}.pmmanage b{color:#ffd98c}@media (width<=760px){.mgear,.mcards{grid-template-columns:1fr}.mstatgrid{grid-template-columns:repeat(2,1fr)}}.gcact{flex-direction:column;align-items:stretch;gap:6px;display:flex}.promoglow{animation:1.3s ease-in-out infinite promopulse;padding:7px 14px!important;font-size:15px!important}@keyframes promopulse{0%,to{box-shadow:0 0 6px #8fe09a80}50%{box-shadow:0 0 18px #8fe09af2,0 0 30px #ffd98c80}}.promotag{color:#1a1020;background:#8fe09a;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.famebar.full{border-color:#8fe09a;box-shadow:0 0 8px #8fe09a99}.famebar.full i{background:linear-gradient(90deg,#3f7a45,#8fe09a)}.gtitle .ghead{color:#cdbb93;margin-left:6px;font-family:system-ui,sans-serif;font-size:12px;font-weight:400}.gtitle small.disc{color:#1f3a1f;text-shadow:none;vertical-align:2px;background:#9be7a1;border-radius:9px;margin-left:6px;padding:1px 7px;font-family:system-ui,sans-serif;font-size:11px;font-weight:700}.qtracker .qfac{border-radius:2px;flex:none;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 1px #0009}.relwin{flex-direction:column;width:min(640px,100vw - 16px);max-height:88vh;display:flex}.relbody{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.relintro{color:#cdbb93;padding:2px 2px 4px;font-size:12px;line-height:1.45}.relcard,.relfig{border:1px solid #4a3a55;border-left:4px solid var(--fc);background:#140e1ab8;border-radius:8px;padding:8px 10px;position:relative}.relfig{align-items:center;gap:10px;display:flex}.relfig.unknown{opacity:.55}.relfig .rface{width:48px;height:48px;image-rendering:pixelated;border:1px solid var(--fc);color:#6c5a7a;font-family:var(--gfont);background:#241b2c 50%/cover no-repeat;border-radius:6px;flex:none;place-items:center;font-size:20px;display:grid}.relfig .rinfo{flex:1;min-width:0}.relhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.relhead b{font-family:var(--gfont);color:#fff3cf;font-size:15px}.reltier{color:var(--fc);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.relsub{color:#a99bb8;margin:2px 0 6px;font-size:11px;line-height:1.35}.relbar{background:#120c16;border-radius:4px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b2e45}.relbar i{background:linear-gradient(90deg, color-mix(in srgb, var(--fc) 60%, #000), var(--fc));border-radius:4px;position:absolute;inset:0 auto 0 0}.relbar .mid{background:#fff0c873;width:2px;position:absolute;top:-2px;bottom:-2px;left:50%}.relnum{color:#cdbfe0;justify-content:space-between;gap:8px;margin-top:3px;font-size:11px;display:flex}.relperks{color:#7f7190;gap:2px;margin:6px 0 0;padding:0;font-size:11px;list-style:none;display:grid}.relperks li.got{color:#d9f5dc}.relperks li b{color:inherit}.relnote{color:#cdbfe0;margin-top:6px;font-size:11px}.relnote.warn{color:#ffb38c}.relchain{color:#e8dcc0;background:#ffe7a80f;border-radius:5px;align-items:center;gap:6px;margin-top:6px;padding:4px 6px;font-size:11px;display:flex}.relchain.siap,.relchain.tersedia{color:#c9f5cd;background:#9be7a11f}.relchain.tamat{color:#a99bb8}.dialogue.narasi .portrait{display:none}.dialogue.narasi .dtext{color:#eadfc4;font-style:italic}.epilog{z-index:60;pointer-events:auto;background:radial-gradient(#28180ad1,#08050cf0);place-items:center;animation:.8s epfade;display:grid;position:fixed;inset:0}.epcard{text-align:center;border:2px solid var(--gold-d);background:linear-gradient(#3a2614e6,#1c121eeb);border-radius:14px;width:min(560px,100vw - 32px);padding:26px 26px 18px;box-shadow:0 0 40px #ffc8642e}.epcard h2{font-family:var(--gfont);color:#ffe7a8;text-shadow:0 2px #1a0f08,0 0 16px #ffbe5a80;margin:0 0 12px;font-size:26px}.epcard p{color:#f4ead2;margin:0 0 18px;font-size:16px;line-height:1.6}.epnav{color:#a99bb8;justify-content:space-between;align-items:center;font-size:12px;display:flex}@keyframes epfade{0%{opacity:0}to{opacity:1}}.qtracker .qtitle.kisah{color:#ffd166;text-shadow:0 0 8px #ffc85a73}.qtracker .qitem.kisah{border-left:3px solid #ffd166;padding-left:6px}.bestwin{flex-direction:column;width:min(860px,100vw - 16px);max-height:88vh;display:flex}.bestbody{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;min-height:0;display:grid}.bestlist,.bestdetail{min-height:0;padding-right:4px;overflow-y:auto}.bsec{font-family:var(--gfont);color:#ffe7a8;margin:4px 0 6px;font-size:13px}.bsec.boss{color:#ff9e80;margin-top:10px}.bsec small{color:#a99bb8;font-family:system-ui,sans-serif;font-size:11px}.bgrid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}.btile{cursor:pointer;color:#e8dcc0;background:#140e1ab8;border:1px solid #4a3a55;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:5px 3px 4px;display:flex}.btile:hover{border-color:var(--gold)}.btile.on{border-color:var(--gold);background:linear-gradient(#4a3420,#2a1d14);box-shadow:0 0 0 1px #e0b86666}.btile.boss{border-color:#7a3a3a}.btile.unk{opacity:.55}.btile small{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:10px;line-height:1.15;overflow:hidden}.btile .q,.bunknown .q{width:54px;height:54px;font-family:var(--gfont);color:#6c5a7a;place-items:center;font-size:26px;display:grid}.bsprite{image-rendering:pixelated;flex:none}.bhead{align-items:center;gap:12px;display:flex}.bhead .bsprite{background-color:#ffffff08;border-radius:10px}.bhead h3{font-family:var(--gfont);color:#fff3cf;margin:0;font-size:20px}.bmeta{color:#c9a96a;margin:2px 0 6px;font-size:12px}.btags{flex-wrap:wrap;gap:4px;display:flex}.btag{color:#e8dcc0;background:#ffffff12;border-radius:9px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;display:inline-flex}.btag.boss{color:#ffb38c;background:#ff785a33}.bkills{color:#cdbfe0;margin-top:6px;font-size:12px}.blore{color:#e8dcc0;margin:10px 0 6px;font-size:13px;line-height:1.55}.bwhere{color:#a7c4a0;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.bstats{grid-template-columns:repeat(6,1fr);gap:4px;margin:6px 0;display:grid}.bstats div{text-align:center;background:#140e1ab8;border:1px solid #3b2e45;border-radius:6px;padding:4px 2px}.bstats small{color:#a99bb8;font-size:10px;display:block}.bstats b{color:#fff3cf;font-size:14px}.bbeh{color:#cdbfe0;margin-bottom:8px;font-size:12px}.bhint{color:#a99bb8;margin:8px 0;font-size:12px;font-style:italic}.bdrops{gap:4px;display:grid}.bdrop{color:#e8dcc0;background:#140e1a99;border-radius:6px;align-items:center;gap:8px;padding:3px 6px;font-size:12px;display:flex}.bdrop span{flex:1}.bdrop b{color:#ffe7a8}.bunknown{text-align:center;color:#a99bb8;padding:40px 10px}.bunknown .q{margin:0 auto}@media (width<=640px){.bestbody{grid-template-columns:1fr}.bstats{grid-template-columns:repeat(3,1fr)}}.cinebars{pointer-events:none;z-index:0;position:absolute;inset:0}.cinebars .cbar{background:#07060a;height:0;transition:height .7s cubic-bezier(.2,.7,.2,1);position:absolute;left:0;right:0}.cinebars .cbar.top{top:0}.cinebars .cbar.bot{bottom:0}.cine .cinebars .cbar{height:9vh}.cine>:not(.dialogue):not(.cinebars):not(.sleep):not(.epilog):not(.areabanner){opacity:0;transition:opacity .5s;pointer-events:none!important}.cine .dialogue{bottom:calc(9vh + 14px)}.savetext{box-sizing:border-box;color:#e8dcc4;word-break:break-all;resize:vertical;background:#120e18;border:1px solid #5a4a3a;border-radius:6px;width:100%;min-height:140px;margin:8px 0;padding:8px;font:12px/1.4 monospace}:root{--f-panel:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC+UlEQVR4nO2av4vaYBjHv7ZCj8NBJYMUySDSMUMpUpxKh07HDeJcbjo6dJLDoTg4yFFKyR/Q6egsGcTphlI6iMjhkKGDFIcgR4YQHeS4g7uzQ3zjm/gmZ7z8aIqfRYx583y/vj/y5nmSSO/vLRBjkgBQq/CeG2qzlK9CuPTccxtRUgwDAFA9FDw1Pjm98BzQjQ/vX3k6v92RAWBlAAAKL187NhgP+1vI2p5NtSTtP+aEhuuFyy9yj5AFFPNZ/Jnoa8dJj/ZG6vJIl9lelVuW72sGAKvI3kh9tGgalnhW7GI+i+8/fpvfJ/ocirY+T5gGAEBqf0ROaECVW+ZnmNCxaxUe7V/s8xwN5IQGptoAN5fnqFV45IQGemcHQem1UD7qmivjVBsgw5XAc+xVj2mgN1Khyi3cXJ5jPOybK1T5qIvk0ycByTa4vbtHrcKjeihgPOyjAJg9wcJxDpCuqx4KaHdkiJKC2dV1IkjxBFFSFoCxtH9pfoMoKeC51MNzgF6eaNdhigeA2dV1gpgQJWU5B/Q1jQDgOh56ZwehiycsTTy4S1gzYF8ygx7zbthjsyZydOp8IgkYGzO/9zZBYdfJ7IFiPhuKGD9gGvgpK2Hr2BqmgXzW371+kMR+Eu8MRM3OQNTsDETNzkDU7AxEzc5AFEz01cN9LA3Qu+VYGqCJvYEkYBQXSH7+5PTCMsb+Nb5+MnS2OzJ6o//xiWyVnze4vbsPTYwde2xWatF1DpAscRSFwPT+3qJW4SFK7gkGiwFS1pnoc0tyN2wTRDyJTZuwl56Y2WlFm5sFDTq9LkrKIsz0OgDUm8eoN51LX67p9ak2QAEwU9zblGO3gfzj9eYxnj1/ZxY4PM0BVW4hw5XMC4YlHoBl2GS4kmtsxxJT6e1n8FwKOaEBnkuZ+Xk7bwQ+kEzeJrEBlxITDd119hS33+Ltw4Q1bGjWDDhVI+2VEa/Z7Ik+d71Bkjsswa3QTeNYYvIbN/GsrcumWkwD5N2DKMhnU1vHT8T9dZu/LEwx4NBGswcAAAAASUVORK5CYII=);--f-bg:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEIElEQVR4nM1XUXLbOgxcgqQl2XEz0/c+e/8DpqltGSTRD3lhyDlAyplMJJMEwMViCaVf//0wEYGZIaUEALisd0wlo9aK1hoAoJSC3jtyzui9I6Xk7yKCMYbvb62hlAIzwxgDZoZaK3rvEBGklNyfpJR8o4hARMBBQyklNzTGAACYGXLOvpZ2UkqotQIAeu8opfh7DBAAxhgQM0NrzY2pqgfDOQZmZs+Nj1MzYM611qCqu/feO8YY6L37oYiGlFIgIr7ofJw92vNxdih5GkKdUvIg6JAoRWTelsntiYjbMzOo6oZAzhmn+QAzw2VVP9HndcVcs7+PMZBz9memJgYT83s+zvi8rjv4yZ3zcUbOGYU/fLa2i55koQE65hyJSFJGEp7mAwDg9+XmBKYNInnTbU+hU5KL/3vveJ3rvaPWChHZwcyAmNvP6+prIm8IPW3lnJF+vi2Gbxzl54+T5yyWGvNKWDkXyxYAPi43vJ8W50esIiIDwLUgIi0ikMjgWGrMGzcQcgZGJ8ATTgCeIpKxlOJzLD3yx8yeZcjBTTxJztnR4TMHgyuloLWG9iByzDudRS0hijnnrQyLbAtU1VWL0llkc3go2ynoKIqQqjrpKDSRdJynKJGsvfetDFfdDC7TVj7XVbcaLcXnWkqelsiLiBLT0nvHfKiOlPaB1truUOOxp9QsuLaGlBK0Pw0eSsZ1vUNEfKOq7i6f11REflzX+xe+qCpSSriu9ydRb3cFecDcmJkHE51EPkSGR11IKfndwouM3EoPFOnr39CB40M2Y52TTLEsATg6/I2IMQURbu6n7VorLrcVNYunMOe8SXEsp1dYeXfzNwYQU8L7JPYKdJzzvrFhOTJl5VX14tXL8uHG1y4o8oFO4/3xqqpA98DGGBsf3k/Ljnzvp8VPnHP2v9NU/TcaOB4K3kIKaaM9qooBRRTPy4TzMnllpV//v5uZ7VTqtfWi0gFwOCNC52XCn1W/cCNK7hgD2gfmQ/U5EdmUkKThQk4SasLKjbGlGmPg43Jz0sXLKqb2NZXeVXFhrfWLo0goPjNYL6PHZZNSgqq6xPI5VhZH7BG/XwfOj6YRwK4+Py5XHA91l4LYN8QrmKUZkYgNbNQDsp9ELVFSowhxkEgAduzmiA0pANf72LAywNjqO4lp8PVLBtjfcuxoYpNBY7HR4FpWCJEgwrVWR0BEniSkANFYTEuc327KZwtea3XUjvMBtVZHYJkqVBWnZfKDqKqnyAMQEUw1e06Xh+gwFbESxhi4rvrlM66Ugsvt7u9mhtt9g/q6qt+StVaclgm9d0w1PxG43ZsT8M/jW4CRmxnmQ3FHkVDkCVPWe8dxPnz5gGHAquqB3u5ta0pV1XMf2X27P7+M7224A5Ip5p2BmBlW3Ws+OfHaUQP4fh34Cz8xE8FxJPlNAAAAAElFTkSuQmCC);--f-header:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAASUlEQVR4nGNsijH7z0ABYLl+7zUl+hlY/v6jyAEMLP8oNeDvf0oNGHgvDHgYDAIvUBwLFIYB4487PZRlpnvnTlDmAgEuDopcAACNnyyk6YTyHQAAAABJRU5ErkJggg==);--f-inset:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAATElEQVR4nGPkYGX5z0AkCLHXYWBhYGBgYGJi/EhIMRsLyyMGBgZdFpgAEyPjN2JsgWtgYWZ+Q4wGJmIUjWogVQMjByvL/xB7HaI1AAAPMAe+AMjYWgAAAABJRU5ErkJggg==);--f-inset-soft:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAATElEQVR4nGPkYGX5z0AkCLHXYWBhYGBgYGJi/EhIMRsLyzIGBoZMFpgAEyPjN2JsgWtgYWbeQIwGJmIUjWogVQMjByvL/xB7HaI1AACppQeCiM3OHAAAAABJRU5ErkJggg==);--f-card:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAZElEQVR4nGMU4OL4z0ACYGFgYGBoSzMiqPDQuWcMO868gGhgYGBgmLX5wRtcil+9/8JgpyMkArcBBr58//UNhx4uGIOJoFvQwHDQgBJK33784sKlEEODhjSbiIa0EEEbGElNGgCygxZivHmTHAAAAABJRU5ErkJggg==);--f-slot:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoElEQVR4nGMU4OL4z0ABYGJgYGA4tsCHoShIjuHPfwaicFGQHMOxBT4MDAwMDCwMDAwMazZdgnCYmYi2GaaHUYCL4/+f/xDNbKysRGnm4WJnUJEVYzh16Q4D8VbiAKMGjBrAwABNymXBcgwMDAwMC/Z/IEpTgqMAAwPDL4ZTl6AGhPjpMazZdIlBRVaMSHt/MYT46TH0rXsEyQukOhsZAABwKzOiHdIRXwAAAABJRU5ErkJggg==);--f-bar:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQUlEQVR4nGMU4OL4z4AHsDAwMDDoKElgSOioSDCs2HUBooCBgYHh3O1nGAoYGBgYmPAZTx0FcDfEeRphVcBIyJsAEOwJJ9WEUnYAAAAASUVORK5CYII=);--f-tab:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR4nGNkYGBgcDPT+n/qyj0GUsGHbz8YGQW4OP6b6SgxiAjwkWzAtiMXGFhgnLuPnpFsAAMDA8KA///J0o9sAHkmUM+AfwPvBQaKw4As/VQNxCHvBSpEI3kAADIhLd/4j1vJAAAAAElFTkSuQmCC);--f-tab-on:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUElEQVR4nGNkYGBgaIpR+9+37hEDqeDDtx+MLAJcHP8ZGBgYji3wIdkAq4Qt/1lgnDlLrpNsAAMDAwPcgL///g+wAf8G3AXDwIDRQBzAQAQAo081Kh1Y24sAAAAASUVORK5CYII=);--f-btn:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcklEQVR4nGNkYGBgEODi+M9ABvjw7QcjowAXx//Ntdbk6GfwbT7KwMLAwMDw8sMPhkevv5KkecepJwwMDAwQAxgYGBj+/iXLFwgD/vz9R5kBf/8NtAso98JoIFJmwKytN8nSDDfgybsfZBvAyMBAWXYGABIlNvTrvo+dAAAAAElFTkSuQmCC);--f-btn-hover:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcElEQVR4nGNkYGBgEODi+M9ABvjw7QcjowAXx/+HS4LJ0c8gH7OWgYWBgYHhyZuvDHeefiJJ8+Lt1xgYGBggBjAwMDD8+fuPLFcgDPhDqQEUu2DAvfB76HthYGOhfs4JsjTDDbj36hvZBjAyMFCWnQG+OzZE2uYj5gAAAABJRU5ErkJggg==);--f-btn-gold:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAb0lEQVR4nGNkYGBgEODi+M9ABvjw7QcjowAXx//3n+rJ0c8gyNfIwMLAwMDA8PgDw9Nbr0jS3DV5NwMDAwPUAAYGhj+//5DlCoQBf/5SagClLvg96gLKY2FA00F+7lKyNMMNuPLwC9kGMDIwUJadAbQDNGBQf8d0AAAAAElFTkSuQmCC);--f-btn-green:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhElEQVR4nGNkYGBgEODi+M9ABvjw7QcjowAXx/+cC+nk6GeYYjCTgYWBgYHh0/PPDG/uvyNJ84k15xgYGBggBjAwMDD8/fOPLFcgDPj7l0ID/lBsAKVeoNgFlIfBgHuB8jAgzwuMAlwc/4WcxMjS/G7fK2heePiFLAMYGBgYGBkYKMvOADrPOKj+dB6ZAAAAAElFTkSuQmCC);--f-btn-red:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAfUlEQVR4nGNkYGBgEODi+M9ABvjw7QcjowAXx//nwQ7k6GeQXHuAgYWBgYHh8dcfDLc/fiFJ8/yr9xgYGBggBjAwMDD8+fePLFcgGUBWMFDVBQNtwO+/o2FAbjpgFODi+O/Cx0WW5j2fvkFccO/bD7IMYGBgYGBkYKAsOwMAqos41q5gvAEAAAAASUVORK5CYII=);--f-btn-dark:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVR4nMWTIQ6EQAxFX5NNmExWzEHwnIBTcwI8eh0GRQIZBgRFINDbCurfy+9PKwApBsUwcy4iKQZtm9rC0/UDH4BcDpa8/QX/xgngFgComrZ4BOfpFPgTvC5Qbwf+BK93YL0DSTHoN1YmeM37nWAth0kAIOB75wvGbjmr4n4vHQAAAABJRU5ErkJggg==);--ink:#f2e6cc;--ink-dim:#c8b490;--ink-mute:#9a8670}#hud,.gtip{font-family:var(--gfont);font-size:13px}#hud,.gwin,.gtip,.dialogue,.tutorial{image-rendering:pixelated}.gwin{border:18px solid #0000;border-image:var(--f-panel) 16 / 32px / 0 stretch;background:var(--f-bg) 0 0 / 64px 64px repeat;color:var(--ink);background-clip:padding-box;border-radius:0;padding:2px 10px 10px;box-shadow:0 20px 44px #000000b8,0 0 0 2px #0000008c}.gwin:before,.gwin:after{content:none}.gwin::-webkit-scrollbar{width:10px;height:10px}.gwin ::-webkit-scrollbar{width:10px;height:10px}.gwin::-webkit-scrollbar-track{background:#120c09;box-shadow:inset 0 0 0 1px #000}.gwin ::-webkit-scrollbar-track{background:#120c09;box-shadow:inset 0 0 0 1px #000}.gwin::-webkit-scrollbar-thumb{background:#6a4a2c;border:2px solid #120c09;box-shadow:inset 1px 1px #9a7044}.gwin ::-webkit-scrollbar-thumb{background:#6a4a2c;border:2px solid #120c09;box-shadow:inset 1px 1px #9a7044}.gwin{scrollbar-color:#6a4a2c #120c09}.gtitle{border:8px solid #0000;border-bottom-width:10px;border-image:var(--f-header) 5 fill / 10px stretch;letter-spacing:.5px;color:#ffe2a0;text-shadow:0 2px #1a0e06,1px 0 #1a0e06,-1px 0 #1a0e06;background:0 0;border-radius:0;margin:-2px -10px 10px;padding:4px 10px 6px;font-size:17px}.gtitle .ghead,.gtitle small{color:#d8c08e;font-family:var(--gfont)!important}.gclose{border:5px solid #0000;border-image:var(--f-btn-red) 5 fill / 10px stretch;border-radius:0;place-items:center;width:30px;height:30px;padding:0;display:grid;background:0 0!important}.gclose:hover{filter:brightness(1.2)}.gclose:active{transform:translateY(1px)}.gtabs{border-bottom:3px solid #1a110b;gap:4px;margin:0 0 10px;padding-left:4px;box-shadow:0 1px #5a3e26}.gtabs button{border:6px solid #0000;border-bottom:0;border-image:var(--f-tab) 5 fill / 10px 10px 0 stretch;color:#bba88a;background:0 0;border-radius:0;align-items:center;gap:5px;margin-bottom:-3px;padding:2px 10px 4px;font-size:13px;display:inline-flex}.gtabs button:hover{color:#f2e2c0}.gtabs button.on{border-image-source:var(--f-tab-on);color:#ffe7a8;text-shadow:0 1px #1a0e06;padding-bottom:7px}.gbtn,.chip,.dopt,.menubtns button,.cmdrow button,.party .strat,.pcollapse,.pmfoods button,.attrbtn .chip,.gwin .sbtns button{border:5px solid #0000;border-image:var(--f-btn) 5 fill / 10px stretch;color:#fff2d4;font-family:var(--gfont);text-shadow:0 1px #2a1708;box-shadow:none;padding:2px 10px;background:0 0!important;border-radius:0!important}.gbtn:not(:disabled):hover,.chip:not(:disabled):hover,.dopt:not(:disabled):hover,.menubtns button:not(:disabled):hover,.cmdrow button:not(:disabled):hover,.gwin .sbtns button:not(:disabled):hover{border-image-source:var(--f-btn-hover);filter:none;box-shadow:none}.gbtn:not(:disabled):active,.chip:not(:disabled):active,.dopt:not(:disabled):active,.menubtns button:not(:disabled):active{transform:translateY(1px)}.gbtn.beli,.gbtn.green,.chip.on{border-image-source:var(--f-btn-green)}.gbtn.gold,.gbtn.jual{border-image-source:var(--f-btn-gold);color:#3a2408;text-shadow:0 1px #fff0c899}.gbtn.danger,button.danger.active,.gbtn.danger.active{border-image-source:var(--f-btn-red)}.gbtn.ghost,.chip:not(.on){border-image-source:var(--f-btn-dark);color:#d8c8a8}.gbtn.big{padding:6px 16px}.gbtn:disabled,.chip:disabled{filter:grayscale(.9)brightness(.65)}.cmdrow button.active,.tabs button.active,button.active{text-shadow:none;border-image-source:var(--f-btn-gold)!important;color:#3a2408!important}.dopt{text-align:left;padding:4px 10px;font-size:13.5px}.gcard,.qcard,.relcard,.relfig,.pm,.spane,.detail,.doll,.attrrow,.attrside,.capbox,.setrow2,.gset,.rkrow,.carddetail .cstats,.shoprow,.lootinfo,.relchain,.bestdetail,.mbody,.keeper+.shopbody .spane{border:6px solid #0000!important;border-image:var(--f-inset) 4 fill / 8px stretch!important;background:0 0!important;border-radius:0!important}.qcard.ready,.qcard.exam,.attrrow.key,.rkrow.cur,.gcard,.relchain.siap,.relchain.tersedia{border-image-source:var(--f-card)!important}.qcard.ready{box-shadow:0 0 10px #8fe09a59}.relcard,.relfig{box-shadow:inset 4px 0 0 var(--fc);padding-left:12px}.rkrow{opacity:.75}.rkrow.cur{opacity:1}.relchain{margin-top:6px}.detail{min-height:96px}.btile{border:5px solid #0000;border-image:var(--f-slot) 5 fill / 10px stretch;background:0 0;border-radius:0}.btile:hover{filter:brightness(1.2)}.btile.on{border-image-source:var(--f-card);background:0 0;box-shadow:0 0 0 2px #e0b866}.btile.boss{box-shadow:inset 0 0 0 2px #c8463c8c}.gslot,.slot{box-shadow:none;border:5px solid #0000!important;border-image:var(--f-slot) 5 fill / 10px stretch!important;background:0 0!important;border-radius:0!important}.gslot:not(.empty):hover,.slot:hover{filter:brightness(1.25);transform:none}.gslot.empty{filter:brightness(.75)}.gslot.sel{outline-offset:-2px;outline:2px solid #ffe7a8}.gslot.r-bagus{box-shadow:inset 0 0 0 2px #4f9d58}.gslot.r-langka{box-shadow:inset 0 0 0 2px #4d8cff,0 0 6px #4d8cff80}.gslot.r-epik{box-shadow:inset 0 0 0 2px #b359ff,0 0 8px #b359ff8c}.gslot.r-legendaris{box-shadow:inset 0 0 0 2px #ff9926,0 0 10px #ff9926a6}.gslot.r-mitos{box-shadow:inset 0 0 0 2px #ff3340,0 0 12px #ff3340b3}.gslot .stag{background:#1a110b;border:1px solid #6a4a2c;border-radius:0}.slot:not(.ult):not(.dodge):not(.empty){box-shadow:inset 0 -3px 0 var(--rank,#6a4a2c)}.slot.ult{background:radial-gradient(circle at 50% 35%,#3a2a1c,#120c08 80%)!important;border:3px solid #8a6a3a!important;border-image:!important;border-radius:50%!important}.slot.assign{box-shadow:0 0 0 2px #ffd166,0 0 10px #ffd166}.portrait,.dollface,.kface,.sface,.pmface,.mhead .mface,.relfig .rface,.bhead .bsprite{border:5px solid #0000!important;border-image:var(--f-slot) 5 / 10px stretch!important;border-radius:0!important}.barwrap,.famebar,.qprog,.relbar,.minibar,.tbar,.tutorial .tprog,.pmini i{box-sizing:content-box;border:3px solid #0000!important;border-image:var(--f-bar) 3 fill / 6px stretch!important;background:0 0!important;border-radius:0!important}.bar,.famebar i,.qprog i,.relbar i,.minibar i,.tbar b,.tutorial .tprog i,.pmini b{box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000040;border-radius:0!important}.status .barwrap{height:11px}#hud .panel{border:8px solid #0000;border-image:var(--f-card) 4 fill / 8px stretch;background:0 0;border-radius:0;box-shadow:0 6px 16px #00000073}#hud .panel.log{border-image-source:var(--f-inset-soft);box-shadow:none}.qtracker,.tutorial,.downed,.help .helpbody,.clock{box-shadow:0 6px 16px #00000073;border:8px solid #0000!important;border-image:var(--f-card) 4 fill / 8px stretch!important;background:0 0!important;border-radius:0!important}.clock{padding:0 8px;border-width:6px!important}.qtracker{padding:4px 6px}.slv{border-radius:0}.ptsbtn{border:5px solid #0000;border-image:var(--f-btn-gold) 5 fill / 10px stretch;color:#3a2408;text-shadow:none;background:0 0;border-radius:0;padding:2px 8px}.touchbar button{border:5px solid #0000;border-image:var(--f-btn-dark) 5 fill / 10px stretch;background:0 0;border-radius:0}.touchbar button:not(:disabled):hover{border-image-source:var(--f-btn);background:0 0}.minimap .mmzoom,.minimap .mmopen{border:4px solid #0000;border-image:var(--f-btn-dark) 5 fill / 8px stretch;background:0 0;border-radius:0}.minimap .mmring{border:4px solid #6a4a2c;box-shadow:inset 0 0 0 2px #0d0805,0 0 0 2px #120a06,0 0 0 4px #c9a050,0 6px 18px #0009}.dialogue{border:16px solid #0000;border-image:var(--f-panel) 16 / 32px stretch;background:var(--f-bg) 0 0 / 64px 64px repeat;background-clip:padding-box;background:var(--f-bg) 0 0 / 64px 64px repeat, linear-gradient(180deg, #2a1d14, #170f0a);background-clip:padding-box;border-radius:0;padding:6px 10px}.dialogue.noface .portrait{display:none}#hud.talking .touchbar,#hud.talking .hotbar,#hud.talking .log,#hud.talking .interacthint{opacity:0;transition:opacity .15s;pointer-events:none!important}.dialogue .doptions{max-height:42vh;overflow-y:auto}#hud.talking:not(.cine) .dialogue{bottom:16px}.dname{font-family:var(--gfont);color:#ffd98a;text-shadow:0 1px #1a0e06;font-size:16px}.dtext{font-family:var(--gfont);color:var(--ink);font-size:14.5px}.dialogue.narasi .dtext{font-family:Cormorant Garamond,serif;font-size:17px}.kbubble{border:6px solid #0000;border-image:var(--f-card) 4 fill / 8px stretch;color:var(--ink);box-shadow:none;background:0 0;border-radius:0}.kbubble:before{border-right-color:#6a4a2c}.kbubble b{color:#ffd98a}.gtip{border:8px solid #0000;border-image:var(--f-card) 4 fill / 8px stretch;background:0 0;border-radius:0;box-shadow:0 8px 20px #0009}.mapcanvas{border:6px solid #0000;border-image:var(--f-inset) 4 fill / 8px stretch;border-radius:0}.gwin small,.dollname small,.spaneTitle small,.attrval small,.gtitle .ghead{font-family:var(--gfont)}.qdesc,.relintro,.relsub,.attrdesc,.blore{color:#e2d4b8}.rankbadge{border-radius:2px}.control-prompt{color:#ffe2a0;flex-direction:column;gap:3px;margin:10px 0 4px;display:flex}.control-prompt small{color:var(--ink-dim);font-size:11px}.control-options{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.control-options .chip{flex:140px}.pm button:not(.active){color:#fff2d4;font-family:var(--gfont);text-shadow:0 1px #2a1708;border:5px solid #0000!important;border-image:var(--f-btn) 5 fill / 10px stretch!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.pm button:not(.active):not(:disabled):hover{border-image-source:var(--f-btn-hover)!important}.cmdrow{grid-template-columns:repeat(4,minmax(0,1fr))}.cmdrow button{text-overflow:ellipsis;min-width:0;font-size:10.5px;overflow:hidden;border-width:4px!important;padding:1px 0!important}.cmdrow button small{font-size:8px}#hud .panel.log{background:linear-gradient(#0e090759,#0e09079e);border:0;border-image:;padding:6px 8px;font-size:12px;line-height:1.3}.cards .card .cname{font-family:var(--gfont);color:#f3e6c8;text-shadow:0 1px #000;text-align:center;font-size:12px}.cmdrow button small{display:none}.cmdrow button{font-size:11px}.interacthint{z-index:6;pointer-events:auto;border:6px solid #0000;border-image:var(--f-btn-gold) 5 fill / 12px stretch;color:#3a2408;font-family:var(--gfont);cursor:pointer;background:0 0;border-radius:0;padding:4px 16px;font-size:16px;animation:1.4s ease-in-out infinite hintpulse;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.interacthint.hidden{display:none}.interacthint kbd{font-family:var(--gfont);color:#ffe2a0;background:#3a2408;margin-right:4px;padding:0 5px;font-size:12px}.interacthint:hover{filter:brightness(1.1)}@keyframes hintpulse{50%{transform:translate(-50%)translateY(-3px)}}@media (width<=760px){.interacthint{font-size:15px;bottom:170px}}@media (width<=760px) and (height<=500px){#hud .status{transform-origin:0 0;transform:scale(.86)}#hud .party{display:none}#hud .touchbar{max-height:34vh;top:82px}#hud .hotbar{max-width:calc(100vw - 80px)}#hud .hotbar .slot.attack{width:54px;height:54px}#hud .hotbar .slot.dodge{width:42px;height:42px;bottom:70px}#hud .virtual-joystick{width:92px;height:92px}#hud .joy-knob{width:40px;height:40px}#hud .interacthint{bottom:60px}}.ctlpick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 10px;display:grid}.setgrid .wide{grid-column:1/-1}.ctlcard{color:#e9dcc0;cursor:pointer;font:inherit;text-align:center;background:#1410168c;border:2px solid #c9a96a73;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 30px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.ctlcard:hover{background:#30241899;border-color:#ffd98ccc}.ctlcard:active{transform:translateY(1px)}.ctlcard.on{background:#4e3a18b3;border-color:#ffd98c;box-shadow:0 0 0 2px #ffd98c40,0 0 16px #ffc86440}.ctlcard .ctlart{background:#00000059;border-radius:8px;place-items:center;width:84px;height:84px;display:grid}.ctlcard .ctlart .ico{image-rendering:pixelated}.ctlcard b{color:#fff3cf;font-size:14px}.ctlcard ul{color:#cfc2a6;margin:0;padding:0;font-size:11px;line-height:1.5;list-style:none}.ctlcard .ctlmark{color:#cfc2a6;background:#ffffff0f;border-radius:4px;padding:2px 0;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:8px;right:8px}.ctlcard.on .ctlmark{color:#2a1b0c;background:#ffd98c}@media (width<=420px){.ctlcard .ctlart{width:64px;height:64px}.ctlcard .ctlart .ico{transform:scale(.8)}.ctlcard ul{font-size:10px}}#hud .actpad{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:8;pointer-events:none;transform-origin:100% 100%;width:320px;height:300px;position:fixed}#hud .actpad.hidden{display:none}#hud .actpad .slot{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;margin:0;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 35%,#463422eb,#120c09eb 78%)!important;border:3px solid #ffd98cbf!important;border-image:!important;border-radius:50%!important;box-shadow:0 0 0 2px #0009,0 4px 10px #00000080!important}#hud .actpad .slot:active{filter:brightness(1.3);transform:translate(-50%,-50%)scale(.94)}#hud .actpad .slot .key{display:none}#hud .actpad .slot .cd,#hud .actpad .slot .ring{border-radius:50%}#hud .actpad .slot .cost{font-size:9px;bottom:2px;left:50%;right:auto;transform:translate(-50%)}#hud .actpad .slot .srank{display:none}#hud .actpad .slot.empty{opacity:.45;border-style:dashed!important}#hud .actpad .slot.nosp{filter:grayscale(.7)brightness(.8)}#hud .actpad .slot[data-pos=atk]{width:92px;height:92px;top:226px;left:250px}#hud .actpad .slot[data-pos=s1]{width:58px;height:58px;top:226px;left:128px}#hud .actpad .slot[data-pos=s2]{width:58px;height:58px;top:165px;left:144px}#hud .actpad .slot[data-pos=s3]{width:58px;height:58px;top:120px;left:189px}#hud .actpad .slot[data-pos=s4]{width:58px;height:58px;top:104px;left:250px}#hud .actpad .slot[data-pos=dodge]{width:54px;height:54px;top:226px;left:45px}#hud .actpad .slot[data-pos=ult]{width:66px;height:66px;top:81px;left:105px}#hud .actpad .slot[data-pos=atk]{background:radial-gradient(circle at 50% 35%,#8a3a2a,#3a130c 80%)!important;border-width:4px!important;border-color:#ffd98c!important}#hud .actpad .slot[data-pos=atk] .icon .ico{transform:scale(1.5)}#hud .actpad .slot[data-pos=atk] .combo{color:#ffe066;text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:absolute;top:6px;right:14px}#hud .actpad .slot[data-pos=dodge]{background:radial-gradient(circle at 50% 35%,#2a4a62,#0c1a26 80%)!important;border-color:#9fd8ff!important}#hud .actpad .slot[data-pos=ult]{border-color:#a0c4ff!important}#hud .actpad .slot[data-pos=ult].ready{box-shadow:0 0 0 2px #000,0 0 16px #a0c4ff!important}#hud.ctl-joystick .hotbar{left:auto;right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 300px);max-width:none;overflow:visible;transform:none}#hud.ctl-joystick .hotbar .slot.empty:not(.assign){display:none}@media (width<=760px){#hud .actpad{transform:scale(.8)}#hud.ctl-joystick .hotbar{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 244px)}#hud .virtual-joystick{width:112px;height:112px;left:max(12px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom))}}@media (width<=380px){#hud .actpad{transform:scale(.76)}}@media (height<=500px){#hud .actpad{transform:scale(.66)}#hud.ctl-joystick .hotbar{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 200px)}}@media (width<=760px) and (height>=501px){#hud .status{transform-origin:0 0;transform:scale(.74)}#hud .party{display:none}#hud .qtracker{transform-origin:0 0;width:min(190px,52vw);left:6px;transform:scale(.9)}#hud.ctl-joystick .interacthint{bottom:262px}#hud .areabanner b{font-size:22px}#hud .minimap{transform-origin:100% 0;transform:scale(.7)}#hud .clock{transform-origin:100% 0;top:150px;left:auto;right:6px;transform:scale(.85)}#hud .touchbar{top:184px}}@media (width>=761px){#hud.ctl-joystick .touchbar{left:50%;right:auto;bottom:max(10px, env(safe-area-inset-bottom));top:auto;transform:translate(-50%)}#hud.ctl-joystick .interacthint{bottom:120px}}@media (height<=520px){#hud .status{transform-origin:0 0;top:4px;left:4px;transform:scale(.56)}#hud .party{display:none}#hud .minimap{transform-origin:100% 0;top:4px;right:4px;transform:scale(.66)}#hud .clock{font-size:11px;top:4px;left:50%;right:auto;transform:translate(-50%)}#hud .qtracker{transform-origin:0 0;width:230px;max-height:calc(135.135vh - 375.676px);left:4px;overflow:hidden;transform:scale(.74)}#hud .touchbar,#hud.ctl-joystick .touchbar{flex-flow:row;gap:3px;width:auto;max-width:none;max-height:none;display:flex;inset:40px auto auto 50%;overflow:visible;transform:translate(-50%)}#hud .touchbar button{width:32px;min-width:0;height:32px;padding:0}#hud .touchbar button:nth-child(3),#hud .touchbar button:nth-child(4),#hud .touchbar button:nth-child(5),#hud .touchbar button:nth-child(14){display:none}#hud .touchbar button{place-items:center;display:grid}#hud .log,#hud.ctl-joystick .log{width:min(420px,100vw - 398px);min-height:0;max-height:44px;padding:3px 6px;font-size:10px;line-height:1.3;display:block;bottom:6px;left:148px;right:auto;overflow:hidden;transform:none}#hud:not(.ctl-joystick) .log{bottom:64px}#hud .interacthint,#hud.ctl-joystick .interacthint{padding:2px 12px;font-size:13px;bottom:56px}#hud .virtual-joystick{width:96px;height:96px;left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom))}#hud .actpad{transform:scale(.7)}#hud.ctl-joystick .hotbar{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 212px)}#hud .areabanner b{font-size:22px}#hud .help{display:none}}#hud .virtual-joystick{z-index:4;width:min(46vw,460px);height:62vh;box-shadow:none;background:0 0;border:0;border-radius:0;bottom:0;left:0}#hud .virtual-joystick .stick-base{width:var(--stick,140px);height:var(--stick,140px);opacity:.7;inset:auto;left:calc(max(14px, env(safe-area-inset-left)) + var(--stick,140px) / 2);top:calc(100% - max(14px, env(safe-area-inset-bottom)) - var(--stick,140px) / 2);transition:opacity .15s;transform:translate(-50%,-50%)}#hud .virtual-joystick.on .stick-base{opacity:1}#hud .virtual-joystick .stick-knob{width:44%;height:44%}#hud.ctl-joystick .qtracker{z-index:6}@media (width<=760px) and (height>=501px){#hud .virtual-joystick{--stick:118px;width:60vw;height:45vh}}@media (height<=520px){#hud .virtual-joystick{--stick:124px;height:72vh}}#hud .actpad .slot.hidden{display:none}#hud .actpad .slot[data-pos=pcmd]{width:54px;height:54px;top:148px;left:61px;background:radial-gradient(circle at 50% 35%,#2c5a3a,#0e2014 80%)!important;border-color:#7dff9b!important}#hud .actpad .slot[data-pos=pcmd] .icon{margin-top:-8px}#hud .actpad .slot[data-pos=pcmd] .plabel{text-align:center;color:#eaffef;text-shadow:0 1px 2px #000;font-size:10px;font-weight:800;position:absolute;bottom:6px;left:0;right:0}#hud .actpad .slot[data-pos=pcmd].retreating{background:radial-gradient(circle at 50% 35%,#6a4a1c,#241606 80%)!important;border-color:#ffd98c!important}#hud .actpad .slot[data-pos=pcmd].urgent{animation:.7s ease-in-out infinite pcmdurgent;border-color:#ff6b5a!important}@keyframes pcmdurgent{50%{filter:brightness(1.35);box-shadow:0 0 0 2px #000,0 0 18px #ff4a3a!important}}:root{--tfont:"Cinzel", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sfont:"Cormorant Garamond", "Palatino Linotype", Georgia, serif;--thread:#ffd98c}.ico{vertical-align:-.2em;image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.screen{z-index:40;color:var(--ink);font-family:var(--gfont);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.screen.hidden{display:none}.screen .scenery{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.fadeveil{z-index:60;opacity:0;pointer-events:none;background:#000;transition:opacity .8s;position:fixed;inset:0}.fadeveil.on{opacity:1;pointer-events:auto}.fadeveil.white{background:#fff8e6}.loading{background:#07060b;place-items:center;display:grid}.loading .lbox{text-align:center;width:min(320px,80vw)}.loading .ltitle{font-family:var(--tfont);letter-spacing:6px;color:#c9a96a;margin-bottom:14px;font-size:14px}.loading .lbar{background:#1d1626;border-radius:2px;height:4px;overflow:hidden}.loading .lbar i{background:linear-gradient(90deg, #7d5b2c, var(--thread));width:0;height:100%;transition:width .2s;display:block}.loading .lhint{color:#8a7b98;margin-top:10px;font-size:12px}.title-screen{background:0 0}.title-screen:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#06050cdb 0%,#06050c8c 30%,#06050c00 58%),linear-gradient(#06050c59 0%,#0000 22% 70%,#06050ccc 100%);position:absolute;inset:0}.title-screen:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #000000a6}.title-screen .cutveil{z-index:1;opacity:1;pointer-events:none;background:#050408;transition:opacity .9s;position:absolute;inset:0}.title-screen .cutveil.off{opacity:0;transition-duration:1.4s}.title-screen .intro{z-index:9;pointer-events:none;background:#000;animation:2.6s forwards introfade;position:absolute;inset:0}@keyframes introfade{0%,25%{opacity:1}to{opacity:0}}.logo{z-index:2;text-align:left;max-width:calc(100vw - 32px);animation:2.4s .6s both logoin;position:absolute;top:13vh;left:clamp(16px,7vw,120px)}@keyframes logoin{0%{opacity:0;letter-spacing:.02em;transform:translateY(10px)}to{opacity:1;transform:none}}.logo .kicker{font-family:var(--tfont);letter-spacing:7px;color:#c9a96a;opacity:.8;text-transform:uppercase;font-size:11px}.logo h1{font-family:"Cinzel Decorative", var(--tfont);letter-spacing:.03em;background:linear-gradient(#fff3cf 0%,#f1cf86 40%,#c48a3a 66%,#8a5a24 100%);color:#0000;filter:drop-shadow(0 3px #2a1508)drop-shadow(0 0 22px #ffbe5a47);-webkit-background-clip:text;background-clip:text;margin:6px 0 0;font-size:clamp(42px,7vw,92px);font-weight:700;line-height:.95}.logo .rule{align-items:center;gap:10px;width:min(360px,70vw);margin:12px 0 0;display:flex}.logo .rule:after{content:"";background:linear-gradient(90deg,#c9a96a,#0000);flex:1;height:1px}.logo .rule i{background:var(--thread);width:7px;height:7px;box-shadow:0 0 8px var(--thread);transform:rotate(45deg)}.logo .sub{font-family:var(--sfont);color:#e9dcc0;text-shadow:0 2px 6px #000;margin-top:8px;font-size:clamp(17px,2vw,23px);font-style:italic}.press{z-index:2;font-family:var(--tfont);letter-spacing:5px;color:#f4e3bd;text-shadow:0 0 10px #ffc87899,0 2px 3px #000;white-space:nowrap;font-size:13px;animation:2.4s ease-in-out 2.4s infinite both breathe;position:absolute;bottom:20vh;left:clamp(16px,7vw,120px)}@keyframes breathe{0%,to{opacity:.3}50%{opacity:1}}.mainmenu{z-index:2;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1px;width:min(380px,100vw - 32px);transition:opacity .6s,transform .6s;display:flex;position:absolute;bottom:11vh;left:clamp(16px,7vw,120px);transform:translateY(8px)}.mainmenu.on{opacity:1;pointer-events:auto;transform:none}.mitem{cursor:pointer;color:#d8ccb4;width:100%;font-family:var(--tfont);letter-spacing:3px;text-transform:uppercase;text-align:left;text-shadow:0 2px 4px #000;background:0 0;border:0;padding:7px 0 7px 22px;font-size:17px;font-weight:600;transition:color .15s,padding .2s,letter-spacing .2s;display:block;position:relative}.mitem small{font-family:var(--sfont);text-transform:none;letter-spacing:.3px;color:#b9a98e;margin-top:1px;font-size:15px;font-style:italic;font-weight:500;display:block}.mitem.minor{letter-spacing:2px;color:#9d8f7a;padding-top:10px;font-size:12px}.mitem:disabled{opacity:.32;cursor:default}.mitem:not(:disabled):hover,.mitem.focus{color:#fff3cf;padding-left:30px}.mitem:before{content:"";background:var(--thread);width:7px;height:7px;box-shadow:0 0 8px var(--thread);margin-top:-4px;transition:transform .2s;position:absolute;top:50%;left:4px;transform:rotate(45deg)scale(0)}.mitem:has(small):before{margin-top:0;top:19px}.mitem.focus:before{transform:rotate(45deg)scale(1)}.mitem.focus:after{content:"";background:linear-gradient(90deg,#ffd98cb3,#0000);height:1px;position:absolute;bottom:2px;left:22px;right:30%}.tcaption{z-index:2;text-align:right;font-family:var(--sfont);color:#e9dcc0;text-shadow:0 2px 6px #000;opacity:0;font-size:17px;font-style:italic;transition:opacity 1.2s;position:absolute;bottom:7vh;right:clamp(16px,4vw,48px)}.tcaption.on{opacity:.85}.tcaption:before{content:"";background:linear-gradient(90deg,#0000,#c9a96a);width:64px;height:1px;margin:0 0 6px auto;display:block}.tfoot{z-index:2;letter-spacing:.5px;color:#8a7f74;text-shadow:0 1px 2px #000;justify-content:space-between;gap:12px;font-size:10.5px;display:flex;position:absolute;bottom:12px;left:clamp(16px,7vw,120px);right:clamp(16px,4vw,48px)}.screen .gwin{z-index:5}.modalshade{z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06040a8c;position:absolute;inset:0}.modalshade.hidden{display:none}.slotwin{width:min(720px,100vw - 20px)}.slotlist{flex-direction:column;gap:8px;display:flex}.slotcard{background:linear-gradient(#ffffff0d,#0000002e);border:2px solid #4d3f58;border-radius:9px;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:8px 10px;transition:border-color .15s,transform .12s;display:grid}.slotcard.filled{cursor:pointer}.slotcard.filled:hover{border-color:var(--gold);transform:translateY(-1px)}.slotcard.empty{opacity:.8;border-style:dashed}.slotcard .sface{width:76px;height:76px;image-rendering:pixelated;background:#1d1624 0 0/300% 100% no-repeat;border:2px solid #c9a96a;border-radius:8px}.slotcard.empty .sface{font-family:var(--tfont);color:#4d3f58;background:0 0;border-color:#4d3f58;place-items:center;font-size:26px;display:grid}.slotcard .snum{font-family:var(--tfont);letter-spacing:3px;color:#c9a96a;font-size:11px}.slotcard .sname2{color:#fff3cf;font-size:18px}.slotcard .smeta{color:#cdbfe0;font-size:12px;line-height:1.5}.slotcard .smeta span{white-space:nowrap}.slotcard .sact{flex-direction:column;align-items:stretch;gap:6px;display:flex}.slotcard .sact .gbtn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.gbtn.danger{background:linear-gradient(#a3433a,#6e2620 60%,#561c17)}.gbtn.ghost{box-shadow:none;color:#cdbfe0;background:0 0;border-color:#5b4868}.setwin{width:min(560px,100vw - 20px)}.setgrid{grid-template-columns:150px 1fr;align-items:center;gap:12px 14px;display:grid}.setgrid label{color:#e9dcc0;align-items:center;gap:8px;font-size:14px;display:flex}.setrow{align-items:center;gap:10px;display:flex}.setrow input[type=range]{accent-color:#e0b866;flex:1}.setrow output{text-align:right;color:#ffd966;width:38px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--gfont);cursor:pointer;color:#cdbfe0;background:linear-gradient(#3a2d44,#241b2c);border:1px solid #5b4868;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.chip:hover{color:#fff;border-color:#9b84b0}.chip.on{color:#ffe7a8;border-color:var(--gold);background:linear-gradient(#7a5730,#4a3219);box-shadow:0 0 8px #e0b86659}.keytable{border-collapse:collapse;width:100%;margin-top:6px;font-size:12.5px}.keytable td{color:#cdbfe0;border-bottom:1px solid #ffffff0f;padding:4px 6px}.keytable td:first-child{color:#fff3cf;white-space:nowrap;width:42%}kbd{font-family:var(--gfont);color:#ffe7a8;background:#2a2133;border:1px solid #5b4868;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:11.5px}.sechead{font-family:var(--tfont);letter-spacing:3px;color:#c9a96a;text-transform:uppercase;margin:14px 0 6px;font-size:12px}.credwin{text-align:center;width:min(560px,100vw - 20px)}.credwin h3{font-family:var(--tfont);letter-spacing:3px;color:#c9a96a;text-transform:uppercase;margin:16px 0 6px;font-size:12px;font-weight:600}.credwin p{color:#e9dcc0;margin:2px 0;font-size:13px;line-height:1.5}.credwin p small{color:#9d8db0}.supportbox{text-align:center;margin-top:6px}.supportbox .suptext p{color:#e9dcc0;margin:4px 0 8px;font-size:13.5px;line-height:1.5}.supportbox .supbtn{align-items:center;gap:8px;margin:8px auto 6px;padding:8px 18px;font-size:15px;display:inline-flex}.supportbox .supbtn small{opacity:.75;font-size:11px}.supportbox .supnote small{color:#9d8db0;font-size:11.5px}.supportbox .suplist h3{letter-spacing:2px;color:#c9a96a;text-transform:uppercase;margin:14px 0 4px;font-size:12px}.supnames{color:#ffe7a8;font-size:13px;line-height:1.6}.prologue{background:#000}.prologue .bars:before,.prologue .bars:after{content:"";z-index:2;background:#000;height:9vh;position:absolute;left:0;right:0}.prologue .bars:before{top:0}.prologue .bars:after{bottom:0}.storybox{z-index:3;width:min(820px,100vw - 40px);min-height:92px;font-family:var(--sfont);color:#efe6d4;text-shadow:0 2px 6px #000,0 0 2px #000;text-align:center;cursor:pointer;font-size:clamp(19px,2.3vw,25px);line-height:1.5;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}.storybox.voice{color:var(--thread);text-shadow:0 0 14px #ffc86e73,0 2px 6px #000;font-style:italic}.storybox .who{font-family:var(--tfont);letter-spacing:5px;color:#c9a96a;opacity:.85;margin-bottom:6px;font-size:11px;font-style:normal;display:block}.storybox .more{vertical-align:middle;opacity:0;border:6px solid #0000;border-top-color:currentColor;border-bottom:0;width:0;height:0;margin-left:10px;animation:1s ease-in-out infinite bob;display:inline-block}.storybox.done .more{opacity:.8}@keyframes bob{50%{transform:translateY(4px)}}.chaptercard{z-index:4;text-align:center;opacity:0;pointer-events:none;background:#000;place-items:center;transition:opacity 1.1s;display:grid;position:absolute;inset:0}.chaptercard.on{opacity:1}.chaptercard small{font-family:var(--tfont);letter-spacing:10px;color:#c9a96a;font-size:13px;display:block}.chaptercard b{font-family:var(--sfont);color:#f4e3bd;margin-top:10px;font-size:clamp(30px,5vw,52px);font-style:italic;font-weight:500;display:block}.skipbtn{z-index:5;font-family:var(--gfont);color:#cdbfe0;cursor:pointer;background:#140e1a99;border:1px solid #5b4868;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:calc(9vh + 12px);right:18px}.skipbtn:hover{color:#fff;border-color:var(--gold)}.skiphint{z-index:5;color:#8f80a3;font-size:11px;position:absolute;bottom:calc(9vh + 10px);right:18px}.prologue.staged{background:0 0}.prologue.staged .scenery{display:none}.prologue.staged:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#0403088c 55%,#040308cc);height:42vh;position:absolute;bottom:0;left:0;right:0}.prologue .bars{pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 160px 30px #0000008c}.storybox.talk{text-align:left;background:linear-gradient(90deg,#08060cb8,#08060c59 70%,#0000);border-left:2px solid #c9a96ab3;width:min(760px,100vw - 40px);padding:12px 22px 14px;font-style:normal}.storybox.talk .who{letter-spacing:3px;color:#f1cf86;margin-bottom:4px;font-size:12px}.storybox.voice .who{letter-spacing:6px}.scaption{z-index:3;font-family:var(--tfont);letter-spacing:4px;color:#e9dcc0;text-transform:uppercase;text-shadow:0 2px 4px #000;opacity:0;white-space:pre;font-size:12px;transition:opacity 1.4s;position:absolute;top:calc(9vh + 18px);left:clamp(16px,5vw,64px)}.scaption:after{content:"";background:linear-gradient(90deg,#c9a96a,#0000);width:72px;height:1px;margin-top:7px;display:block}.scaption.on{opacity:.9}.flashveil{z-index:2;opacity:0;pointer-events:none;background:#fffaf0;position:absolute;inset:0}.flashveil.on{animation:1.6s ease-out forwards flashout}.flashveil.on.hard{animation:2.6s ease-in forwards flashhard}@keyframes flashout{0%{opacity:1}to{opacity:0}}@keyframes flashhard{0%{opacity:0}6%{opacity:1}55%{opacity:1;background:#fffaf0}to{opacity:1;background:#000}}.chaptercard i{background:linear-gradient(90deg,#0000,#c9a96a,#0000);width:120px;height:1px;margin:12px auto 0;display:block}.creator.staged{background:0 0}.creator.staged .scenery{display:none}.creator.staged:before{content:"";pointer-events:none;background:radial-gradient(at 50% 55%,#07040d26,#07040db3 70%);position:absolute;inset:0}.creator{background:#07050c}.creator .chead{z-index:2;text-align:center;pointer-events:none;position:absolute;top:14px;left:0;right:0}.creator .chead b{font-family:var(--tfont);letter-spacing:6px;color:#f1cf86;text-shadow:0 0 12px #ffbe5a59,0 2px 3px #000;font-size:22px;font-weight:600;display:block}.creator .chead small{font-family:var(--sfont);color:#d9cbe8;font-size:16px;font-style:italic}.cbody{z-index:2;grid-template-columns:minmax(330px,430px) 1fr minmax(250px,300px);gap:16px;display:grid;position:absolute;inset:74px 16px 16px}.cpanel{min-height:0;color:var(--ink);border:2px solid var(--gold-d);background:linear-gradient(#231a2beb,#160f1cf0);border-radius:12px;flex-direction:column;padding:0 14px 12px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0d0910,inset 0 0 0 2px #e0b86666,0 10px 30px #0009}.csteps{border-bottom:2px solid var(--gold);background:linear-gradient(#4a3020,#2a1a10);border-radius:10px 10px 0 0;margin:0 -14px 10px;display:flex}.csteps button{cursor:pointer;color:#b8a38a;font-family:var(--gfont);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 4px 7px;font-size:13px;display:flex}.csteps button b{font-family:var(--tfont);letter-spacing:2px;color:#8a7a68;font-size:10px}.csteps button.on{color:#ffe7a8;background:linear-gradient(#e0b86647,#0000)}.csteps button.on b{color:var(--thread)}.csteps button.done:not(.on){color:#d8c7a6}.cscroll{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.cscroll::-webkit-scrollbar{width:6px}.cscroll::-webkit-scrollbar-thumb{background:#5b4868;border-radius:3px}.cnav{border-top:1px solid #e0b86633;gap:8px;margin-top:8px;padding-top:10px;display:flex}.cnav .gbtn{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.cnav .gbtn.primary{background:linear-gradient(#c9953f,#8a5f22 60%,#6e4a17);font-size:15px}.clabel{font-family:var(--tfont);letter-spacing:3px;color:#c9a96a;text-transform:uppercase;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:11px;display:flex}.clabel:first-child{margin-top:2px}.racelist{grid-template-columns:1fr 1fr;gap:6px;display:grid}.racecard{cursor:pointer;text-align:left;font-family:var(--gfont);color:#e9dcc0;background:linear-gradient(#ffffff0d,#0003);border:2px solid #3f3349;border-radius:8px;align-items:center;gap:8px;padding:5px 7px;transition:border-color .12s,transform .12s;display:flex}.racecard:hover{border-color:#8f78a6;transform:translateY(-1px)}.racecard.on{border-color:var(--gold);background:linear-gradient(#e0b8662e,#0003);box-shadow:0 0 10px #e0b86640}.racecard.locked{opacity:.45;cursor:not-allowed}.racecard .rface{width:44px;height:44px;image-rendering:pixelated;background:#1d1624 0 0/300% 100% no-repeat;border:1px solid #6b5a7a;border-radius:6px;flex:none}.racecard .rname{font-size:14px;line-height:1.15}.racecard .rname small{color:#a897ba;font-size:10.5px;display:block}.lockface{place-items:center;display:grid}.detailbox{color:#e2d6ee;background:#00000040;border:1px solid #e0b86640;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.5}.detailbox h4{font-family:var(--gfont);color:#fff3cf;margin:0 0 4px;font-size:17px;font-weight:700}.detailbox .dsub{color:#a897ba;margin-bottom:6px;font-size:11.5px}.detailbox .dskill{border-left:3px solid var(--thread);background:#ffd98c0f;border-radius:0 6px 6px 0;margin-top:8px;padding:6px 8px}.detailbox .dskill b{color:var(--thread)}.detailbox ul{margin:6px 0 0;padding:0;list-style:none}.detailbox li{align-items:center;gap:6px;margin:2px 0;display:flex}.classlist{flex-direction:column;gap:6px;display:flex}.classcard{cursor:pointer;text-align:left;font-family:var(--gfont);color:#e9dcc0;background:linear-gradient(#ffffff0d,#0003);border:2px solid #3f3349;border-radius:8px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 10px;transition:border-color .12s;display:grid}.classcard:hover{border-color:#8f78a6}.classcard.on{border-color:var(--gold);background:linear-gradient(#e0b8662e,#0003)}.classcard .cname2{font-size:15px}.classcard .cname2 small{color:#a897ba;font-size:11px;display:block}.diff{gap:3px;display:flex}.diff i{background:#3f3349;border:1px solid #6b5a7a;width:7px;height:7px;transform:rotate(45deg)}.diff i.f{background:var(--thread);border-color:#c9a96a}.startcard{background:#0000004d;border:1px solid #5b4868;border-radius:7px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;display:flex}.startcard .rk{color:#1a1020;border-radius:5px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.optrow{margin-bottom:4px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{cursor:pointer;border:2px solid #2a2133;border-radius:6px;width:26px;height:26px;padding:0;transition:transform .1s;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff2e}.sw:hover{transform:translateY(-2px)}.sw.on{box-shadow:0 0 0 2px var(--gold), 0 0 10px #e0b86680;border-color:#fff3cf}.swname{font-family:var(--gfont);letter-spacing:0;text-transform:none;color:#d9cbe8;font-size:11px}.namefield{gap:6px;display:flex}.namefield input{min-width:0;font-family:var(--gfont);color:#fff3cf;background:#140e19;border:2px solid #5b4868;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:20px}.namefield input:focus{border-color:var(--gold);box-shadow:0 0 10px #e0b86659}.nameerr{color:#ff9f80;min-height:18px;margin-top:4px;font-size:12px}.nameok{color:#9be7a8}.recap{grid-template-columns:auto 1fr;gap:4px 12px;margin-top:10px;font-size:13px;display:grid}.recap span{color:#a897ba}.recap b{color:#fff3cf;font-weight:500}.stage{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.pedestal{aspect-ratio:1/1.05;place-items:end center;width:min(360px,100%);display:grid;position:relative}.pedestal:before{content:"";background:radial-gradient(#ffd98c73,#ffd98c14 60%,#0000 72%);border-radius:50%;height:15%;position:absolute;bottom:4%;left:12%;right:12%;box-shadow:0 0 40px #ffc86e40}.pedestal:after{content:"";border:1px solid #ffd98c8c;border-radius:50%;height:7%;position:absolute;bottom:7%;left:22%;right:22%;box-shadow:inset 0 0 12px #ffd98c66}.pedestal canvas{z-index:1;width:82%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 6px #0009);margin-bottom:4%;position:relative}.stagectl{align-items:center;gap:8px;margin-top:6px;display:flex}.stagectl button{align-items:center;gap:4px;display:inline-flex}.ccname{font-family:var(--tfont);letter-spacing:2px;color:#fff3cf;text-shadow:0 2px 4px #000;min-height:30px;margin-top:4px;font-size:22px}.csub{color:#cdbfe0;text-shadow:0 1px 2px #000;font-size:13px}.statlist{flex-direction:column;gap:5px;display:flex}.statline{grid-template-columns:34px 1fr 42px;align-items:center;gap:8px;font-size:13px;display:grid}.statline span{color:#cdbfe0;font-family:var(--tfont);letter-spacing:1px;font-size:11px}.statline .sb{background:#ffffff14;border-radius:4px;height:8px;position:relative;overflow:hidden}.statline .sb i{background:linear-gradient(90deg,#8a5f22,#e0b866);border-radius:4px;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.statline .sb i.bonus{background:linear-gradient(90deg,#6dbb7a,#a8f0b0)}.statline b{text-align:right;color:#fff3cf;font-weight:500}.statline b small{color:#8ee09c;font-size:11px}.derived{grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:8px;font-size:12.5px;display:grid}.derived div{color:#cdbfe0;justify-content:space-between;display:flex}.derived b{color:#fff3cf;font-weight:500}.portraitcard{align-items:center;gap:10px;display:flex}.portraitcard .pface{width:72px;height:72px;image-rendering:pixelated;background:0 0/300% 100% no-repeat;border:2px solid #c9a96a;border-radius:8px;flex:none}.portraitcard .exprs{gap:4px;display:flex}.confirmwin{text-align:center;width:min(420px,100vw - 30px)}.confirmwin p{color:#e2d6ee;font-size:14px;line-height:1.5}.confirmwin .row{justify-content:center;gap:8px;margin-top:10px;display:flex}.menuwho{align-items:center;gap:10px;padding:6px 4px 8px;display:flex}.menuwho .mwface{width:56px;height:56px;image-rendering:pixelated;background:0 0/300% 100% no-repeat;border:2px solid #c9a96a;border-radius:8px;flex:none}.menuwho b{color:#fff3cf;font-size:16px;display:block}.menuwho small{color:#cdbfe0;font-size:12px;display:block}.menubtns .gbtn{justify-content:center;align-items:center;gap:8px;display:flex}.gbtn.danger.active{animation:1s infinite glow}@media (width<=900px){.cbody{flex-direction:column;gap:10px;display:flex;inset:64px 8px 8px;overflow-y:auto}.cbody>*{flex:none;min-height:auto}.cbody>.stage{order:-1}.pedestal{width:min(220px,60vw)}.cpanel{min-height:auto}.cscroll{overflow:visible}.creator .chead b{font-size:18px}.creator .chead small{font-size:14px}.racelist{grid-template-columns:1fr 1fr}}@media (width<=560px){.slotcard{grid-template-columns:56px 1fr}.slotcard .sface{width:56px;height:56px}.slotcard .sact{flex-direction:row;grid-column:1/-1}.slotcard .sact .gbtn{flex:1}.setgrid{grid-template-columns:1fr;gap:6px}.mitem{padding:7px 14px;font-size:15px}.logo{top:8vh}.logo .kicker{letter-spacing:4px;font-size:10px}.tfoot{font-size:10px}.tfoot span:last-child{text-align:right}}.prologue.staged .storybox.voice{text-shadow:0 0 14px #ffc86e59,0 2px 4px #000,0 0 3px #000,0 0 12px #000000e6}