.auto-menu-dot{background:var(--hijau);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite auto-glow;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #0a1416e6}.window.auto-window{width:400px}.auto-window h4{margin:14px 0 6px}.auto-window h5,.auto-report h5{color:var(--gading-dim);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:12.5px}.auto-budget{background:#00000040;border:1px solid #c99a4a40;border-radius:10px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.auto-running{background:#5fd0681f;border:1px solid #5fd06873;border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;font-size:13px;display:flex}.auto-running.pause{background:#ffb36b1f;border-color:#ffb36b80}.auto-dot{background:var(--hijau);border-radius:50%;flex:none;width:9px;height:9px;animation:1.6s ease-in-out infinite auto-glow}.auto-running.pause .auto-dot,.auto-pill.paused .auto-dot{background:#ffb36b;animation:none}.auto-ended{margin:8px 0 0}.auto-why{background:#8c473540;border:1px solid #d27a6373;border-radius:9px;margin:0;padding:8px 10px;font-size:13px}.auto-species{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.auto-sp{min-height:36px;color:var(--gading);text-align:left;cursor:pointer;background:#00000038;border:1px solid #c99a4a38;border-radius:9px;grid-template-columns:22px 1fr auto auto auto;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:grid}.auto-sp.on{border-color:var(--emas-2);background:#c99a4a29}.auto-check{border:1px solid var(--line);width:20px;height:20px;color:var(--emas-2);background:#00000059;border-radius:6px;place-items:center;font-size:13px;font-weight:900;display:grid}.auto-sp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.auto-sp-lv,.auto-sp-exp{color:var(--gading-dim);white-space:nowrap;font-size:12px}.auto-sp-near{color:#a8eeb0;background:#5fd0682e;border-radius:999px;padding:1px 6px;font-size:11px}.auto-sp-near.edge{color:#ffd2a3;background:#ffb36b29}.auto-sp-near.far{color:var(--gading-dim);background:#ffffff0f}.auto-hint{color:#ffd2a3;margin:0 0 6px;line-height:1.4}.auto-modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.auto-mode{color:var(--gading);text-align:left;cursor:pointer;background:#00000038;border:1px solid #c99a4a40;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.auto-mode b{color:var(--emas-2)}.auto-mode small{color:var(--gading-dim);font-size:11.5px;line-height:1.35}.auto-mode.on{border-color:var(--emas-2);background:#c99a4a2e;box-shadow:0 0 0 2px #f0cf8333}.auto-mode:disabled{cursor:not-allowed;opacity:.7}.auto-skills{flex-wrap:wrap;gap:6px;display:flex}.auto-skill{width:70px;color:var(--gading-dim);cursor:pointer;background:#00000038;border:1px solid #c99a4a38;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;display:flex}.auto-skill small{text-align:center;font-size:10.5px;line-height:1.2}.auto-skill.on{border-color:var(--emas-2);color:var(--gading);background:#c99a4a29}.auto-slider{flex-direction:column;gap:3px;margin:4px 0 8px;font-size:13px;display:flex}.auto-slider b{color:var(--emas-2)}.auto-slider input{width:100%;accent-color:var(--emas);min-height:24px}.auto-toggle{cursor:pointer;align-items:flex-start;gap:10px;margin:6px 0;font-size:13.5px;display:flex}.auto-toggle input{width:20px;height:20px;accent-color:var(--emas);flex:none;margin:1px 0 0}.auto-toggle span{flex-direction:column;gap:2px;display:flex}.auto-toggle small{color:var(--gading-dim);font-size:11.5px;line-height:1.35}.auto-actions{z-index:2;background:linear-gradient(180deg, #14292c00, var(--panel-solid) 35%);flex-direction:column;gap:6px;margin:10px -14px 6px;padding:10px 14px 8px;display:flex;position:sticky;bottom:-12px}.auto-tally{background:#00000038;border:1px solid #c99a4a38;border-radius:10px;margin-top:8px;margin-bottom:8px;padding:8px 10px 10px}.auto-tally h4{margin-top:2px}.auto-stats{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.auto-stats>div{background:#ffffff0a;border-radius:8px;flex-direction:column;padding:5px 8px;display:flex}.auto-stats span{color:var(--gading-dim);font-size:11px}.auto-stats b{color:var(--emas-2);font-size:15px}.auto-kills{margin:0;padding:0;font-size:13px;list-style:none}.auto-kills li{border-bottom:1px solid #c99a4a1a;justify-content:space-between;padding:2px 0;display:flex}.auto-items{flex-wrap:wrap;gap:5px;display:flex}.auto-item{background:#0000004d;border:1px solid #c99a4a33;border-radius:8px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;display:flex;position:relative}.auto-item small{font-weight:900}.auto-item em{color:var(--gading-dim);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-style:normal;overflow:hidden}.auto-pill{box-shadow:var(--shadow);pointer-events:auto;max-width:calc(100vw / var(--ui-scale) - 24px);background:#10282ceb;border:1px solid #5fd068b3;border-radius:999px;align-items:stretch;display:flex;overflow:hidden}.auto-pill.paused{border-color:#ffb36bbf}.auto-pill-main{min-height:32px;color:var(--gading);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;min-width:0;padding:3px 10px 3px 12px;font-size:13px;display:flex}.auto-pill-main b{letter-spacing:.08em;color:#a8eeb0}.auto-pill.paused .auto-pill-main b{color:#ffd2a3}.auto-pill-mode{color:var(--gading-dim)}.auto-pill-time{font-variant-numeric:tabular-nums;color:var(--emas-2);font-weight:800}.auto-pill-why{color:#ffd2a3;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.auto-pill-stop{color:#fff;cursor:pointer;background:#a5503d8c;border:none;border-left:1px solid #c99a4a4d;flex:none;place-items:center;width:34px;min-height:32px;display:grid}.auto-pill-stop:hover{background:#a5503dd9}:root[data-touch="1"] .auto-pill-main,:root[data-touch="1"] .auto-pill-stop{min-height:38px}:root[data-touch="1"] .auto-pill-stop{width:42px}:root[data-touch="1"] .auto-sp{min-height:42px}.auto-report-wrap{z-index:45;pointer-events:auto;background:#050a0c9e;place-items:center;animation:.3s ease-out fade;display:grid;position:absolute;inset:0}.modal.auto-report{max-width:480px;max-height:calc(100vh / var(--ui-scale) - 32px);gap:6px;overflow-y:auto}.auto-report-note{margin:0;font-size:14px;line-height:1.45}.auto-report .btn.big{margin-top:8px}@media (height<=520px){.windows>.window.auto-window{max-height:calc(100vh / var(--ui-scale) - 100px)}}@media (width<=620px),(height<=520px){.window.auto-window{width:min(400px, calc(100vw / var(--ui-scale) - 24px))}.auto-modes{grid-template-columns:1fr}.auto-pill-mode{display:none}}@keyframes auto-glow{0%,to{box-shadow:0 0 #5fd0688c}50%{box-shadow:0 0 0 4px #5fd06800}}.job-res{height:12px;color:var(--gading-dim);text-shadow:0 1px 2px #000;white-space:nowrap;align-items:center;gap:5px;font-size:9px;line-height:12px;display:flex}.job-res-name{letter-spacing:.02em;font-weight:800}.job-res-orbs{gap:3px;display:flex}.job-res-orbs i{background:#1e120abf;border:1px solid #ffbe6e8c;border-radius:50%;width:9px;height:9px;transition:background .12s ease-out,box-shadow .12s ease-out;box-shadow:inset 0 1px 2px #0009}.job-res-orbs i.on{background:radial-gradient(circle at 35% 30%,#fff3c4,#ffb35a 55%,#d0662a);border-color:#ffd27a;box-shadow:0 0 4px #ffaa50cc}.job-res.full .job-res-name{color:#ffd27a}.job-res.full .job-res-orbs i.on{animation:.9s ease-in-out infinite alternate job-res-pulse}@keyframes job-res-pulse{0%{box-shadow:0 0 3px #ffaa50b3}to{box-shadow:0 0 7px #ffdc8c}}@media (prefers-reduced-motion:reduce){.job-res.full .job-res-orbs i.on{animation:none}}:root[data-compact="1"] .job-res-orbs i{width:7px;height:7px}.wb-bar{width:420px;max-width:calc(100vw / var(--ui-scale) - 24px);cursor:pointer;background:linear-gradient(#4a1814e6,#100c14db);border:1px solid #e0874f;border-radius:12px;flex-direction:column;gap:4px;padding:5px 10px 6px;display:flex;box-shadow:0 0 14px #ff8c4640}.wb-bar.immune{border-color:#9fb7ff;box-shadow:0 0 14px #8caaff59}.wb-bar-line{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.wb-bar-tag{letter-spacing:.06em;text-transform:uppercase;color:#1a0f0c;background:#ffa33d;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:900}.wb-lv{color:var(--gading-dim);white-space:nowrap;font-size:11px}.wb-bar-name{color:#ffd9a8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wb-bar-pct{color:#fff3df;font-weight:800}.wb-bar-fighters{color:var(--gading-dim);white-space:nowrap;font-size:10px}.wb-track{background:#4a2b2be6;border-radius:4px;height:6px;position:relative;overflow:hidden}.wb-track.big{height:10px}.wb-track i{background:linear-gradient(90deg,#e5484d,#ff8a4a);transition:width .2s linear;position:absolute;inset:0 auto 0 0}.wb-bar.immune .wb-track i{background:linear-gradient(90deg,#7d8fd8,#b9c8ff)}.wb-parts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wb-part small{color:#ffd9a8;font-size:10px}.wb-bar-note{color:var(--gading);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11px;display:flex}.wb-immune{color:#10142a;background:#b9c8ff;border-radius:4px;padding:0 5px;font-size:10px;font-weight:900}.wb-timer{color:#ffe0a3;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.wb-timer.soon{color:#ff8a7a}.wb-layer{z-index:5}.wb-window .window-body{overflow-y:auto}.wb-intro{margin:0 0 8px}.wb-card{background:#08121480;border:1px solid #c99a4a2e;border-radius:10px;margin:6px 0;padding:7px 9px}.wb-card.alive{background:linear-gradient(90deg,#5a1e1473,#08121480);border-color:#ff8c46b3}.wb-card-head{align-items:center;gap:6px;display:flex}.wb-name{color:var(--emas-2);flex:1;min-width:0}.wb-status{color:var(--gading-dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.wb-status.alive{color:#ffb36b}.wb-where{margin:2px 0 4px}.wb-hint{margin:4px 0 6px;font-size:12px;line-height:1.4}.wb-card-foot{align-items:center;gap:6px;display:flex}.wb-uniques{flex-wrap:wrap;flex:1;gap:4px;display:flex}.wb-unique{background:#0a0e1499;border:1px solid;border-radius:7px;align-items:center;gap:2px;padding:1px 4px 1px 1px;display:inline-flex}.wb-unique small{font-size:10px;font-weight:800}.wb-unique.mitos{box-shadow:0 0 6px #ff557773}.wb-badge{background:#ff8a4a}:root[data-compact="1"] .wb-bar{width:300px}.panel.fish-wait,.panel.fish-bite,.panel.fish-card{z-index:6;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.panel.fish-wait{width:340px;max-width:calc(100vw / var(--ui-scale) - 24px);flex-direction:column;gap:7px;padding:10px 12px;animation:.18s ease-out fish-pop;display:flex}.fish-text{margin:0;font-weight:700}.fish-wait.spooked .fish-text{color:#ffb36b;animation:.35s ease-in-out fish-nudge}.fish-float{pointer-events:none;width:34px;height:22px;position:absolute;top:10px;right:14px}.fish-float .bob{background:linear-gradient(#ff6a4d 0 50%,#fff4e4 50% 100%);border-radius:4px 4px 5px 5px;width:8px;height:12px;animation:1.6s ease-in-out infinite fish-bob;position:absolute;top:2px;left:13px;box-shadow:0 0 0 1px #2a1f2d}.fish-float .ripple{border:1.5px solid #a0e1e6b3;border-radius:50%;width:28px;height:8px;animation:2.2s ease-out infinite fish-ripple;position:absolute;top:13px;left:3px}.fish-float .ripple.r2{animation-delay:1.1s}.fish-chips{flex-wrap:wrap;gap:4px;display:flex}.fish-chip{color:var(--gading);background:#0000004d;border:1px solid #e8d8b340;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.fish-chip.water{color:#a8f0e6;border-color:#62d8c999}.fish-chip.moon{color:var(--emas-2);border-color:#f0cf83b3}.fish-baits{flex-wrap:wrap;gap:5px;display:flex}.fish-bait{border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.fish-bait.on{border-color:var(--emas-2);background:#c99a4a40;box-shadow:0 0 10px #f0cf8359}.fish-bait small{text-shadow:0 0 3px #000;font-size:10px;font-weight:900;position:absolute;bottom:0;right:2px}.fish-bait-none{color:var(--gading-dim);font-weight:900}.fish-skill{white-space:nowrap;background:#00000059;border-radius:999px;flex:1;min-width:0;padding:2px 8px;font-size:11px;font-weight:800;position:relative;overflow:hidden}.fish-skill span{z-index:1;position:relative}.fish-skill i{background:linear-gradient(90deg,#167f82a6,#62d8c9a6);position:absolute;top:0;bottom:0;left:0}.fish-skill-bar{background:#0006;border-radius:3px;width:70%;height:6px;margin:4px auto 0;display:block;overflow:hidden}.fish-skill-bar.wide{width:100%;margin:4px 0}.fish-skill-bar i{background:linear-gradient(90deg,#2fa19c,#8ff0e2);height:100%;display:block}.panel.fish-bite{text-align:center;cursor:pointer;border-color:var(--emas-2);width:230px;box-shadow:0 0 28px #f0cf838c, var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;animation:.16s ease-out fish-pop}.fish-bite-mark{color:#ff7a52;text-shadow:0 3px #5a1f14,0 0 18px #ff8c5acc;font-size:54px;font-weight:900;line-height:1;animation:.12s linear infinite fish-shake}.fish-bite-text{font-family:var(--title);color:var(--emas-2);font-size:20px;font-weight:800}.fish-bite-timer{background:#00000073;border-radius:4px;height:7px;margin:8px 6px 6px;overflow:hidden}.fish-bite-timer i{transform-origin:0;height:100%;animation:fish-drain var(--fish-window,1s) linear forwards;background:linear-gradient(90deg,#ff7a52,#ffd36b);display:block}.fish-reel-wrap{z-index:7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;pointer-events:none!important}.panel.fish-reel{--reel-h:clamp(140px, calc(100vh / var(--ui-scale) - 175px), 250px);pointer-events:auto;width:312px;max-width:calc(100vw / var(--ui-scale) - 16px);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;cursor:pointer;padding:9px 11px 10px;animation:.16s ease-out fish-pop-plain}.fish-reel.glow-unggul{box-shadow:0 0 22px #64b5ff73, var(--shadow)}.fish-reel.glow-pusaka{box-shadow:0 0 24px #c792ff8c, var(--shadow)}.fish-reel.glow-warisan{box-shadow:0 0 30px #ffa33db3, var(--shadow);border-color:#ffc46b}.fish-reel.rage{border-color:#ff6a4d;animation:.18s linear infinite fish-rage}.fish-reel-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.fish-reel-head b{font-family:var(--title);color:var(--emas-2);font-size:18px}.fish-glow-chip{background:#00000059;border:1px solid;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.fish-reel-hint{color:var(--gading-dim);min-height:16px;margin:2px 0 7px;font-size:12px}.fish-reel-body{height:var(--reel-h);gap:9px;display:flex}.fish-meter{background:repeating-linear-gradient(#0000 0 calc(25% - 3px),#6f7f2c calc(25% - 3px) 25%),linear-gradient(90deg,#8ea33f 0%,#d6e27f 30%,#b8c95a 60%,#7a8d34 100%);border-radius:14px;flex:none;width:66px;height:100%;padding:5px;position:relative;box-shadow:inset 0 0 0 1px #4f5e22,0 2px #2c3414}.fish-meter-water{background:repeating-linear-gradient(170deg,#ffffff12 0 2px,#0000 2px 14px),linear-gradient(#2f9fae 0%,#1b6f86 55%,#123f5a 100%);border-radius:9px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #0009}.fish-net{background:repeating-linear-gradient(45deg,#ffe8aa80 0 1.5px,#0000 1.5px 7px),repeating-linear-gradient(-45deg,#ffe8aa80 0 1.5px,#0000 1.5px 7px),#f0c86e29;border:2px solid #e9c97c;border-radius:7px;position:absolute;bottom:0;left:3px;right:3px;box-shadow:0 0 0 1px #3c280a99}.fish-reel.holding .fish-net{border-color:#fff0c2}.fish-reel.inside .fish-net{border-color:#9ff6e4;box-shadow:0 0 12px #78ffdcb3,inset 0 0 10px #78ffdc59}.fish-swimmer{--face:1;width:40px;height:20px;transform:translateX(-50%) scaleX(var(--face));pointer-events:none;margin-bottom:-10px;position:absolute;bottom:50%;left:50%}.fish-swimmer svg{fill:#10232c;stroke:#d2f5ff8c;stroke-width:1.2px;filter:drop-shadow(0 0 2px #00000080);animation:.5s ease-in-out infinite fish-wiggle;display:block}.fish-swimmer svg .eye{fill:#ffe7a6;stroke:none}.fish-reel.glow-unggul .fish-swimmer svg{filter:drop-shadow(0 0 4px #64b5ff)}.fish-reel.glow-pusaka .fish-swimmer svg{filter:drop-shadow(0 0 5px #c792ff)}.fish-reel.glow-warisan .fish-swimmer svg,.fish-swimmer.raja svg{filter:drop-shadow(0 0 6px #ffb54d)}.fish-swimmer.raja:before{content:"";clip-path:polygon(0 100%,0 30%,25% 70%,50% 0,75% 70%,100% 30%,100% 100%);background:linear-gradient(#fff2b8,#f2b94a);width:12px;height:7px;position:absolute;top:-7px;left:14px}.fish-chest{background:conic-gradient(#ffe27a var(--p,0%), #00000059 0);pointer-events:none;border-radius:50%;width:24px;height:24px;margin-bottom:-12px;animation:.9s ease-in-out infinite fish-sparkle;position:absolute;left:50%;transform:translate(-50%)}.fish-chest span{background:linear-gradient(#ff9e8c 0 40%,#b8673c 40% 100%);border-radius:3px 3px 2px 2px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #4a2414,0 0 6px #fff2b8}.fish-gauge{background:#00000073;border-radius:9px;flex:none;width:18px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e8d8b359}.fish-gauge-fill{background:repeating-linear-gradient(135deg,#f7d35e 0 5px,#d59b2e 5px 10px);height:35%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #f7d35e99}.fish-reel.danger .fish-gauge-fill{background:repeating-linear-gradient(135deg,#ff8a6a 0 5px,#c0313f 5px 10px);animation:.4s steps(2,end) infinite fish-blink}.fish-reel-side{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.fish-reel-status{color:var(--emas-2);font-size:14px;font-weight:800}.fish-reel.inside .fish-reel-status{color:#9ff6e4}.fish-reel.rage .fish-reel-status{color:#ff8a6a}.fish-reel-chest{color:#ffe27a;min-height:0;font-size:12px;font-weight:800}.fish-reel-help{margin-top:auto}.fish-reel-quit{width:100%;margin-top:6px}.panel.fish-card{width:300px;max-width:calc(100vw / var(--ui-scale) - 24px);text-align:center;padding:14px 12px 10px;animation:.22s ease-out fish-pop}.fish-card.escape{cursor:pointer}.fish-card.escape p{margin:6px 0}.fish-card-ribbon{font-family:var(--title);white-space:nowrap;color:#241706;background:linear-gradient(#f6dc96,#c99a4a);border-radius:6px;padding:3px 16px;font-size:15px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 2px #5a3e12}.fish-card-ribbon.record{background:linear-gradient(#fff2b8,#ffb84a);animation:1.2s ease-in-out infinite fish-glint}.fish-card-ribbon.gone{background:linear-gradient(#b9c6d6,#7d8ba0)}.fish-card-hero{place-items:center;height:72px;margin-top:6px;display:grid;position:relative}.fish-card-icon{animation:.7s cubic-bezier(.2,.9,.3,1.2) fish-leap;position:relative}.fish-card-hero .fish-splash{border:2px solid #a0e1e6cc;border-radius:50%;width:92px;height:26px;margin-left:-46px;animation:.9s ease-out 2 fish-ripple;position:absolute;bottom:0;left:50%}.fish-card-name{font-family:var(--title);font-size:19px;font-weight:800}.fish-card-tier{border:1px solid;border-radius:999px;margin:3px 0 4px;padding:0 8px;font-size:11px;font-weight:800;display:inline-block}.fish-card-size{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.fish-card .tag{vertical-align:middle;border-radius:5px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:900;display:inline-block}.fish-card .tag.jumbo{color:#fff;background:#e8613f}.fish-card .tag.perfect{color:#fff;background:#2fa19c}.fish-card-xp{color:#a8f0e6;margin-top:6px;font-size:12px;font-weight:700}.fish-loot{color:#ffe27a;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.fish-unique{text-align:left;background:linear-gradient(135deg,#ffa33d47,#00000040);border:1px solid #ffa33d;border-radius:9px;align-items:center;gap:8px;margin:8px 0 2px;padding:7px 9px;animation:1.4s ease-in-out infinite fish-glint;display:flex}.fish-unique.mitos{background:linear-gradient(135deg,#ff55774d,#5a288c59);border-color:#f57}.fish-card.u-legendaris{box-shadow:0 0 34px #ffa33d99, var(--shadow);border-color:#ffa33d}.fish-card.u-mitos{box-shadow:0 0 40px #ff5577a6, var(--shadow);border-color:#f57}.fish-card.t-warisan .fish-card-icon{filter:drop-shadow(0 0 8px #ffb54d)}.fish-card-actions{margin-top:8px}.fish-banner{z-index:30;max-width:min(560px, calc(100vw / var(--ui-scale) - 24px));color:#2a1606;cursor:pointer;box-shadow:0 0 30px #ffaa3cb3, var(--shadow);background:linear-gradient(#ffe7a6,#f0a23c);border:2px solid #fff2c8;border-radius:12px;align-items:center;gap:10px;padding:9px 16px;font-weight:700;animation:.35s cubic-bezier(.2,.9,.3,1.3) fish-drop;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}.fish-banner b{font-family:var(--title);letter-spacing:.05em;font-size:18px}.fish-banner.mitos{color:#fff;box-shadow:0 0 36px #ff5577bf, var(--shadow);background:linear-gradient(#ff7a96,#7a3fb0);border-color:#ffd0dc}.fish-banner.ikan{background:linear-gradient(#d6f6ff,#5ab8f2)}.panel.window.fish-album{z-index:12;width:620px;max-width:calc(100vw / var(--ui-scale) - 20px);max-height:calc(100vh / var(--ui-scale) - 120px);animation:.15s ease-out fish-pop;position:absolute;top:70px;left:50%;transform:translate(-50%)}.fish-album-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.fish-album-top>div:first-child{flex:1;min-width:0}.fish-album-count{text-align:center;line-height:1.1}.fish-album-count b{font-family:var(--title);color:var(--emas-2);font-size:22px;display:block}.fish-album-tiers{flex-wrap:wrap;gap:10px;margin:4px 0 6px;font-weight:800;display:flex}.fish-album-tabs{margin:8px 0}.fish-album-tabs .tab{padding:4px 9px;font-size:13px}.fish-album-main{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:12px;display:grid}.fish-album-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;display:grid}.fish-album-cell{border:1px solid var(--tier,var(--line));cursor:pointer;background:#0000004d;border-radius:8px;place-items:center;height:42px;padding:0;display:grid;position:relative}.fish-album-cell.on{box-shadow:0 0 0 2px var(--emas-2);background:#c99a4a40}.fish-album-cell small{text-shadow:0 0 3px #000;font-size:10px;font-weight:900;position:absolute;bottom:1px;right:3px}.fish-album-cell.unknown{border-color:#e8d8b333}.fish-album-cell.unknown .icon,.fish-album-big.unknown .icon{filter:brightness(0)opacity(.5)}.fish-album-detail{background:#00000047;border-radius:10px;padding:8px 10px;font-size:13px}.fish-album-big{background:radial-gradient(circle,#62d8c938,#0000 70%);border-radius:12px;flex:none;place-items:center;width:64px;height:64px;display:grid}.fish-album-name{font-family:var(--title);font-size:16px;font-weight:800}.fish-album-facts{grid-template-columns:auto 1fr;gap:3px 8px;margin:8px 0 4px;display:grid}.fish-album-facts dt{color:var(--gading-dim);font-size:12px;font-weight:700}.fish-album-facts dd{margin:0;font-size:12px}.fish-album-hint{color:var(--gading-dim);margin:4px 0 0;font-style:italic}.fish-stars{color:#ffb36b;letter-spacing:1px;font-size:10px}.fish-shop{border-bottom:1px solid #c99a4a40;flex-direction:column;gap:6px;margin-bottom:10px;padding-bottom:10px;display:flex}.fish-shop-head{color:var(--emas-2);justify-content:space-between;align-items:center;display:flex}.fish-shop p{margin:0}.fish-shop-list{flex-direction:column;gap:2px;max-height:150px;display:flex;overflow-y:auto}.fish-shop-row{background:#0003;border-radius:6px;align-items:center;gap:8px;padding:2px 4px;font-size:13px;display:flex}.fish-order{background:#c99a4a1a;border:1px dashed #f0cf8399;border-radius:9px;flex-direction:column;gap:5px;padding:7px 8px;display:flex}.fish-order.done{opacity:.6}.fish-craft{align-items:center;gap:8px;padding:4px 0;display:flex}.fish-craft-mats{flex-wrap:wrap;gap:2px 8px;display:flex}.fish-craft-mats .ok{color:#a6f0a0}.fish-craft-mats .short{color:#ff9c8a}@media (height<=520px){.panel.fish-wait,.panel.fish-bite,.panel.fish-card{bottom:10px}.panel.fish-wait{gap:5px;width:300px;padding:8px 10px}.panel.fish-card{padding:12px 10px 8px}.fish-card-hero{height:54px}.fish-card-hero .icon{width:48px!important;height:48px!important}.panel.fish-reel{width:290px;padding:7px 9px 8px}.fish-reel-hint{margin-bottom:4px}.fish-reel-quit{margin-top:4px;padding:3px 8px}.panel.window.fish-album{max-height:calc(100vh / var(--ui-scale) - 16px);top:8px}}@media (width<=640px){.fish-album-main{grid-template-columns:1fr}}@keyframes fish-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes fish-ripple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.25)}}@keyframes fish-pop{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fish-pop-plain{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes fish-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px)rotate(-4deg)}75%{transform:translate(2px)rotate(4deg)}}@keyframes fish-rage{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}@keyframes fish-nudge{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes fish-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes fish-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes fish-sparkle{0%,to{box-shadow:0 0 6px 1px #ffeea0b3}50%{box-shadow:0 0 14px 4px #ffeea0f2}}@keyframes fish-blink{50%{opacity:.55}}@keyframes fish-glint{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@keyframes fish-leap{0%{opacity:0;transform:translateY(26px)scale(.6)rotate(-20deg)}60%{opacity:1;transform:translateY(-8px)scale(1.08)rotate(6deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes fish-drop{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.fish-reel.calm.rage,.fish-reel.calm.danger .fish-gauge-fill,.calm .fish-bite-mark{animation:none}@media (prefers-reduced-motion:reduce){.fish-reel.rage,.fish-bite-mark,.fish-swimmer svg,.fish-reel.danger .fish-gauge-fill{animation:none}}.ubah-cost{background:#c99a4a1f;border-radius:8px;margin:6px 0;padding:6px 8px;font-size:12px}.ubah-cost.free{color:#c8f5d0;background:#5aaa6e2e}.ubah-jobs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin:6px 0;display:grid}.ubah-job{color:var(--gading);cursor:pointer;text-align:left;background:#08121499;border:1px solid #c99a4a40;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.ubah-job.on{border-color:var(--emas-2);background:#c99a4a33}.ubah-actions{align-items:center;margin-top:8px}.susunan h4{margin:10px 0 4px}.sus-page{background:#08121473;border:1px solid #c99a4a26;border-radius:10px;margin:6px 0;padding:6px}.sus-page.now{border-color:#f0cf8380}.sus-page-head{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.sus-slots{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.sus-slot{aspect-ratio:1;cursor:pointer;background:#0a1416bf;border:1px solid #c99a4a4d;border-radius:8px;place-items:center;min-width:0;padding:0;display:grid;position:relative}.sus-slot.target{border-style:dashed;border-color:#f0cf83a6}.sus-slot.picked{box-shadow:0 0 0 2px var(--emas-2)}.sus-slot kbd{opacity:.7;font-size:9px;position:absolute;top:2px;left:3px}.sus-empty{border:1px dashed #f0cf834d;border-radius:50%;width:40%;height:40%}.sus-list{flex-wrap:wrap;gap:5px;display:flex}.sus-skill{color:var(--gading);cursor:pointer;background:#08121499;border:1px solid #c99a4a40;border-radius:8px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;display:inline-flex}.sus-skill.picked{border-color:var(--emas-2);background:#c99a4a40}.sus-skill.off small{color:#f0c27a;font-size:10px}.sus-skill.passive{cursor:default;opacity:.85;border-style:dotted}.sus-actions{margin-top:10px}.hot-page{width:30px;height:40px;color:var(--emas-2);cursor:pointer;background:#0a1416cc;border:1px solid #f0cf8373;border-radius:8px;align-self:center;place-items:center;padding:0;line-height:1;display:grid}.hot-page small,.touch-btn.page small{opacity:.8;font-size:9px}.action-pad .touch-btn.page{z-index:2;border-color:var(--emas-2);width:44px;height:44px;color:var(--emas-2);background:radial-gradient(circle at 50% 35%,#463c1ef2,#1e180cf2);line-height:1;bottom:59px!important;right:59px!important}.atribut{margin-top:10px}.atribut-head h4{margin:0}.attr-row{border-bottom:1px solid #c99a4a1f;align-items:center;gap:6px;padding:4px 0;display:flex}.attr-short{text-align:center;width:34px;color:var(--emas-2);background:#c99a4a33;border-radius:6px;flex:none;padding:2px 0;font-size:11px;font-weight:900}.attr-val{color:var(--emas-2);margin-left:4px;font-weight:800}.attr-steps{align-items:center;gap:4px;margin:4px 0 2px;display:flex}.attr-steps .btn{min-width:34px;padding:3px 8px}.attr-row.planned{background:#f0cf8312}.attr-plus{color:#8fe39a;margin-left:5px;font-size:12px;font-weight:800}.attr-step{flex:none;width:32px;padding:4px 0;font-size:16px;line-height:1}.attr-actions{margin-top:8px}.harian-hint{background:#167f822e;border:1px solid #167f828c;border-radius:10px;margin:0 0 8px;padding:8px 10px;font-size:13.5px;line-height:1.45}.harian-hint .tiny{margin-top:2px;display:block}.harian-chance{color:var(--gading-dim);margin:-4px 0 8px;font-size:12.5px}.harian-done{color:var(--hijau);font-size:13.5px}.kw-portrait{background:radial-gradient(circle at 50% 60%,#7fd6a047,#08121480);border-radius:8px;flex:none;display:inline-block;position:relative;overflow:hidden}.kw-sprite{image-rendering:pixelated;transform-origin:50%;background-position:0 0;background-repeat:no-repeat;position:absolute;top:50%;left:50%}.kw-frame{width:210px;min-height:38px;color:var(--gading);text-align:left;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#081214cc,#08121466);border:1px solid #7fd6a073;border-radius:10px;align-items:center;gap:6px;margin-left:26px;padding:3px 8px 3px 3px;display:flex}.kw-frame.on,.kw-frame:hover{border-color:#7fd6a0}.kw-frame-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kw-frame-name{color:#bdf2cf;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.kw-frame-name small{color:var(--gading-dim);font-weight:700}.kw-frame small{font-size:10px}.kw-frame-second{align-items:center;gap:4px;display:flex}.kw-frame-second small{color:var(--gading-dim);white-space:nowrap}.kw-frame-second .bar{flex:1}.kw-rest{color:#ffcf8a}.kw-badge{color:#bdf2cf;white-space:nowrap;background:#7fd6a033;border-radius:8px;padding:1px 5px}.kw-window{width:400px}.kw-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.kw-top .btn{flex:none;min-height:38px}.kw-top small{line-height:1.3}.kw-list{flex-direction:column;gap:6px;max-height:210px;margin-bottom:10px;display:flex;overflow-y:auto}.kw-row{min-height:44px;color:var(--gading);text-align:left;cursor:pointer;background:#08121473;border:1px solid #c99a4a40;border-radius:10px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.kw-row.on{background:#7fd6a01f;border-color:#7fd6a0}.kw-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.kw-row-name{font-size:13px;font-weight:800}.kw-row-name small{color:var(--gading-dim)}.kw-tag{color:#bdf2cf;background:#7fd6a040;border-radius:8px;margin-left:6px;padding:0 6px;font-size:10px;font-style:normal}.kw-tag.two{color:var(--emas-2);background:#f0cf8338}.kw-temps{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.kw-temp{background:#4fb4ff26;border-radius:10px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:12px;display:inline-flex}.kw-detail{border-top:1px solid #c99a4a40;padding-top:10px}.kw-detail-head{align-items:center;gap:10px;display:flex}.kw-detail-head>div{flex:1;min-width:0}.kw-detail-name{color:#bdf2cf;font-size:15px}.kw-stats{flex-wrap:wrap;gap:4px 12px;margin:8px 0 4px;font-size:12px;display:flex}.kw-sig{margin:4px 0;font-size:12px;line-height:1.35}.kw-actions,.kw-rename{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.kw-actions .btn,.kw-rename .btn{min-height:36px}.kw-rename input{flex:1;min-width:120px;min-height:34px}.danger-text{color:#ff9a8a}@media (width<=620px),(height<=520px){.kw-frame{width:172px;min-height:32px;margin-left:0}.kw-window{width:min(400px,96vw)}.kw-list{max-height:150px}}:root{--malam:#142c30;--malam-2:#1b3a3f;--malam-3:#24484e;--emas:#c99a4a;--emas-2:#f0cf83;--laut:#167f82;--gading:#e8d8b3;--gading-dim:#b9ab8c;--bata:#8c4735;--merah:#e5484d;--hijau:#5fd068;--biru:#4aa3df;--panel:#102225eb;--panel-solid:#14292c;--line:#c99a4a8c;--shadow:0 6px 22px #00000073;--ui-scale:1;--font:"Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--title:"Cinzel", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;color:var(--gading);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#0b1a1c;margin:0;font-size:15px;overflow:hidden}button{font:inherit;color:inherit}input,select{font:inherit;color:var(--gading);border:1px solid var(--line);background:#00000059;border-radius:8px;outline:none;padding:9px 11px}input:focus{border-color:var(--emas-2);box-shadow:0 0 0 2px #f0cf8340}a{color:var(--emas-2)}kbd{font-family:var(--font);color:var(--gading);background:#0000008c;border:1px solid #e8d8b359;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:800}code{color:var(--emas-2);font-size:12px}.muted{color:var(--gading-dim)}.small{font-size:13px}.tiny{font-size:12px}.gold{color:var(--emas-2)}.warn{color:#ffb36b}.error{color:#ff8c8c;margin:4px 0}.center{text-align:center;justify-content:center}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.spacer{flex:1}.btn{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#2a5157,#1c3a3f);border-radius:9px;padding:8px 14px;font-weight:700;transition:transform 80ms,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#241706;text-shadow:0 1px #ffffff4d;background:linear-gradient(#e2b866,#b4833a);border-color:#f6dc96}.btn.danger{background:linear-gradient(#a5503d,#7a3427);border-color:#d27a63}.btn.ghost{background:0 0}.btn.small{padding:5px 10px;font-size:13px}.btn.big{padding:12px 22px;font-size:17px}.btn.wide{width:100%}.pill{border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.pill.gold{color:var(--emas-2);background:#c99a4a40;animation:1.6s ease-in-out infinite pulse}.badge{background:#167f8259;border:1px solid #6fd8cf66;border-radius:999px;margin:2px 4px 2px 0;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.badge.warn{color:#ffd3c4;background:#8c473580;border-color:#d27a63}.close{cursor:pointer;color:var(--gading-dim);background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.close:hover{color:var(--gading)}.close.small{margin-left:auto;font-size:16px}.icon{image-rendering:pixelated;vertical-align:middle;flex-shrink:0;display:inline-block}.icon-dim{filter:grayscale(.8)brightness(.6)}.char-preview{image-rendering:pixelated;display:block}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff08;border-radius:14px;padding:14px;position:relative}.panel:before{content:"";pointer-events:none;border:1px solid #c99a4a26;border-radius:10px;position:absolute;inset:4px}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tab{cursor:pointer;color:var(--gading-dim);background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 12px;font-weight:700}.tab.active{color:var(--emas-2);border-color:var(--line);background:#c99a4a1f}.logo{text-align:center}.logo h1{font-family:var(--title);letter-spacing:.12em;background:linear-gradient(#fff3c8,#e2b866 45%,#9a6a24);color:#0000;filter:drop-shadow(0 2px #3b2a10)drop-shadow(0 6px 18px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px;font-weight:800}.logo p{font-family:var(--title);letter-spacing:.35em;text-transform:uppercase;color:var(--emas-2);margin:2px 0 0;font-size:13px}.logo.big h1{font-size:clamp(44px,7vw,76px)}.logo.big p{font-size:clamp(13px,1.6vw,18px)}.logo.small h1{font-size:22px}.logo-emblem{color:var(--emas);text-shadow:0 0 22px #f0cf838c;margin-bottom:-6px;font-size:42px}.splash,.screen{background:radial-gradient(at 20% 10%,#167f8259,#0000 55%),radial-gradient(at 85% 90%,#8c47354d,#0000 50%),repeating-linear-gradient(45deg,#c99a4a09 0 2px,#0000 2px 14px),linear-gradient(#102427,#0a1517);position:fixed;inset:0;overflow:auto}.splash{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.login-screen{grid-template-columns:1.25fr 1fr;align-items:center;gap:32px;padding:40px clamp(16px,5vw,80px);display:grid}.login-hero{text-align:center}.tagline{max-width:520px;color:var(--gading);margin:16px auto;font-size:17px;line-height:1.55}.showcase{grid-template-columns:repeat(4,auto);justify-content:center;gap:4px 14px;margin-top:18px;display:grid}.showcase-char{filter:drop-shadow(0 6px 4px #00000073);animation:2.4s ease-in-out infinite bob}.login-panel{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.login-panel label,.name-step label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.consent-fields{flex-direction:column;gap:8px;display:flex}.consent-label{font-size:14px;font-weight:700}.consent-ages{flex-wrap:wrap;gap:6px;display:flex}.consent-note{margin:0}.login-panel label.consent-check{flex-direction:row;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;line-height:1.4}.consent-check input{width:18px;height:18px;accent-color:var(--emas);flex:none;margin:1px 0 0}.consent-title{margin:0;font-size:18px}.login-screen.consent-screen{grid-template-columns:minmax(0,440px);place-content:center;padding-bottom:40px}.login-docs,.help-docs{display:block}.login-docs a,.help-docs a{color:inherit;text-decoration:underline}.login-footer{text-align:center;color:var(--gading-dim);font-size:12px;position:fixed;bottom:10px;left:0;right:0}.topbar{background:#0a151799;border-bottom:1px solid #c99a4a40;align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar .logo{margin-right:auto}.screen-title{font-family:var(--title);text-align:center;color:var(--emas-2);letter-spacing:.05em;margin:26px 0 16px}.screen-title.inline{margin:0 auto 0 0;font-size:20px}.char-slots{flex-wrap:wrap;justify-content:center;gap:18px;padding:0 16px;display:flex}.slot{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:210px;min-height:250px;transition:transform .15s,border-color .15s;display:flex}.slot:hover{transform:translateY(-3px)}.slot.selected{border-color:var(--emas-2);box-shadow:0 0 0 2px #f0cf8359, var(--shadow)}.slot.empty{color:var(--gading-dim);border-style:dashed}.slot .plus{color:var(--emas);font-size:40px}.char-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:700px;margin:22px auto;display:flex}.modal-backdrop,.overlay{z-index:50;pointer-events:auto;background:#050a0cb8;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.modal{flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:440px;display:flex}.modal h3{font-family:var(--title);color:var(--emas-2);margin:0}.create-screen{flex-direction:column;display:flex}.steps{flex-wrap:wrap;gap:6px;display:flex}.step{cursor:pointer;color:var(--gading-dim);background:0 0;border:1px solid #c99a4a4d;border-radius:999px;padding:5px 12px;font-weight:700}.step span{background:#00000059;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:4px;font-size:12px;display:inline-grid}.step.on{color:#241706;background:linear-gradient(#e2b866,#b4833a)}.step.done{color:var(--emas-2)}.create-body{flex:1;grid-template-columns:minmax(300px,380px) 1fr;gap:18px;min-height:0;padding:18px;display:grid}.preview-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.preview-stage{background:radial-gradient(circle at 50% 40%,#167f8259,#0000 70%),linear-gradient(#1d4046,#122a2d);border-radius:12px;flex:1;place-items:center;width:100%;min-height:300px;display:grid}.preview-stage .char-preview{filter:drop-shadow(0 10px 6px #00000073)}.preview-caption{flex-direction:column;align-items:center;display:flex}.preview-caption strong{font-size:20px;font-family:var(--title);color:var(--emas-2)}.step-panel{flex-direction:column;display:flex;overflow:auto}.step-nav{margin-top:auto;padding-top:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.card{text-align:left;cursor:pointer;background:#00000040;border:1px solid #c99a4a4d;border-radius:12px;padding:12px;font-size:13.5px;line-height:1.45}.card.on{border-color:var(--emas-2);background:#c99a4a1f;box-shadow:0 0 0 2px #f0cf8340}.card h3{font-family:var(--title);color:var(--emas-2);margin:0}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card p{margin:6px 0}.card dl,.char-sheet dl{margin:8px 0 0}.card dt,.char-sheet dt{color:var(--emas-2);margin-top:6px;font-size:12.5px;font-weight:800}.card dd,.char-sheet dd{margin:2px 0 0}.tagline-small{color:var(--gading-dim);font-style:italic}.tips{margin:6px 0;padding-left:18px}.field{margin:10px 0}.field-label{color:var(--gading-dim);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field-label b{color:var(--gading)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;background:#00000040;border:1px solid #c99a4a59;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.chip.on{border-color:var(--emas-2);color:#fff4d4;background:#c99a4a4d}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{cursor:pointer;border:2px solid #00000080;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 -3px 6px #00000040}.swatch.on{outline:2px solid var(--emas-2);outline-offset:2px}.name-step{flex-direction:column;gap:12px;max-width:460px;display:flex}.summary{background:#00000040;border-radius:10px;gap:4px;padding:12px;display:grid}.game-screen{background:#0b1a1c;position:fixed;inset:0}.game-canvas{position:absolute;inset:0}.game-canvas canvas{image-rendering:pixelated;display:block}.hud{pointer-events:none;zoom:var(--ui-scale);font-size:14px;position:absolute;inset:0}.hud>*,.hud-top-left>*,.hud-top-center>*{pointer-events:auto}.hud-top-left{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;left:10px}.hud-top-center{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.frame{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:8px 10px}.player-frame{gap:10px;width:300px;display:flex}.portrait{border:2px solid var(--emas);background:radial-gradient(circle at 50% 40%,#2d6066,#142c30);border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.portrait canvas{margin-top:6px}.frame-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.frame-title{align-items:center;gap:6px;display:flex}.frame-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lv{color:var(--emas-2);background:#c99a4a40;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800}.frame-foot{justify-content:space-between;align-items:center;margin-top:2px;font-size:12.5px;display:flex}.bar{background:#00000080;border:1px solid #0009;border-radius:7px;height:14px;position:relative;overflow:hidden}.bar.thin{height:5px}.bar-fill{height:100%;transition:width .25s ease-out}.bar-hp .bar-fill{background:linear-gradient(#8ef08a,#3fae4f)}.bar-mob .bar-fill{background:linear-gradient(#ff8a7a,#c8333c)}.bar-tg .bar-fill{background:linear-gradient(#7cc3ff,#2f6fd0)}.bar-xp .bar-fill{background:linear-gradient(#ffe08a,#c9922f)}.bar-jxp .bar-fill{background:linear-gradient(#d4a6ff,#8a4fd6)}.bar-label{text-shadow:0 1px 2px #000,0 0 2px #000;place-items:center;font-size:10.5px;font-weight:800;display:grid;position:absolute;inset:0}.buffs{flex-wrap:wrap;gap:3px;display:flex}.buff{background:#0006;border:1px solid #5fd06899;border-radius:5px;position:relative}.buff.debuff{border-color:#e5484db3}.buff small{text-shadow:0 0 2px #000;font-size:9px;font-weight:800;position:absolute;bottom:-4px;right:-2px}.target-frame{flex-direction:column;gap:3px;width:300px;display:flex}.target-frame.boss{background:linear-gradient(#3c1412eb,#102225eb);border-color:#d27a63;width:420px}.flavor{font-style:italic}.party-frame{flex-direction:column;gap:5px;width:220px;display:flex}.party-member{flex-direction:column;gap:2px;font-size:12.5px;display:flex}.party-member.offline{opacity:.5}.toasts{flex-direction:column;align-items:center;gap:5px;display:flex;pointer-events:none!important}.toast{text-align:center;background:#0a1416e0;border:1px solid #e8d8b340;border-radius:10px;max-width:520px;padding:6px 14px;font-size:13.5px;font-weight:700;animation:.25s ease-out toast-in}.toast.good{color:#c9f5c5;border-color:#5fd06899}.toast.warn{color:#ffd0b4;border-color:#ff8c5ab3}.toast.loot{color:var(--emas-2);border-color:#f0cf8399}.menubar{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:10px;right:10px}.zone-name{font-family:var(--title);color:var(--emas-2);text-shadow:0 2px 4px #000;font-size:15px;font-weight:800}.menu-buttons{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.menu-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.menu-btn:hover,.menu-btn.on{border-color:var(--line);background:#c99a4a2e}.popover{width:260px;font-size:13.5px}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:78px;right:10px;pointer-events:none!important}.hud-right>*{pointer-events:auto}.minimap{border:2px solid var(--emas);box-shadow:var(--shadow);cursor:zoom-in;background:#0d0b12;border-radius:10px;position:relative;overflow:hidden}.minimap.big{cursor:zoom-out}.minimap img{width:100%;height:100%;image-rendering:pixelated;display:block}.mm-self,.mm-mark{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.mm-self{background:#fff;border:2px solid #1a1425;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #fff}.mm-mark{text-shadow:0 0 2px #000,0 0 3px #000;font-size:11px;font-weight:900;line-height:1}.mm-mark.avail,.mm-mark.turnin{color:#ffe27a}.mm-mark.goal{border:2px solid #ff7a5a;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 8px #ff7a5a}.mm-mark.party{background:#7cc3ff;border:1px solid #1a1425;border-radius:50%;width:7px;height:7px}.tracker{cursor:pointer;background:#0a1416b8;border:1px solid #c99a4a4d;border-radius:12px;width:270px;padding:8px 10px;font-size:13px}.tracker-head{font-family:var(--title);color:var(--emas-2);margin-bottom:4px;font-weight:800}.track-quest{margin-bottom:8px}.track-title{margin-bottom:2px;font-weight:800}.cat{color:var(--emas-2);background:#c99a4a40;border-radius:5px;margin-right:2px;padding:1px 5px;font-size:10px}.cat-region{color:#a9ece6;background:#167f8259}.cat-job{color:#e3cdf7;background:#64408f73}.objective{padding-left:6px;line-height:1.45}.objective.done{color:#9be59a;-webkit-text-decoration:line-through #9be59a80;text-decoration:line-through #9be59a80}.objective.ready{color:var(--emas-2);font-weight:800}.objective.hint{color:var(--gading-dim)}.count{font-weight:800}.area-banner{align-items:center;gap:14px;animation:3.2s ease-in-out forwards area;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%);pointer-events:none!important}.area-banner h2{font-family:var(--title);color:#fff1c9;text-shadow:0 3px #3b2a10,0 6px 20px #000c;white-space:nowrap;margin:0;font-size:34px}.ornament{color:var(--emas);font-size:20px}.chat{flex-direction:column;gap:4px;width:360px;display:flex;position:absolute;bottom:10px;left:10px}.chat-toggle{cursor:pointer;background:#0a1416b3;border:none;border-radius:8px 8px 0 0;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:700}.chat-log{background:#0a14169e;border-radius:10px;height:150px;padding:6px 8px;font-size:13px;line-height:1.4;overflow-y:auto}.chat-line.system{color:var(--gading-dim);font-style:italic}.chat-line.party b{color:#9fd8ff}.chat-line.near b{color:var(--emas-2)}.chat input{background:#0a1416bf;width:100%;padding:7px 10px;font-size:13px}.hotbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:6px;padding:7px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slot-btn{cursor:pointer;background:radial-gradient(circle at 50% 35%,#2c555b,#15292c);border:1px solid #c99a4a73;border-radius:10px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.slot-btn:hover{filter:brightness(1.2)}.slot-btn.empty{opacity:.4;cursor:default}.slot-btn kbd{position:absolute;top:2px;left:2px}.slot-btn .cost,.slot-btn .qty{text-shadow:0 0 3px #000,0 0 2px #000;font-size:10px;font-weight:900;position:absolute;bottom:1px;right:3px}.slot-btn .cost{color:#9fd2ff}.slot-btn.no-tenaga{border-color:#4f8cff99}.cd{border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}.cd b{text-shadow:0 0 3px #000;font-size:15px}.hotbar-gap{width:8px}.dialog{gap:14px;width:min(760px,100% - 24px);padding:14px 16px;animation:.18s ease-out rise;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.dialog-portrait{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#2d6066,#142c30);border-radius:12px;flex-shrink:0;place-items:center;width:128px;height:80px;display:grid;overflow:hidden}.dialog-main{flex:1;min-width:0}.dialog-main header{align-items:center;gap:6px;display:flex}.dialog-main header strong{font-family:var(--title);color:var(--emas-2);font-size:17px}.dialog-text{cursor:pointer;min-height:50px;margin:8px 0 10px;font-size:16px;line-height:1.55}.caret{color:var(--emas);animation:.8s step-end infinite blink}.dialog-options{flex-direction:column;gap:6px;display:flex}.option{text-align:left;cursor:pointer;background:#00000047;border:1px solid #c99a4a59;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:14.5px;font-weight:700;display:flex}.option:hover:not(:disabled){border-color:var(--emas-2);background:#c99a4a2e}.option.decision{border-color:#d27a63b3}.option:disabled{opacity:.55}.narration{text-align:center;border:1px solid var(--line);width:min(620px,100% - 24px);box-shadow:var(--shadow);cursor:pointer;background:radial-gradient(#0a1012f2,#0a1012d1);border-radius:16px;padding:18px 26px;animation:.4s ease-out fade;position:absolute;top:32%;left:50%;transform:translate(-50%)}.narration h3{font-family:var(--title);color:var(--emas-2);letter-spacing:.06em;margin:0 0 6px}.narration p{margin:0 0 8px;font-size:16.5px;font-style:italic;line-height:1.6}.windows{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;padding:90px 300px 120px 330px;display:flex;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.windows>*{pointer-events:auto}.window{width:380px;max-height:calc(100vh / var(--ui-scale) - 230px);flex-direction:column;padding:0;animation:.15s ease-out rise;display:flex}.window.wide{width:560px}.window-head{border-bottom:1px solid #c99a4a40;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.window-head h3{font-family:var(--title);color:var(--emas-2);margin:0;font-size:17px}.window-body{padding:12px 14px;overflow-y:auto}.window h4{color:var(--emas-2);margin:12px 0 6px}.equip-row{justify-content:space-around;margin-bottom:10px;display:flex}.equip-slot{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100px;display:flex}.inv-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.inv-slot{aspect-ratio:1;cursor:pointer;background:#00000059;border:1px solid #c99a4a4d;border-radius:8px;place-items:center;min-width:44px;padding:0;display:grid;position:relative}.inv-slot.empty{cursor:default}.inv-slot.selected{border-color:var(--emas-2);box-shadow:0 0 0 2px #f0cf8359}.inv-slot .qty{text-shadow:0 0 3px #000;font-size:10.5px;font-weight:900;position:absolute;bottom:1px;right:3px}.quality-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:4px}.wallet{justify-content:space-between;margin:10px 0;font-weight:800;display:flex}.item-detail{border-top:1px solid #c99a4a40;padding-top:8px}.item-tip p{margin:6px 0;font-size:13px}.stats-line{color:#a6f0a0;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:700;display:flex}.qty-input{width:64px;padding:4px 6px}.shop{width:420px}.shop-row{border-bottom:1px solid #c99a4a26;align-items:center;gap:8px;padding:7px 0;display:flex}.price{color:var(--emas-2);white-space:nowrap;font-weight:800}.price.poor{color:#ff9a8a}.char-sheet{grid-template-columns:1fr;gap:8px;display:grid}.kv{border-bottom:1px dashed #c99a4a26;justify-content:space-between;padding:3px 0;font-size:13.5px;display:flex}.skill-row{background:#00000038;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.skill-row.locked{opacity:.6}.rank{color:var(--emas-2);text-align:center;min-width:34px;font-weight:900}.journal{grid-template-columns:190px 1fr;gap:12px;min-height:260px;display:grid}.quest-list{border-right:1px solid #c99a4a33;flex-direction:column;gap:4px;padding-right:8px;display:flex}.quest-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;gap:6px;padding:6px 8px;font-size:13.5px;display:flex}.quest-item.on{background:#c99a4a2e}.status{width:14px;color:var(--gading-dim);font-weight:900}.s-AVAILABLE,.s-READY_TO_TURN_IN{color:var(--emas-2)}.s-COMPLETED{color:#9be59a}.quest-detail h4{font-family:var(--title);margin-top:0}.quest-detail p{font-size:14px;line-height:1.5}.quest-stage{background:#00000038;border-radius:10px;margin:8px 0;padding:8px 10px}.quest-stage p{margin:4px 0}.rewards{color:var(--emas-2);margin:8px 0;font-size:13px}.story-entry{border-left:2px solid var(--emas);margin-bottom:8px;padding:4px 0 4px 10px}.story-entry p{margin:2px 0;font-style:italic}.keys{border-collapse:collapse;width:100%;font-size:13.5px}.keys td{border-bottom:1px solid #c99a4a1f;padding:4px 6px}.check{align-items:center;gap:8px;margin:8px 0;display:flex}.death{background:radial-gradient(#3c0a0c59,#000000b3);place-items:center;animation:.6s ease-out fade;display:grid;position:absolute;inset:0}.invite{width:320px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.player-menu{z-index:10;flex-direction:column;gap:6px;width:170px;padding:10px;display:flex;position:absolute}.fishing{text-align:center;width:320px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.fishing.bite{border-color:var(--emas-2);box-shadow:0 0 24px #f0cf8380}.fishing.result{pointer-events:none}.bobber{color:var(--emas-2);font-size:30px;font-weight:900;animation:1.2s ease-in-out infinite bob}.fishing.bite .bobber{color:#ff8a5a;animation:.15s linear infinite shake}.banner{text-align:center;z-index:40;padding:6px;font-weight:800;position:absolute;top:0;left:0;right:0}.banner.warn{background:#8c4735eb}@keyframes pulse{50%{filter:brightness(1.35)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(var(--tx,0), 8px)}}.dialog{--tx:-50%}@keyframes fade{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes area{0%{opacity:0;letter-spacing:.4em}15%,80%{opacity:1;letter-spacing:.06em}to{opacity:0}}.game-canvas{touch-action:none}.touch-layer{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.joy-zone{pointer-events:auto;touch-action:none;width:42%;height:62%;position:absolute;bottom:0;left:0}.joy-base,.joy-hint{background:radial-gradient(circle,#10282c73,#10282c26);border:2px solid #f0cf8380;border-radius:50%;place-items:center;width:116px;height:116px;margin:-58px 0 0 -58px;display:grid;position:absolute}.joy-hint{opacity:.45;margin:0 0 0 -58px;top:auto;bottom:40px;left:96px}.joy-knob{background:radial-gradient(circle at 40% 35%,#f0cf83,#9c7434);border:2px solid #2a1f2d;border-radius:50%;width:50px;height:50px;box-shadow:0 3px 8px #00000080}.action-pad{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:0;height:0;position:absolute}.touch-btn{pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 35%,#2c555beb,#15292ceb);border:2px solid #f0cf838c;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;display:grid;position:absolute;overflow:hidden;box-shadow:0 3px 10px #00000073}.touch-btn:active{filter:brightness(1.35);transform:scale(.94)}.touch-btn.primary{border-width:3px;border-color:var(--emas-2);background:radial-gradient(circle at 50% 35%,#8a5b2a,#4a2c16);width:88px;height:88px;bottom:0;right:0}.touch-btn.small{width:50px;height:50px}.touch-btn .qty{text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;bottom:2px;right:8px}.touch-btn .cd{border-radius:50%}:root{--tb:1}@media (height<=620px),(width<=620px){:root[data-touch="1"]{--tb:.8}}@media (height<=460px){:root[data-touch="1"]{--tb:.7}:root[data-touch="1"] .hud-right .minimap:not(.big){width:90px!important;height:90px!important}}.action-pad{transform:scale(var(--tb));transform-origin:100% 100%}.joy-base{transform:scale(var(--tb))}.joy-hint{left:calc(20px + 58px * var(--tb));transform:scale(var(--tb));transform-origin:50% 100%;bottom:18px}:root[data-touch="1"] .hud-top-left .tracker.collapsed{width:fit-content;min-width:96px}@media (height<=520px){:root[data-touch="1"] .hud-top-left .tracker{width:176px;max-height:24vh;padding:4px 7px;font-size:11px}:root[data-touch="1"] .tf{transform-origin:50% 0;transform:scale(.86)}:root[data-touch="1"] .tf-sub{display:none}:root[data-touch="1"] .zone-name{font-size:11px}}:root[data-touch="1"] .hotbar{display:none}.rotate-hint{text-align:center;z-index:50;width:min(320px,100% - 32px);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.option.selected{border-color:var(--emas-2);background:#c99a4a38}.adv-card{border:1px solid var(--line);background:#0000002e;border-radius:10px;margin:8px 0;padding:8px 10px}.adv-card p{margin:4px 0 6px}.adv-skills{gap:4px;display:flex}.channel-bar{flex-direction:column;align-items:center;gap:6px;width:min(320px,80%);padding:10px 14px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.channel-track{border:1px solid var(--line);background:#00000073;border-radius:6px;width:100%;height:10px;overflow:hidden}.channel-fill{transform-origin:0;background:linear-gradient(90deg,#5fd3c6,#f0cf83);width:100%;height:100%;animation:linear forwards channel-fill}@keyframes channel-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ending{pointer-events:auto;z-index:60;background:radial-gradient(circle at 50% 40%,#f0cf832e,#050a0ce0);place-items:center;animation:1.2s ease-out fade;display:grid;position:absolute;inset:0}.ending-card{text-align:center;width:min(560px,100% - 32px);max-height:calc(100% - 32px);padding:24px 22px;overflow-y:auto}.ending-title{font-family:var(--title);color:var(--emas-2);letter-spacing:.04em;margin-bottom:10px;font-size:26px;font-weight:800}.ending-text{margin:0 0 16px;font-size:16px;line-height:1.6}.ending-credits{gap:8px;margin:8px 0 18px;display:grid}.ending-credits div{flex-direction:column;display:flex}.ending-credits small{color:var(--emas);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.objective.walkable{cursor:pointer;border-radius:6px}.objective.walkable:hover{background:#c99a4a24}.walk-go{color:var(--emas-2);opacity:.75;margin-left:4px;font-weight:800}.autowalk-pill{border:1px solid var(--emas);box-shadow:var(--shadow);pointer-events:auto;background:#10282ce0;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;display:flex}.autowalk-pill .close{cursor:pointer;background:#0000004d;border:none;border-radius:50%;width:22px;height:22px}.walk-dot{background:var(--emas-2);border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite blink}.world-map{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block}.wm-link{stroke:#f3e2b1;stroke-width:2px;stroke-dasharray:5 4;opacity:.8}.wm-link.locked{stroke:#9aa39b;opacity:.35}.wm-zone{cursor:pointer}.wm-zone circle{fill:#1c4a50;stroke:#f0cf83;stroke-width:2.5px}.wm-zone:hover circle{fill:#2c6a70}.wm-zone.here circle{fill:#f0cf83;stroke:#fff6d6;stroke-width:3px}.wm-zone.locked circle{fill:#3a3f3c;stroke:#8a908a}.wm-goal{fill:#e0573f;stroke:#fff;stroke-width:1px}.wm-name{fill:#fff6d6;font:700 9.5px var(--font);text-anchor:middle;paint-order:stroke;stroke:#0b1a1c;stroke-width:3px}.wm-level{fill:#cfe7e3;font:600 8px var(--font);text-anchor:middle;paint-order:stroke;stroke:#0b1a1c;stroke-width:2.5px}.menu-drop{z-index:40;grid-template-columns:repeat(2,minmax(120px,1fr));gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.menubar.compact .menu-buttons{position:relative}.menu-label{margin-left:6px;font-size:13px;font-weight:700}.menu-drop .menu-btn{justify-content:flex-start;width:auto;height:44px;padding:0 10px;display:flex}:root[data-compact="1"] .player-frame{gap:8px;width:214px;padding:6px 8px}:root[data-compact="1"] .portrait{width:44px;height:44px}:root[data-compact="1"] .portrait canvas{transform:scale(.7)}:root[data-compact="1"] .hud-top-center{align-items:flex-start;left:236px;transform:none}:root[data-compact="1"] .target-frame{width:210px}:root[data-compact="1"] .target-frame.boss{width:260px}:root[data-compact="1"] .zone-name{font-size:12px}:root[data-compact="1"] .hud-right{top:92px}:root[data-compact="1"] .minimap:not(.big){width:118px!important;height:118px!important}:root[data-compact="1"] .tracker{width:200px;max-height:34vh;font-size:12px;overflow-y:auto}:root[data-compact="1"] .chat{width:280px}:root[data-touch="1"] .chat{z-index:30;width:min(420px,60%);top:64px;bottom:auto;left:50%;transform:translate(-50%)}.tracker-head{justify-content:space-between;align-items:center;display:flex}.tracker-fold{color:var(--emas-2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.tracker.collapsed{padding-bottom:4px}:root[data-touch="1"] .hud-top-left .tracker{pointer-events:auto;width:214px;max-height:30vh}:root[data-touch="1"] .minimap:not(.big){width:104px!important;height:104px!important}:root[data-touch="1"] .menu-btn{width:44px;height:44px}:root[data-touch="1"] .dialog{width:calc(100% - 16px);padding:10px 12px;bottom:8px}:root[data-touch="1"] .dialog-portrait{width:84px;height:64px}:root[data-touch="1"] .option{padding:12px 14px;font-size:15px}:root[data-touch="1"] .slot-btn kbd,:root[data-touch="1"] .option kbd{display:none}@media (width<=1100px){.windows{padding:90px 12px 120px}.tracker{width:230px;font-size:12px}}@media (width<=720px){.tracker{display:none}}@media (width<=860px){.login-screen{grid-template-columns:1fr;justify-items:center}.create-body{grid-template-columns:1fr}.chat{width:260px}.player-frame,.target-frame{width:240px}}.inv-slot .plus{color:#ffd36b;text-shadow:0 0 3px #000;font-size:10px;font-weight:900;position:absolute;bottom:1px;left:3px}.storage-grid{grid-template-columns:repeat(10,1fr);margin-bottom:6px}.window.service .tabs{margin-bottom:6px}.upgrade-row{border-bottom:1px solid #c99a4a26;align-items:center;gap:10px;padding:8px 0;display:flex}.upgrade-row .inv-slot{flex:none;width:44px}.stat-up{color:#a6f0a0;font-weight:700}.market-list{max-height:46vh;overflow-y:auto}.window input.search{width:100%;margin:6px 0;padding:5px 8px}.qty-input.wide{width:96px}.guild-members{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.guild-member{opacity:.65;background:#00000040;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.guild-member.online{opacity:1}.guild-member .dot{background:#6b6474;border-radius:50%;width:8px;height:8px}.guild-member.online .dot{background:#7cf08a}.guild-member .btn{margin-left:auto}.btn.tiny{padding:2px 6px;font-size:11px}.window.trade{width:560px}.trade-sides{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.trade-side{background:#00000040;border-radius:8px;padding:6px}.inv-grid.small{grid-template-columns:repeat(3,1fr);min-height:48px}@media (width<=760px){.storage-grid{grid-template-columns:repeat(6,1fr)}.window.trade,.trade-sides{width:auto}}.badge.gold{color:#3a2410;background:linear-gradient(#f6dc96,#c99a4a);font-weight:900}.windows>.window{max-width:100%}.quality-pips{pointer-events:none;gap:1px;display:flex;position:absolute;top:3px;left:3px}.quality-pips i{background:currentColor;width:4px;height:4px;box-shadow:0 0 0 1px #000000a6}.buff.debuff:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--merah);filter:drop-shadow(0 0 1px #000);position:absolute;top:-2px;left:-2px}.keybinds{margin-top:8px}.keybind-group h4{margin:10px 0 4px;font-size:13px}.keybind-row{border-bottom:1px solid #c99a4a1f;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:13.5px;display:flex}.keybind-key{cursor:pointer;text-align:center;background:#0000004d;border:1px solid #c99a4a59;border-radius:8px;min-width:96px;padding:3px 8px}.keybind-row.listening .keybind-key{border-color:var(--emas-2);color:var(--emas-2);box-shadow:0 0 0 2px #f0cf8340}.warn-text{color:#ffb36b}:root.hc{--panel:#07100f;--panel-solid:#07100f;--line:#f0cf83f2;--gading-dim:#e2d6bb}:root.hc .muted{color:#e2d6bb}:root.hc .toast,:root.hc .tracker,:root.hc .chat-log,:root.hc .dialog,:root.hc .narration{background:#050b0b;border-color:#f0cf83e6}:root.hc kbd{background:#000;border:1px solid #f0cf83cc}:root.hc .tracker,:root.hc .chat-log,:root.hc .toast{text-shadow:none}.photo-preview{z-index:60;flex-direction:column;gap:10px;width:min(560px,100% - 24px);max-height:calc(100vh - 24px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-preview img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 120px);image-rendering:pixelated;border:1px solid var(--line);border-radius:8px}.login-screen>*{min-width:0;max-width:100%}@media (width<=600px){.showcase{gap:4px}.showcase-char .char-preview{width:min(96px,21vw);height:auto;image-rendering:pixelated}.tagline{font-size:15px}}.pra-slots{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pra-slot{border:1px dashed #c99a4a73;border-radius:8px;align-items:center;gap:6px;padding:3px 6px;font-size:13px;display:flex}.pra-slot.filled{background:#00000040;border-style:solid}.pra-pick{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pra-pick .chip{align-items:center;gap:4px;display:inline-flex}.pra-carve{flex-direction:column;gap:4px;display:flex}.pra-carve-row{align-items:center;gap:8px;font-size:13.5px;display:flex}.pra-lines{margin:4px 0}.pra-mark{font-size:11px}.inv-slot .pra-badge{color:#f0cf83;text-shadow:0 0 2px #000;font-size:9px;font-weight:800;position:absolute;bottom:1px;left:3px}.beta-badge{letter-spacing:.08em;margin-top:8px;display:inline-block}.beta-tag{letter-spacing:.08em;color:#1b1408;background:var(--emas-2);vertical-align:middle;border-radius:4px;margin-right:6px;padding:1px 5px;font-size:10px;font-weight:900}.feedback-text{width:100%;font:inherit;color:var(--gading);border:1px solid var(--line);resize:vertical;background:#00000059;border-radius:8px;margin:8px 0;padding:8px 10px}.beta-welcome{max-width:520px}.beta-welcome ul{margin:8px 0 10px;padding-left:18px;line-height:1.5}.hud.chat-up .chat{bottom:var(--chat-raise,92px)}.hotbar{z-index:3}.windows.with-counter{padding-left:12px;padding-right:12px}.window-pair{pointer-events:none;flex-wrap:nowrap;align-items:flex-start;gap:12px;max-width:100%;display:flex}.window-pair>*{pointer-events:auto;flex:0 auto;min-width:0}.window-pair>.window{width:380px}.window-pair>.window.shop{width:400px}.window-pair .inv-slot{min-width:0}@media (width<=640px){.window-pair{flex-direction:column;align-items:stretch}.window-pair>.window{width:auto;max-height:44vh}}.side-card{z-index:5;width:272px;padding:12px 14px;animation:.12s ease-out rise;position:absolute}.side-card.right{left:calc(100% + 10px)}.side-card.left{right:calc(100% + 10px)}.side-card.inside{width:auto;max-height:60%;bottom:8px;left:8px;right:8px;overflow-y:auto}.side-card-close{position:absolute;top:6px;right:8px}.side-card .item-tip{padding-right:16px}.side-card .row{margin-top:8px}.chat-head{flex-wrap:wrap;align-items:flex-end;gap:2px;display:flex}.chat-head .chat-toggle{align-self:auto}.chat-title{padding:2px 6px;font-size:12px;font-weight:700}.chat-tab{color:var(--gading-dim);cursor:pointer;background:#0a14168c;border:none;border-radius:8px 8px 0 0;padding:3px 8px;font-size:11.5px;font-weight:800;position:relative}.chat-tab.on{color:var(--emas-2);background:#0a1416d1}.chat-badge{color:#fff;text-align:center;background:#d9534f;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-style:normal;line-height:15px;position:absolute;top:-6px;right:-4px}.chat-line.world b{color:#f0b76a}.chat-line.whisper{color:#f3b6ff}.chat-line .who{cursor:pointer}.chat-line .who:hover{text-decoration:underline}.gm-badge{color:#2a0f05;background:#ffb347;border-radius:6px;margin-right:4px;padding:0 5px;font-size:.85em;font-weight:800;line-height:1.35;display:inline-block}.gm-title{color:#ffb347;font-size:12px;font-weight:800}.chat-line.guild b{color:#9be3a6}.chat-line.system.loot{color:#e9d38c;font-style:normal}.chat-line.system.exp{color:#ffe38a;font-style:normal}.chat-line.system.good{color:#a6f0a0;font-style:normal}.chat-line.system.warn{color:#ffb3a8;font-style:normal}.chat-form{gap:4px;display:flex}.chat-form input{flex:1;min-width:0}.chat-to{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);color:#f3b6ff;cursor:pointer;background:#3c144699;border-radius:8px;flex:none;max-width:120px;padding:0 8px;font-size:12px;font-weight:800;overflow:hidden}.pid{letter-spacing:.06em;color:var(--emas-2);font-family:ui-monospace,Consolas,monospace}.my-id{background:#c99a4a1a;border:1px solid #c99a4a40;border-radius:10px;margin-bottom:8px;padding:8px 10px}.my-id .pid{font-size:22px}.friend-add input{min-width:0}.friend-row{border-bottom:1px solid #c99a4a26;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;display:flex}.friend-row .dot{background:#6b6f73;border-radius:50%;flex:none;width:9px;height:9px}.friend-row.online .dot{background:#5fd36a;box-shadow:0 0 6px #5fd36a}.friend-row:not(.online) b{color:var(--gading-dim)}.friend-actions{flex-wrap:wrap;gap:4px;display:flex}.btn.danger{color:#fff;background:#8c2f2a}.menu-btn{position:relative}.menu-badge{color:#fff;background:#d9534f;border-radius:8px;min-width:15px;height:15px;font-size:10px;font-style:normal;font-weight:900;line-height:15px;position:absolute;top:1px;right:1px}.player-card{width:240px;max-height:calc(100vh / var(--ui-scale) - 16px);overflow-y:auto}.pc-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.pc-avatar,.char-avatar{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#2c555b,#10201f);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.pc-avatar{width:64px;height:64px}.pc-report{flex-direction:column;gap:6px;display:flex}.pc-reasons{flex-wrap:wrap;gap:4px;display:flex}.pc-reasons .chip{font-size:11px}.pc-note{box-sizing:border-box;resize:vertical;width:100%;font:inherit;font-size:12px}.blocked-list .row{align-items:center}.char-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.char-avatar{width:92px;height:92px}.char-name{font-family:var(--title);color:var(--emas-2);font-size:19px}.char-levels{gap:8px;margin:4px 0;font-size:13px;font-weight:800;display:flex}.char-levels span{background:#0000004d;border-radius:8px;padding:1px 8px}.char-id{align-items:center;gap:6px;font-size:13px;display:flex}.char-tabs{margin-bottom:8px}.attr-grid{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.gear-row{border-bottom:1px solid #c99a4a26;align-items:center;gap:10px;padding:6px 0;display:flex}.gear-row .inv-slot{flex:none;width:44px}.exp-row{align-items:center;gap:5px;margin-top:2px;display:flex}.exp-row .bar{flex:1}.exp-name{width:38px;color:var(--gading-dim);font-size:10px;font-weight:800}.exp-pct{text-align:right;width:32px;font-size:10px;font-weight:800}.mob-info{color:#ffe38a;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11.5px;font-weight:800;display:flex}.mob-drops{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mob-drops .drop{background:#00000059;border:1px solid #c99a4a40;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:relative}.mob-drops .drop small{text-shadow:0 0 2px #000,0 0 2px #000;font-size:8.5px;font-weight:900;position:absolute;bottom:-2px;right:0}.chat{width:384px}.chat-tab{padding:3px 6px;font-size:11px}@media (width<=860px){.chat{width:300px}.chat-tab{padding:3px 4px;font-size:10px}}.gender-pick{gap:8px;display:flex}.gender-btn{border:1px solid var(--line);color:var(--gading);cursor:pointer;background:#00000040;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:15px;font-weight:800;display:flex}.gender-btn.on{border-color:var(--emas-2);color:var(--emas-2);background:#c99a4a2e;box-shadow:0 0 0 2px #f0cf8340}.gender-sym{font-size:20px;line-height:1}.equip-grid{grid-template-columns:repeat(4,1fr);gap:6px 8px;margin-bottom:10px;display:grid}.equip-grid .equip-slot{width:auto}.equip-grid .inv-slot{width:100%;min-width:0}.equip-grid .tiny{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.slot-ghost{opacity:.35;place-items:center;display:grid}.forge-groups{align-items:center;margin:6px 0 8px}.forge-all{margin-left:auto}.forge-row{border-bottom:1px solid #c99a4a26;align-items:center;gap:10px;padding:8px 0;display:flex}.forge-row.ready .forge-icon{border-color:var(--emas-2);box-shadow:0 0 8px #f0cf8359}.forge-icon{background:#00000059;border:1px solid #c99a4a4d;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid}.forge-mats{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.forge-mat{color:#ffb3a8;background:#0000004d;border-radius:8px;align-items:center;gap:3px;padding:1px 6px 1px 2px;font-size:11.5px;font-weight:800;display:inline-flex}.forge-mat.ok{color:#a6f0a0}.tingkat-now{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.tingkat-row{opacity:.75;border:1px solid #c99a4a26;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 8px;display:flex}.tingkat-row.reached{opacity:1;background:#c99a4a12}.tingkat-row.next{opacity:1;border-color:var(--emas-2);box-shadow:0 0 0 1px #f0cf8340}.tingkat-emblem{border:1px solid var(--line);width:42px;height:42px;font-family:var(--title);color:var(--emas-2);background:#00000059;border-radius:50%;flex:none;place-items:center;display:grid}.tingkat-skill{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}.hud-top-left{gap:6px}.pf{background:linear-gradient(90deg,#081214c7,#08121459);border-radius:40px 14px 14px 40px;align-items:center;gap:8px;width:248px;padding:4px 12px 4px 4px;display:flex}.pf-portrait{border:2px solid var(--emas);cursor:pointer;background:radial-gradient(circle at 50% 40%,#2d6066,#142c30);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;padding:0;display:grid;position:relative;overflow:visible}.pf-portrait canvas{border-radius:50%;margin-top:4px}.pf-lv{color:#3a2410;text-align:center;background:linear-gradient(#f6dc96,#c99a4a);border-radius:11px;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:900;line-height:22px;position:absolute;bottom:-4px;left:-4px;box-shadow:0 1px 3px #000}.pf-points{color:#fff;cursor:pointer;background:#d9534f;border-radius:9px;height:18px;padding:0 5px;font-size:10.5px;font-weight:900;line-height:18px;position:absolute;top:-4px;right:-6px;box-shadow:0 1px 3px #000}.pf-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pf-name{white-space:nowrap;text-shadow:0 1px 2px #000;align-items:baseline;gap:6px;font-size:13px;display:flex;overflow:hidden}.pf-name b{text-overflow:ellipsis;overflow:hidden}.pf-name span{color:var(--gading-dim);font-size:10.5px}.pf .bar,.party .bar{border-radius:6px;height:11px}.pf .bar-tg{height:8px}.pf .bar-label{font-size:9px}.pf .bar-tg .bar-label{display:none}.pf .buffs{margin-top:1px}.party{flex-direction:column;gap:3px;width:196px;display:flex}.party-head{letter-spacing:.04em;color:var(--emas-2);text-shadow:0 1px 2px #000;justify-content:space-between;align-items:center;padding:0 4px;font-size:10.5px;font-weight:900;display:flex}.party-leave{color:var(--gading-dim);cursor:pointer;background:#0006;border:none;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800}.pm{text-align:left;border:none;border-left:3px solid var(--tint);background:linear-gradient(90deg, color-mix(in srgb, var(--tint) 40%, #081214b3), #08121473);color:var(--gading);cursor:pointer;border-radius:6px;grid-template-columns:1fr auto;grid-template-areas:"name lv""bar bar";gap:2px 6px;padding:3px 7px 4px;display:grid}.pm.offline{opacity:.45}.pm-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:12px;font-weight:800;overflow:hidden}.pm-star{color:#ffd36b;margin-right:3px;font-style:normal}.pm-lv{color:var(--gading-dim);grid-area:lv;font-size:10.5px}.pm .bar{grid-area:bar;height:5px}.tf{background:#081214bd;border:1px solid #c99a4a40;border-radius:12px;flex-direction:column;gap:3px;width:280px;padding:5px 9px 6px;display:flex}.tf.boss{background:linear-gradient(#3c1412d9,#081214cc);border-color:#d27a63;width:380px}.tf-line{align-items:center;gap:6px;display:flex}.tf-lv{color:var(--emas-2);background:#c99a4a40;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:900}.tf-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.tf-info{color:var(--gading-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.tf .bar{height:11px}.tf .bar-label{font-size:9px}.tf-sub{color:var(--gading-dim);font-size:11px}.tf-more{color:#ffe38a;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11px;font-weight:800;display:flex}.tf-more .drop{background:#00000059;border-radius:5px;place-items:center;width:24px;height:24px;display:grid;position:relative}.tf-more .drop small{color:var(--gading);text-shadow:0 0 2px #000,0 0 2px #000;font-size:8px;font-weight:900;position:absolute;bottom:-3px;right:-2px}.exp-strip{pointer-events:auto;gap:2px;height:15px;display:flex;position:absolute;bottom:0;left:0;right:0}.exp-half{color:var(--gading);white-space:nowrap;background:#050a0cb8;flex:1;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.exp-track{background:#ffffff1f;border-radius:3px;flex:1;height:5px;overflow:hidden}.exp-fill{height:100%;transition:width .3s ease-out;display:block}.exp-fill.base{background:linear-gradient(90deg,#c9922f,#ffe08a)}.exp-fill.job{background:linear-gradient(90deg,#8a4fd6,#d4a6ff)}.exp-tag{color:var(--emas-2)}.exp-num{text-align:right;min-width:40px}.hotbar{bottom:22px}.chat{bottom:20px}.hud-right{gap:6px;top:70px}.tracker{background:#08121499;border-color:#c99a4a33;width:240px;padding:6px 9px;font-size:12px}.menu-buttons{background:#08121499;border-color:#c99a4a33}.menu-btn{width:34px;height:34px}:root[data-compact="1"] .pf{gap:6px;width:200px}:root[data-compact="1"] .pf-portrait{width:46px;height:46px}:root[data-compact="1"] .pf-portrait canvas{transform:scale(.75)}:root[data-compact="1"] .tf{width:220px}:root[data-compact="1"] .tf.boss{width:270px}:root[data-compact="1"] .party{width:168px}:root[data-compact="1"] .exp-strip{height:13px}:root[data-compact="1"] .exp-half{padding:0 5px;font-size:9px}.menubar:not(.compact) .menu-buttons{grid-template-columns:repeat(7,34px);gap:4px;display:grid}.hud-right{top:124px}.action-pad{bottom:calc(30px + env(safe-area-inset-bottom))}.joy-hint{bottom:52px}.joy-zone{bottom:16px}.news-panel{text-align:left;max-width:520px;max-height:38vh;margin-top:14px;padding:12px 14px;overflow-y:auto}.news-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.news-list{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.45}.news-list li{margin-bottom:3px}.news-old{border-top:1px solid #c99a4a33;margin-top:8px;padding-top:8px}.news-modal{max-width:560px;max-height:80vh;overflow-y:auto}.login-screen{padding-bottom:56px}.news-panel{margin-left:auto;margin-right:auto}.login-footer{pointer-events:none;background:linear-gradient(#0a151700,#0a1517f2);padding:10px 0 4px;bottom:0}.login-footer>*{pointer-events:auto}.mm-expand{width:20px;height:20px;color:var(--emas-2);pointer-events:none;background:#081214bf;border-radius:6px;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:3px;left:3px}.minimap.big{z-index:6}.inv-slot.r1{box-shadow:inset 0 0 0 1px #86d9778c}.inv-slot.r2{box-shadow:inset 0 0 0 1px #64b5ffb3}.inv-slot.r3{box-shadow:inset 0 0 0 1px #c792ffcc,inset 0 0 8px #c792ff59}.inv-slot.r4{box-shadow:inset 0 0 0 1px #ffa33de6,inset 0 0 10px #ffa33d73}.inv-slot.r5{animation:2.4s ease-in-out infinite mitos-glow;box-shadow:inset 0 0 0 1px #ff5577f2,inset 0 0 12px #ff557780}@keyframes mitos-glow{50%{box-shadow:inset 0 0 0 1px #ff8c5af2,inset 0 0 14px #ff78aa99}}.inv-slot.rusak img,.inv-slot.rusak canvas{filter:grayscale()brightness(.7)}.inv-slot.rusak:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 46%,#e6463ce6 47% 53%,#0000 54%);position:absolute;inset:4px}.tip-sifat{color:#b9e8a8;border-left:2px solid #86d97799;margin:4px 0;padding:3px 6px;font-size:12px}.tip-ability{color:#e0c9ff;border-left:2px solid #c792ffcc;margin:4px 0;padding:3px 6px;font-size:12px}.tip-ability.mitos{color:#ffc2cf;border-left-color:#ff5577e6}.tip-set{color:var(--gading-dim);margin:4px 0;font-size:12px}.tip-set b,.tip-set .on{color:#9fe1c9}.tip-broken{color:#ff8a7a;font-size:12px;font-weight:700}.risk-mid{color:#f0c27a}.risk-high{color:#ff8a7a}.upgrade-row.broken{background:#781e1e2e}.seal-toggle{cursor:pointer;align-items:center;gap:6px;margin:4px 0 8px;font-size:12px;display:flex}.tf-line .bar{flex:110px;min-width:70px;margin:0}.tf-name{flex:0 auto;max-width:46%}.tf-more{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.tf-more .drop{flex:none;width:20px;height:20px}.tf-sub,.track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.objective{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.objective .obj-text{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.objective .count,.objective .walk-go{flex:none}:root[data-touch="1"] .chat{left:calc(10px + env(safe-area-inset-left));top:auto;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;width:min(380px,46vw);transform:none}:root[data-touch="1"] .chat-log{height:var(--chat-h,96px)}.chat.peek{pointer-events:none;gap:2px}.chat.peek .chat-log{background:#0a14165c;font-size:11.5px;line-height:1.35;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 18px);mask-image:linear-gradient(#0000 0,#000 18px)}.chat.peek .chat-line .chat-join{pointer-events:auto}.chat-open{pointer-events:auto;color:var(--emas-2);background:#0a1416b8;border:1px solid #f0cf8359;border-radius:8px;align-self:flex-start;padding:2px 10px;font-size:11.5px;font-weight:800}.chat.touch-open{background:#0812148c;border-radius:10px;padding:0 4px 4px}.chat.touch-open .chat-head{flex-wrap:nowrap;overflow-x:auto}.chat-resize{touch-action:none;cursor:ns-resize;justify-content:center;height:16px;display:flex}.chat-resize:before{content:"";background:#f0cf8399;border-radius:2px;width:44px;height:4px;margin-top:6px}:root[data-touch="1"] .joy-hint{bottom:calc(18px + var(--chat-peek,0px))}.chat-join{color:#d9ffe6;cursor:pointer;background:#286e468c;border:1px solid #82dca099;border-radius:6px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:800}.party-tools{background:#081214d1;border-radius:8px;flex-direction:column;gap:3px;padding:4px 6px;display:flex}.party-tools .pt-row{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.party-tools .chip{padding:1px 6px;font-size:10.5px}.party-more{color:var(--gading-dim);padding:0 6px;font-size:10.5px}.req-line{color:var(--gading-dim)}.req-bad{color:#ff8a7a;font-weight:700}.forge-mat.tier{border:1px solid;padding:1px 5px}.bag-tabs{gap:3px;margin-bottom:4px;display:flex}.bag-tab{color:var(--gading-dim);cursor:pointer;background:#08121499;border:1px solid #c99a4a40;border-radius:6px;flex:1;justify-content:center;align-items:baseline;gap:3px;padding:2px 0;font-size:12px;font-weight:800;display:flex}.bag-tab small{opacity:.75;font-size:9px;font-weight:600}.bag-tab.on{border-color:var(--emas-2);color:var(--emas-2);background:#c99a4a2e}.bag-tab.full small{color:#ff8a7a;opacity:1}.shop-name{cursor:pointer}.shop-row.open{background:#c99a4a14;align-items:flex-start}.tip-options{color:#cfe6ff;border-left:2px solid #64b5ffb3;margin:4px 0;padding:3px 6px}.tip-lore{color:var(--gading-dim);background:#c99a4a1a;border-radius:6px;margin-top:6px;padding:4px 6px;font-size:12px;font-style:italic}.tip-lore b{color:var(--emas-2);font-style:normal}.menubar-top{justify-content:flex-end;align-items:center;gap:8px;display:flex}.donate-btn{color:#fff4f6;white-space:nowrap;cursor:pointer;pointer-events:auto;background:linear-gradient(#c84a6af2,#922e4ef2);border:1px solid #ffc4ce99;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:12px;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 2px 6px #00000059}.donate-btn:hover{filter:brightness(1.12)}.donate-btn:active{transform:translateY(1px)}.donate-heart{color:#ffd3dd}.donate-btn.donate-login{padding:6px 14px 6px 11px;font-size:13px}.login-donate{border-top:1px solid #c99a4a33;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:10px;display:flex}.donate-back{z-index:70;pointer-events:auto;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.donate-note{flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;font-size:14px;display:flex}.donate-note p{margin:0;line-height:1.5}.donate-title{font-family:var(--title);color:var(--emas-2);margin:0}.donate-title .donate-heart{color:#ff8fab}.donate-thanks{color:var(--emas-2);font-weight:700}.donate-note a.btn{text-decoration:none}.donate-btn.donate-menu{border-radius:10px;height:34px;padding:0 10px;font-size:12px}@media (width<=520px){.donate-btn.donate-menu{justify-content:center;width:34px;padding:0;font-size:15px}.donate-btn.donate-menu .donate-label{display:none}}