:root{--ink:#0b0f22;--paper:#f4efe4;--gold:#f3c96f;--gold-2:#d49a3a;--leaf:#5f9a44;--cream-ink:#384057;--muted:#a8aec8;--glass:#0d1226cc;--glass-2:#171d3ae0;--line:#ecd6a033;--line-2:#aabcff29;--bad:#f07060;--good:#8fe07a;--slot:52px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;background:#8fc3ea;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;overflow:hidden}#game,#game canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#fx{pointer-events:none;position:fixed;inset:0;overflow:hidden}#boot{z-index:50;background:radial-gradient(at 50% 38%,#3a5a7a 0%,#1d2433 70%);place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#boot.done{opacity:0;pointer-events:none}.boot-in{flex-direction:column;align-items:center;gap:10px;width:min(420px,80vw);display:flex}.boot-in b{letter-spacing:.3em;color:var(--paper);text-shadow:0 4px 24px #e8b04a73;margin-right:-.3em;font-size:clamp(36px,7vw,64px);font-weight:900}.boot-in small{letter-spacing:1px;color:#f4e2b8;opacity:.85;text-align:center;font-size:14px}.boot-bar{background:#ffffff1f;border-radius:3px;width:100%;height:6px;margin-top:18px;overflow:hidden}.boot-bar i{background:linear-gradient(90deg,#e8b04a,#ffe08a);width:0;height:100%;transition:width .2s;display:block}.boot-in span{opacity:.7;letter-spacing:2px;font-size:12px}button{font:inherit;color:inherit;cursor:pointer}.hud button,.touch button{pointer-events:auto}.stats{left:max(16px, env(safe-area-inset-left));grid-template-rows:repeat(3,auto);grid-template-columns:auto 1fr;gap:5px 10px;width:300px;display:grid;position:absolute;top:14px}.lvl{background:radial-gradient(circle at 35% 30%, #3a4666, var(--ink));border:2px solid var(--gold);border-radius:50%;grid-row:1/4;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 3px 10px #00000059}.lvl b{color:var(--gold);font-size:22px;font-weight:900}.lvl .xp{background:#0000008c;border-radius:3px;height:5px;position:absolute;bottom:-7px;left:6px;right:6px;overflow:hidden}.lvl .xp i{background:linear-gradient(90deg,#c8a0ff,#8fc3ff);height:100%;display:block}.bar{background:#0f121ca8;border:1px solid #ffffff29;border-radius:7px;height:12px;position:relative;overflow:hidden}.bar i{border-radius:6px;height:100%;transition:width .15s linear;display:block}.bar.hp{height:18px}.bar.hp i{background:linear-gradient(#9ae07a,#4fae4a)}.bar.hp.low i{background:linear-gradient(#ff9a7a,#d8443a)}.bar.hp span{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.bar.st i{background:linear-gradient(#ffe08a,#e8b04a)}.bar.hu i{background:linear-gradient(#f8b27a,#d8783a)}.bar.hu.low{animation:1s infinite pulse}.bar.co{display:none;position:relative}.bar.co.on{display:block}.bar.co i{background:linear-gradient(#dff6ff,#7fc8ec)}.bar.co b{color:#eaf8ff;text-shadow:0 0 3px #3a8ac8;font-size:10px;line-height:1;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.bar.co.warm b{color:#ffc070;text-shadow:0 0 3px #b8602a}.bar.co.low{animation:.8s infinite pulse}@keyframes pulse{50%{border-color:var(--bad)}}.corner{right:max(14px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute;top:12px}.rb{border:1px solid var(--line);background:var(--glass);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:54px;height:54px;padding:0;display:flex;box-shadow:0 3px 10px #0000004d}.rb small{opacity:.85;font-size:10px;font-weight:700}.rb .gear{font-size:24px;line-height:1}.rb:active{transform:scale(.94)}.goal{right:max(14px, env(safe-area-inset-right));background:var(--glass);border-left:3px solid var(--gold);border-radius:14px;max-width:290px;padding:8px 14px 9px;font-size:13.5px;line-height:1.35;position:absolute;top:76px}.goal small{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:800;display:block}.goal.flash{animation:.6s ease-out goalIn}@keyframes goalIn{0%{opacity:0;transform:translate(30px)}}.tag{left:max(10px, env(safe-area-inset-left));color:var(--gold);letter-spacing:.5px;white-space:nowrap;opacity:.6;pointer-events:none;background:#1d243366;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:6px}.pickups{left:max(16px, env(safe-area-inset-left));flex-direction:column;gap:5px;display:flex;position:absolute;bottom:120px}.pickup{border-left:3px solid var(--rar);background:linear-gradient(90deg,#181e2cd9,#181e2c59);border-radius:10px;align-items:center;gap:8px;min-width:170px;padding:4px 12px 4px 6px;font-size:13.5px;animation:.25s ease-out slideIn;display:flex}.pickup b{color:var(--good);margin-left:auto;font-weight:800}@keyframes slideIn{0%{opacity:0;transform:translate(-24px)}}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.toast{background:var(--glass);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:7px 18px;font-size:14px;font-weight:700;animation:.25s ease-out toastIn,.4s ease-in 2s forwards toastOut}.toast.bad{color:#ffc0b0;border-color:#f0706099}.toast.good{color:#e6ffd8;border-color:#8fe07a99}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes toastOut{to{opacity:0}}.prompt{background:var(--glass);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:6px 16px 6px 7px;font-size:14px;font-weight:700;display:none;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.prompt.on{display:flex}.prompt kbd{background:var(--paper);width:24px;height:24px;color:var(--ink);border-radius:7px;place-items:center;font:800 13px system-ui;display:inline-grid}.touch-ui .prompt kbd{display:none}.craftbar{background:var(--glass);text-align:center;border-radius:10px;width:240px;padding:5px 10px 7px;font-size:12px;display:none;position:absolute;bottom:136px;left:50%;transform:translate(-50%)}.craftbar.on{display:block}.craftbar i{background:var(--gold);border-radius:2px;height:4px;margin-top:4px;display:block}.hotbar{background:#0f121c73;border-radius:16px;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{width:var(--slot);height:var(--slot);background:var(--glass-2);border:1px solid #ffffff24;border-radius:11px;place-items:center;padding:0;display:grid;position:relative}.slot .ic{background:radial-gradient(circle at 50% 80%, color-mix(in srgb, var(--rar) 40%, transparent), transparent 70%);border-radius:10px;place-items:center;width:100%;height:100%;display:grid}.slot b{text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12px;font-weight:800;position:absolute;bottom:1px;right:4px}.slot .key{opacity:.6;font-size:10px;font-weight:800;position:absolute;top:1px;left:4px}.touch-ui .slot .key{display:none}.slot .dur{background:var(--good);border-radius:2px;height:3px;position:absolute;bottom:4px;left:5px}.slot.sel{border:2px solid var(--gold);box-shadow:0 0 0 2px #e8b04a40,0 0 14px #e8b04a73}.slot.hb.sel{transform:translateY(-4px)}.slot .lab{opacity:.55;font-size:10px}.buildbar{background:var(--glass);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:240px;padding:8px 16px;display:none;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.buildbar.on{display:flex}.buildbar .piece{align-items:center;gap:10px;display:flex}.buildbar .piece b{font-size:14px;display:block}.buildbar em{color:var(--bad);font-size:13px;font-style:normal;font-weight:700}.buildbar .hint{opacity:.7;font-size:11.5px}.build-mode .prompt,.build-mode .craftbar{display:none}.cost{flex-wrap:wrap;gap:8px;font-size:12px;font-weight:700;display:flex}.cost span{align-items:center;gap:2px;display:inline-flex}.cost .short,em.short{color:var(--bad)}.death{background:radial-gradient(circle,#3c0a0a40,#14000099);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}.death.on{display:flex}.death b{letter-spacing:2px;font-size:30px}.panel-wrap{pointer-events:auto;background:#080a1273;justify-content:center;align-items:center;padding:14px;display:none;position:absolute;inset:0}.panel-wrap.on{display:flex}.panel{border:1px solid var(--line);background:linear-gradient(#222a3cf5,#181e2cf5);border-radius:20px;flex-direction:column;width:min(960px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.panel header{border-bottom:1px solid var(--line);align-items:center;padding:10px 12px 10px 20px;display:flex}.panel h2{letter-spacing:.5px;color:var(--gold);margin:0;font-size:18px}.panel h3{letter-spacing:1.2px;text-transform:uppercase;opacity:.7;margin:10px 0 6px;font-size:12px}.panel .x{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;width:38px;height:38px;margin-left:auto;font-size:16px}.cols{grid-template-columns:auto 1fr;gap:16px;min-height:0;padding:12px 18px 16px;display:grid;overflow:hidden}.bag{flex-direction:column;gap:8px;min-width:0;display:flex}.grid{grid-template-columns:repeat(10, var(--slot));gap:5px;display:grid}.grid .slot.hot{border-color:#e8b04a59}.equip{align-items:center;gap:6px;display:flex}.equip h3{margin:0 6px 0 0}.equip .def{opacity:.8;margin-left:8px;font-size:12px}.detail{border-left:3px solid var(--rar,transparent);background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:8px 12px;display:flex}.detail.empty{opacity:.6;justify-content:center;font-size:12px}.detail b{font-size:15px;display:block}.detail small{opacity:.85;font-size:12px;line-height:1.45}.detail .acts{gap:6px;margin-left:auto;display:flex}.detail .acts button,.recipe button,.menu button{border:1px solid var(--line);background:#e8b04a33;border-radius:10px;padding:8px 14px;font-weight:700}.detail .acts button.danger,.menu button.danger{background:#f070602e}.recipes{flex-direction:column;gap:6px;min-height:0;max-height:62vh;padding-right:4px;display:flex;overflow-y:auto}.recipe{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.recipe.dim{opacity:.7}.recipe .ic{background:radial-gradient(circle at 50% 80%, color-mix(in srgb, var(--rar) 40%, transparent), transparent 70%), var(--glass-2);border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.recipe .ic b{font-size:11px;position:absolute;bottom:0;right:3px}.recipe .rt{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe .rt b{font-size:14px}.recipe .rt small{opacity:.85;font-size:11.5px}.recipe .rt em{color:var(--gold);margin-right:8px;font-style:normal}.recipe button{flex:none;margin-left:auto}.recipe button:disabled{opacity:.4;cursor:default}.stack{padding:6px 18px 16px;overflow-y:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px 18px 18px;display:grid;overflow-y:auto}.card{border:1px solid var(--line);text-align:center;background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.card b{font-size:13.5px}.card small{opacity:.8;font-size:11px}.card .cost{justify-content:center}.card.dim{opacity:.55}.card:hover{border-color:var(--gold)}.menu{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:0 auto;padding:14px 20px 20px;display:flex;overflow-y:auto}.menu .big{background:linear-gradient(#3a426cd9,#222848e6);border:1px solid #ece5d847;border-radius:99px;padding:12px;font-size:15px}.menu .big[data-close]{color:var(--cream-ink);background:linear-gradient(#f5efe2,#ddd3bf);border-color:#fff}.menu .big.danger{background:linear-gradient(#d0435c,#8b2238);border-color:#ffa0aa66}.langs{flex-wrap:wrap;gap:6px;display:flex}.lang{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:7px 12px}.lang.sel{border-color:var(--gold);color:var(--gold)}.controls{opacity:.85;margin:0;font-size:13px;line-height:1.6}.p-menu{width:min(560px,100%)}.floater{text-shadow:0 2px #00000080,0 0 4px #0009;white-space:nowrap;will-change:transform;font-size:18px;font-weight:900;position:absolute;top:0;left:0}.floater.dmg{color:#fff6d8}.floater.heavy{color:#ffb238;font-size:24px}.floater.hurt{color:#ff7a6a}.floater.lvl{color:var(--gold);letter-spacing:1px;font-size:22px}.help{text-align:center;background:#1d2433a6;border-radius:99px;max-width:calc(100% - 32px);padding:6px 16px;font-size:12.5px;transition:opacity 1s;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.help.fade{opacity:0}.build-mode .help{display:none}.touch{pointer-events:none;position:absolute;inset:0}.joy{pointer-events:auto;touch-action:none;width:34%;height:58%;position:absolute;bottom:0;left:0}.joy-base{opacity:.55;background:#181e2c59;border:2px solid #ffffff40;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;position:absolute;top:calc(100% - 120px);left:110px}.joy-base.on{opacity:1}.joy-knob{background:#fbf5e8d9;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.tbtns{right:max(18px, env(safe-area-inset-right));pointer-events:none;width:210px;height:190px;position:absolute;bottom:18px}.tbtns.building,.build-mode .tbtns.play{display:none}.build-mode .tbtns.building{display:block}.tb{touch-action:none;pointer-events:auto;background:#181e2c99;border:2px solid #ffffff4d;border-radius:50%;width:62px;height:62px;font-size:12px;font-weight:800;position:absolute}.tb.big{background:#e8b04a73;width:92px;height:92px;font-size:15px;bottom:0;right:0}.tb.down{background:#e8b04ab3;transform:scale(.92)}.tb.lit{border-color:var(--gold);color:var(--gold)}.tbtns .tb:nth-child(2){bottom:0;right:104px}.tbtns .tb:nth-child(3){bottom:104px;right:12px}.tbtns .tb:nth-child(4){width:50px;height:50px;font-size:11px;bottom:82px;right:96px}.tbtns .tb:nth-child(5){bottom:58px;right:172px}.touch-ui .hotbar{bottom:10px;left:auto;right:250px;transform:none}.touch-ui .prompt{bottom:88px}.touch-ui .pickups{top:100px;bottom:auto}@media (max-height:520px),(max-width:760px){:root{--slot:42px}.stats{row-gap:4px;width:220px;top:8px}.lvl{width:44px;height:44px}.lvl b{font-size:18px}.bar.hp{height:15px}.bar{height:9px}.rb{border-radius:13px;width:46px;height:46px}.rb small{display:none}.corner{top:8px}.goal{max-width:220px;padding:6px 10px;font-size:12px;top:62px}.tag{display:none}.hotbar{gap:4px;padding:4px;bottom:8px}.panel-wrap{padding:8px}.panel header{padding:6px 8px 6px 14px}.cols{gap:10px;padding:8px 12px 10px}.grid{grid-template-columns:repeat(10, var(--slot));gap:4px}.recipes{max-height:70vh}.detail{min-height:52px;padding:6px 10px}.detail .acts button,.recipe button{padding:6px 10px}.toast{padding:5px 14px;font-size:12.5px}.touch-ui .hotbar{right:230px}.tbtns{transform-origin:100% 100%;transform:scale(.9)}}@media (max-width:900px) and (max-height:520px){.cols{grid-template-columns:auto 1fr}.touch-ui .hotbar .slot:nth-child(n+7){display:none}}@media (max-width:640px) and (orientation:portrait){.cols{grid-template-columns:1fr;overflow-y:auto}.grid{grid-template-columns:repeat(6, var(--slot))}}#ui{pointer-events:none;z-index:5;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.gone,#ui>.creator{pointer-events:none}body:not([data-mode=play]) .hud,body:not([data-mode=play]) .touch,body:not([data-mode=play]) .help,body:not([data-mode=play]) .tag,body:not([data-mode=play]) #fx{display:none}.btn{color:var(--paper);letter-spacing:.3px;white-space:nowrap;background:linear-gradient(#3a426cd9,#222848e6);border:1px solid #ece5d847;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .15s,filter .15s;display:inline-flex}.btn:hover:not([disabled]){filter:brightness(1.08);box-shadow:0 0 0 2px #f3c96f80,0 6px 20px #00000059}.btn:active:not([disabled]){transform:scale(.97)}.btn.primary{color:var(--cream-ink);background:linear-gradient(#f5efe2,#ddd3bf);border-color:#fff;box-shadow:0 4px 14px #00000059}.btn.gold{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-color:#ffe7ad}.btn.ghost{background:#ffffff0f}.btn.small{padding:6px 12px;font-size:12.5px}.btn.big{padding:13px 26px;font-size:16px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.google{color:#1f1f1f;background:#fff;border-color:#dadce0}input{font:inherit;color:var(--paper);border:1px solid var(--line-2);background:#080c1ea6;border-radius:12px;outline:none;padding:11px 14px}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3c96f2e}.title{background:radial-gradient(at 50% 30%,#0a0e2200 30%,#0608148c 100%);flex-direction:column;justify-content:space-between;align-items:center;padding:max(6vh,24px) 16px max(5vh,18px);transition:opacity .45s;display:flex;position:absolute;inset:0}.title.gone{opacity:0;pointer-events:none}.title-logo{text-align:center;filter:drop-shadow(0 6px 24px #00000073);flex-direction:column;align-items:center;gap:6px;animation:.8s ease-out rise;display:flex}.title-logo b{letter-spacing:.28em;background:linear-gradient(#fff8e6 20%,#f3c96f 80%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.28em;font-size:clamp(44px,9vw,96px);font-weight:900}.title-logo small{letter-spacing:1.5px;color:#fff1d0;text-shadow:0 2px 6px #0009;font-size:clamp(13px,1.8vw,18px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.title-card{border:1px solid var(--line);background:#0e1228db;border-radius:20px;flex-direction:column;gap:10px;width:min(400px,94vw);padding:18px;animation:.6s ease-out rise;display:flex;box-shadow:0 30px 80px #0000008c}.title-card h3{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:13px}.title-card .btn{width:100%}.title-card .who{color:#e8e2d2;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.title-card .or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.title-card .or:before,.title-card .or:after{content:"";background:var(--line-2);flex:1;height:1px}.title-card .row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.title-card .err{text-align:center;color:#ffb0a0;min-height:18px;margin:0;font-size:13px}.title-card .err.info{color:var(--gold)}.title-card .link{color:var(--muted);background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}.title-card.busy{opacity:.85}.creator{pointer-events:none;justify-content:flex-end;align-items:stretch;padding:14px;display:flex;position:absolute;inset:0}.creator-card{pointer-events:auto;border:1px solid var(--line);background:#0e1228db;border-radius:20px;flex-direction:column;width:min(430px,44vw);animation:.4s ease-out slideL;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes slideL{0%{opacity:0;transform:translate(30px)}}.creator-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.creator-card h2{color:var(--gold);letter-spacing:.5px;margin:0;font-size:18px}.creator-body{flex:1;padding:6px 16px 10px;overflow-y:auto}.creator-body h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:12px 0 7px;font-size:11.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);color:var(--paper);background:#ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{border-color:var(--gold);color:#fff3d0;background:#f3c96f29}.chip .dot{border:1px solid #ffffff80;border-radius:50%;width:12px;height:12px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{border:2px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:0}.sw.on{border-color:var(--gold);box-shadow:0 0 0 3px #f3c96f59}.outfits{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.outfit{border:1px solid color-mix(in srgb, var(--rar) 55%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--rar) 22%, transparent), #ffffff08);color:var(--paper);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex;position:relative}.outfit .swatch{border-radius:8px;width:100%;height:26px}.outfit b{font-size:12.5px}.outfit .price{color:#9fe4ff;align-items:center;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.outfit.on{box-shadow:0 0 0 2px var(--gold)}.outfit.locked{opacity:.78}.outfit.locked:after{content:"🔒";font-size:12px;position:absolute;top:34px;right:7px}.outfit.preview{box-shadow:0 0 0 2px #9fe4ff}.creator-card footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.creator-card footer .btn.big{width:100%}.locked-bar{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.locked-bar span{align-items:center;gap:4px;display:inline-flex}@media (orientation:portrait){.creator{align-items:flex-end}.creator-card{width:100%;max-height:58vh}}.corner .wallet{align-self:center;height:40px}.wallet{color:#dff6ff;background:#080e22c7;border:1px solid #9fe4ff73;border-radius:99px;align-items:center;gap:6px;height:38px;padding:0 6px 0 10px;font-size:15px;font-weight:800;display:inline-flex}.wallet i{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:900;display:grid}.wallet[hidden]{display:none}.shop-wrap{background:#0406108c;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.shop{border:1px solid var(--line);background:linear-gradient(#1a2040f7,#0c1024f7);border-radius:22px;flex-direction:column;width:min(1000px,100%);height:min(680px,100%);animation:.35s ease-out rise;display:flex;overflow:hidden;box-shadow:0 30px 90px #0009}.shop header{align-items:center;gap:12px;padding:12px 14px 10px 20px;display:flex}.shop header h2{color:var(--gold);align-items:center;gap:8px;margin:0 auto 0 0;font-size:20px;display:flex}.shop .x{border:1px solid var(--line);width:38px;height:38px;color:var(--paper);background:#ffffff0f;border-radius:12px;font-size:16px}.shop .tabs{border-bottom:1px solid var(--line);gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.shop .tab{border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;background:#ffffff0a;border-radius:99px;align-items:center;gap:5px;padding:8px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.shop .tab.on{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-color:#ffe7ad}.shop-body{flex:1;padding:14px 16px 18px;overflow-y:auto}.shop .empty{text-align:center;color:var(--muted);padding:40px}.products{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;display:grid}.product{text-align:center;border:1px solid color-mix(in srgb, var(--rar) 50%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--rar) 26%, #141a34e6), #0e1228e6 65%);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.product .art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--rar) 40%, transparent), transparent 70%);border-radius:12px;place-items:center;width:100%;height:86px;display:grid;position:relative}.product .ribbon,.topup .ribbon{color:#fff;background:linear-gradient(90deg,#ff5a6e,#ff9a3c);border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:900;position:absolute;top:6px;left:6px}.product b{font-size:14px}.product small{min-height:30px;color:var(--muted);font-size:11.5px;line-height:1.35}.product em{color:var(--gold);font-size:11.5px;font-style:normal}.product .btn{width:100%}.monthly-claim{background:linear-gradient(135deg,#ff963c29,#783cc824);border:1px solid #ffd16659;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.monthly-claim div{flex-direction:column;margin-right:auto;display:flex}.monthly-claim small{color:var(--muted)}.monthly-claim.ready{box-shadow:0 0 0 2px #ffd166}.topup{flex-direction:column;gap:12px;max-width:620px;margin:0 auto;display:flex}.topup h3{color:var(--gold);margin:4px 0 0;font-size:15px}.telcos{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;display:grid}.telco{border:2px solid color-mix(in srgb, var(--c) 45%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 30%, #0c1024), #0c1024);color:#fff;border-radius:14px;height:54px;font-size:17px;font-weight:700}.telco.on{border-color:var(--c);box-shadow:0 0 0 2px var(--c), 0 8px 22px color-mix(in srgb, var(--c) 35%, transparent)}.values{flex-wrap:wrap;gap:8px;display:flex}.values .x2{color:#ff9a3c;font-size:10px;font-style:normal;font-weight:900}.topup .preview{align-items:center;gap:6px;font-size:15px;display:flex;position:relative}.topup .preview b{color:#9fe4ff;font-size:24px}.topup .preview .ribbon{position:static}.topup .inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topup .inputs input{text-transform:uppercase;letter-spacing:1px}.topup .note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.buy-cards{color:#9fe4ff;font-size:13px}.card-row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:6px 2px;font-size:13px;display:flex}.card-row .tel{min-width:70px;font-weight:800}.card-row .tag{align-items:center;gap:3px;margin-left:auto;font-weight:800;display:inline-flex}.card-row .tag.pending{color:#ffd479}.card-row .tag.failed{color:#ff8a8a}.card-row .tag.paid{color:#9fe4ff}@media (max-width:640px){.topup .inputs{grid-template-columns:1fr}}.death .revive{pointer-events:auto;margin-top:10px}.death .revive[hidden]{display:none}.card.locked{opacity:.7}.menu .acct{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.menu .acct b{margin-right:auto}.menu .acct button,.menu .bind button,.menu button.google{border:1px solid var(--line);color:var(--paper);background:#f3c96f33;border-radius:10px;padding:7px 12px;font-weight:700}.menu .guest-note{color:#ffd479;margin:0;font-size:12.5px}.menu .bind{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.menu .bind input{padding:8px 10px}.menu button.google{color:#1f1f1f;background:#fff;justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (max-height:520px),(max-width:760px){.wallet{height:32px;font-size:13px}.corner .rb[data-wardrobe] small,.corner .rb[data-shop] small{display:none}.title-card{gap:7px;padding:12px}.title-logo b{font-size:40px}.shop{border-radius:14px;height:100%}.products{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}.clock{left:max(16px, env(safe-area-inset-left));background:var(--glass);border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:12.5px;display:flex;position:absolute;top:84px}.clock .ic{place-items:center;display:grid}.clock.night{color:#dfe8ff;border-color:#9fb4ff73}.clock .wx{place-items:center;display:grid}.clock .wx:empty{display:none}.prompt.bite{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-color:#fff0c0;animation:.35s ease-in-out infinite alternate bitePulse}@keyframes bitePulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.08)}}.buffs{left:max(16px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:116px}.buff{background:var(--glass);border:1px solid var(--line);border-radius:99px;align-items:center;gap:5px;padding:3px 11px 3px 6px;font-size:12px;font-weight:700;display:flex}.buff.rested{color:#ffe2b8;border-color:#ffbe6e8c}.buff.raid{color:#ffc0b8;background:#460a10bf;border-color:#ff5a50b3;animation:1.6s ease-in-out infinite raidPulse}@keyframes raidPulse{50%{box-shadow:0 0 14px #ff3c328c}}.bossbar{flex-direction:column;align-items:center;gap:4px;width:min(520px,60vw);display:none;position:absolute;top:40px;left:50%;transform:translate(-50%)}.bossbar.on{display:flex}.bossbar b{letter-spacing:2px;color:#ffd0a0;text-shadow:0 2px 6px #000;font-size:15px}.bossbar .bar{background:#140808bf;border:1px solid #ffc89680;border-radius:8px;width:100%;height:14px;overflow:hidden;box-shadow:0 0 18px #ff5a3c59}.bossbar .bar i{background:linear-gradient(90deg,#ff4d3a,#ffb14a);height:100%;transition:width .15s;display:block}.minimap{right:max(14px, env(safe-area-inset-right));pointer-events:auto;background:#1d2433;border:2px solid #f3c96f99;border-radius:50%;width:150px;height:150px;padding:0;position:absolute;top:74px;overflow:hidden;box-shadow:0 6px 18px #0006}.minimap canvas{width:100%;height:100%;display:block}.panel-open .minimap{visibility:hidden}.goal{top:234px}.mapfull{pointer-events:auto;background:#04061099;justify-content:center;align-items:center;padding:12px;display:none;position:absolute;inset:0}.mapfull.on{display:flex}.map-card{border:1px solid var(--line);background:#0e1228f2;border-radius:20px;flex-direction:column;width:min(96vh - 110px,92vw,760px);display:flex;overflow:hidden}.map-card header{align-items:center;padding:10px 12px 10px 18px;display:flex}.map-card h2{color:var(--gold);align-items:center;gap:8px;margin:0 auto 0 0;font-size:18px;display:flex}.map-card .x{border:1px solid var(--line);width:36px;height:36px;color:var(--paper);background:#ffffff0f;border-radius:12px}.map-card canvas{aspect-ratio:1;width:100%;display:block}.map-card .legend{color:var(--muted);gap:16px;padding:8px 16px 12px;font-size:12.5px;display:flex}.map-card .legend span{align-items:center;gap:5px;display:inline-flex}.map-card .legend .you{background:#fff;border-radius:50%;width:10px;height:10px}.journal-btn{position:relative}.journal-btn .dot,.skills-btn .dot,.events-btn .dot{background:#ff5a4e;border-radius:50%;width:10px;height:10px;display:none;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #ff5a4e}.journal-btn.ready .dot{display:block}.journal{flex-direction:column;gap:8px;padding:10px 18px 18px;display:flex;overflow-y:auto}.journal .days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.journal .day{border:1px solid var(--line-2);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;font-size:11px;display:flex}.journal .day span{place-items:center;display:grid;position:relative}.journal .day span b{text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:-4px;right:-6px}.journal .day.cur{border-color:var(--gold);box-shadow:0 0 0 2px #f3c96f4d}.journal .day.done{opacity:.45}.journal .daily-claim,.journal .quest button{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border:1px solid #ffe7ad;border-radius:99px;padding:9px 16px;font-weight:800}.journal .daily-claim:disabled,.journal .quest button:disabled{opacity:.45;filter:grayscale(.5);cursor:default}.journal .quests{flex-direction:column;gap:6px;display:flex}.journal .quest{background:#ffffff0a;border:1px solid #0000;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.journal .quest.ready{background:#f3c96f14;border-color:#f3c96f99}.journal .quest.claimed{opacity:.5}.journal .qt{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;display:grid}.journal .qt b{grid-column:1/3;font-size:13.5px}.journal .qbar{background:#0006;border-radius:3px;height:6px;overflow:hidden}.journal .qbar i{background:linear-gradient(90deg,#8fe07a,#f3c96f);height:100%;display:block}.journal .qt small{color:var(--muted);font-size:11px}.journal .rw{gap:6px;font-size:11.5px;font-weight:700;display:flex}.journal .rw span{align-items:center;gap:2px;display:inline-flex}.journal .rw .xp{color:#c8a0ff}.journal .ok{color:var(--good);font-size:12px;font-weight:700}@media (max-height:520px),(max-width:760px){.clock{font-size:11px;top:64px}.buffs{top:92px}.buff{font-size:11px}.minimap{width:104px;height:104px;top:58px}.goal{top:168px}.journal .quest{grid-template-columns:1fr auto}.journal .rw{grid-column:1/3}}@media (orientation:landscape) and (max-height:520px){.title{padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));flex-direction:row;justify-content:space-around;align-items:center}.title-logo b{font-size:38px}.title-logo small{max-width:34vw}.title-card{gap:7px;width:min(360px,50vw);max-height:calc(100vh - 20px);padding:12px;overflow-y:auto}.title-card .btn.big{padding:10px 18px;font-size:14.5px}.title-card input{padding:8px 12px}}body.slowmo #game{filter:saturate(.75)hue-rotate(-12deg)brightness(1.05);transition:filter .15s}body.slowmo:after{content:"";pointer-events:none;z-index:4;position:fixed;inset:0;box-shadow:inset 0 0 120px 30px #78c8ff59}.floater.perfect{color:#bfefff;letter-spacing:1px;text-shadow:0 0 10px #50b4ffe6,0 2px #0009;font-size:22px}.floater.counter{color:#9fe4ff;font-size:28px}.buff.pet{border-color:#a0e68c73;gap:6px}.buff.pet b{color:#d8ffc8;font-size:12px}.buff.pet .pbar{background:#00000073;border-radius:4px;width:54px;height:6px;overflow:hidden}.buff.pet .pbar i{background:linear-gradient(90deg,#5fd06a,#b8f07a);height:100%;display:block}.buff.pet small{color:var(--muted);font-size:10.5px;font-weight:700}.buff.pet.down{opacity:.6;filter:grayscale(.6)}.jtabs{flex-wrap:wrap;gap:6px;padding:10px 18px 0;display:flex}.jtabs button{border:1px solid var(--line-2);color:var(--muted);background:#ffffff0d;border-radius:99px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.jtabs button.on{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-color:#ffe7ad}.jtabs button small{opacity:.8;font-size:11px}.jtabs button[data-open-guide]{margin-left:auto}.journal .jnote{color:var(--muted);margin:0;font-size:13px}.journal .secrets{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.journal .secret{border:1px dashed var(--line-2);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.journal .secret svg{flex:none}.journal .secret b{letter-spacing:.5px;font-size:14px;display:block}.journal .secret small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35;display:block}.journal .secret.found{background:linear-gradient(#ffe08a1f,#ffffff08);border-style:solid;border-color:#ffe08a99}.journal .secret.found b{color:var(--gold)}.journal .codex{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:14px;display:grid}.journal .cx{border:1px dashed var(--line-2);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.journal .cx svg{filter:brightness(0)opacity(.35);flex:none}.journal .cx.got svg{filter:none}.journal .cx.got{background:linear-gradient(#9fd4f01a,#ffffff08);border-style:solid}.journal .cx b{font-size:14px;display:block}.journal .cx small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;line-height:1.35;display:flex}.journal .cx small.rec{color:#cfe6f4;font-weight:700}.journal .cx em{color:#ffb8d8;background:#ff8ab82e;border-radius:99px;align-items:center;gap:2px;padding:1px 6px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-flex}.journal .cx em.boss{color:#ff9aa8;background:#d8344a40}.journal .cx.got.r-Rare b{color:#7fc8ff}.journal .cx.got.r-Epic b{color:#c8a0ff}.journal .cx.got.r-Legendary b{color:var(--gold)}.panel.p-guide{width:min(860px,96vw)}.guide{flex:1;grid-template-columns:210px 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.guide nav{border-right:1px solid var(--line-2);flex-direction:column;gap:3px;padding:10px;display:flex;overflow-y:auto}.guide nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.guide nav button.on{color:var(--gold);background:#f3c96f29}.guide article{padding:14px 20px 18px;font-size:14.5px;line-height:1.55;overflow-y:auto}.guide article h3{color:var(--gold);align-items:center;gap:8px;margin:0 0 8px;font-size:18px;display:flex}.guide article p{margin:0 0 8px}.guide article ul{margin:0 0 8px;padding-left:20px}.guide article li{margin:4px 0}.guide article footer{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.guide article footer button{border:1px solid var(--line-2);color:var(--paper);background:#ffffff0f;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:700}.note{color:#fff2d0;text-align:center;opacity:0;pointer-events:none;background:#28221ce0;border:1px solid #ffe08a80;border-radius:16px;max-width:min(560px,88vw);padding:18px 26px;font-size:17px;font-style:italic;font-weight:700;line-height:1.5;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.note.on{animation:6.5s forwards noteIn}@keyframes noteIn{0%{opacity:0;transform:translate(-50%,10px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.shooting-star{pointer-events:none;z-index:6;background:linear-gradient(90deg,#fff0,#fff8d0);border-radius:3px;width:180px;height:3px;animation:1.6s ease-in forwards shoot;position:fixed;top:8%;left:-10%;transform:rotate(14deg);box-shadow:0 0 12px #fff2a0}@keyframes shoot{to{opacity:0;top:32%;left:110%}}.confetti{pointer-events:none;z-index:6;border-radius:2px;width:9px;height:14px;animation:2.4s ease-in forwards fall;position:fixed;top:-12px}@keyframes fall{to{opacity:.8;transform:translateY(105vh)rotate(720deg)}}@media (max-width:760px),(max-height:520px){.guide{grid-template-rows:auto 1fr;grid-template-columns:1fr}.guide nav{border-right:0;border-bottom:1px solid var(--line-2);flex-direction:row;padding:6px;overflow-x:auto}.guide nav button{flex:none}.guide nav button span{white-space:nowrap}.guide article{padding:10px 14px 14px;font-size:13.5px}.journal .secrets,.journal .codex{grid-template-columns:1fr}}.menu .coop{border:1px solid var(--line-2);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.menu .coop p{color:var(--muted);margin:0;font-size:13px}.menu .coop .code{letter-spacing:8px;color:var(--gold);text-align:center;-webkit-user-select:all;user-select:all;font-size:30px;font-weight:900}.menu .coop .join{gap:6px;display:flex}.menu .coop .join input{border:1px solid var(--line-2);min-width:0;color:var(--paper);letter-spacing:3px;text-transform:uppercase;background:#0000004d;border-radius:99px;flex:1;padding:9px 12px;font-size:15px;font-weight:800}.menu .coop .whos{flex-direction:column;gap:4px;display:flex}.menu .coop .who{align-items:center;gap:6px;font-weight:700;display:flex}.menu .coop .who button{margin-left:auto}.menu .coop .muted{color:var(--muted)}.panel.p-settings{width:min(880px,96vw)}.menu .menu-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings{flex:1;grid-template-columns:190px 1fr;min-height:0;display:grid;overflow:hidden}.settings nav{border-right:1px solid var(--line-2);flex-direction:column;gap:3px;padding:10px;display:flex;overflow-y:auto}.settings nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;font-weight:700;display:flex}.settings nav button.on{color:var(--gold);background:#f3c96f29}.set-body{flex-direction:column;gap:6px;padding:12px 18px 18px;display:flex;overflow-y:auto}.set-body h4{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:12px 0 4px;font-size:13px}.set-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;display:flex}.set-row .l{flex-direction:column;gap:2px;min-width:0;display:flex}.set-row .l span{font-weight:700}.set-row .l small{color:var(--muted);font-size:11.5px}.set-row .c{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.set-row input[type=range]{width:min(220px,40vw);accent-color:var(--gold)}.set-row .val{text-align:right;min-width:44px;color:var(--gold);font-size:12.5px}.seg{border:1px solid var(--line-2);background:#00000040;border-radius:12px;flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:700}.seg button.on{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142)}.set-body .note{margin:2px 0 6px;font-size:12.5px}.set-body .muted{color:var(--muted)}.bind-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;display:grid}.bind-row{background:#ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.bind-row .key{border:1px solid var(--line-2);min-width:76px;color:var(--paper);background:#0000004d;border-radius:8px;padding:6px 10px;font-family:ui-monospace,monospace;font-weight:800}.bind-row .key.wait{border-color:var(--gold);color:var(--gold);animation:1.2s infinite raidPulse}.row-end{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.row-btns{flex-wrap:wrap;gap:8px;display:flex}.set-body textarea{border:1px solid var(--line-2);width:100%;color:var(--paper);resize:vertical;background:#0000004d;border-radius:12px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:11px}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.lang-opt{border:1px solid var(--line-2);color:var(--paper);background:#ffffff0a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;font-weight:800;display:flex}.lang-opt small{color:var(--muted);font-size:11px;font-weight:700}.lang-opt.on{border-color:var(--gold);color:var(--gold);background:#f3c96f24}.fps{color:#b8f07a;text-shadow:0 1px 2px #000;pointer-events:none;font:700 11px ui-monospace,monospace;position:absolute;top:2px;left:50%;transform:translate(-50%)}.hide-goal .goal,.hide-hints .help,.hide-minimap .minimap{display:none!important}.touch{--tb-scale:1}.touch .tbtns{transform:scale(var(--tb-scale));transform-origin:100% 100%}.touch .joy{transform:scale(var(--tb-scale));transform-origin:0 100%}@media (max-width:760px),(max-height:520px){.settings{grid-template-rows:auto 1fr;grid-template-columns:1fr}.settings nav{border-right:0;border-bottom:1px solid var(--line-2);flex-direction:row;padding:6px;overflow-x:auto}.settings nav button{flex:none}.settings nav button span{white-space:nowrap}.set-row{flex-direction:column;align-items:stretch}.set-row .c{justify-content:flex-start}}.region-banner{pointer-events:none;z-index:6;text-shadow:0 3px 14px #000c;flex-direction:column;align-items:center;gap:4px;animation:4.2s forwards bannerIn;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%)}.region-banner small{letter-spacing:6px;text-transform:uppercase;color:#e8e0c8;font-size:14px}.region-banner b{letter-spacing:6px;color:#ffe8a8;white-space:nowrap;font-size:clamp(30px,6vw,60px);font-weight:900}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,16px)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}.waypoint{pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:1px;width:40px;margin:-14px 0 0 -20px;display:flex;position:absolute;top:0;left:0}.waypoint i{filter:drop-shadow(0 1px 2px #000000b3);border-top:13px solid #ffd24a;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0}.waypoint.edge i{border:9px solid #0000;border-left:14px solid #ffd24a;border-right:0}.waypoint b{color:#fff4c8;text-shadow:0 1px 3px #000,0 0 4px #000;white-space:nowrap;font-size:11px;font-weight:800}.hide-goal .waypoint{display:none}.panel.p-skills{width:min(980px,97vw)}.skills{flex-direction:column;gap:10px;padding:10px 16px 16px;display:flex;overflow-y:auto}.skills-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skills-top .points{background:#ffffff0f;border-radius:99px;padding:5px 12px;font-size:15px;font-weight:900}.skills-top .points.on{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);animation:1.6s infinite raidPulse}.skills-top button{margin-left:auto}.branches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.branch{border:1px solid var(--line-2);background:#ffffff08;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.branch h3{justify-content:space-between;align-items:center;margin:0;font-size:15px;display:flex}.branch h3 small{color:var(--muted);font-size:12px}.b-survival h3{color:#9fe07a}.b-combat h3{color:#ff9a7a}.b-craft h3{color:#8ac8ff}.perk-row{border-top:1px dashed #ffffff14;flex-direction:column;gap:6px;padding-top:6px;display:flex}.perk-row.locked .perk{opacity:.45}.perk-row .need{color:var(--muted);font-size:11px;font-weight:700}.perk{background:#00000038;border:1px solid #0000;border-radius:12px;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;padding:7px 8px;display:grid}.perk.has{border-color:#ffd98a59}.perk.maxed{border-color:var(--gold);background:#f3c96f1a}.perk .pt b{font-size:13px;display:block}.perk .pt small{color:var(--muted);font-size:11px;line-height:1.3;display:block}.perk .pips{gap:3px;margin-top:3px;display:flex}.perk .pips i{background:#ffffff26;border-radius:3px;width:14px;height:5px}.perk .pips i.on{background:var(--gold)}.perk button{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border:1px solid #ffe7ad;border-radius:50%;width:30px;height:30px;font-size:17px;font-weight:900}.perk button:disabled{opacity:.3;filter:grayscale();cursor:default}.skills-btn.ready .dot,.journal-btn.ready .dot,.events-btn.ready .dot{display:block}.floater.dmg.crit{color:#ffd24a;font-size:26px}@media (max-width:760px),(max-height:520px){.branches{grid-template-columns:1fr}}.events .shop-body{padding-top:10px}.events .note{color:var(--muted);margin:12px 2px 0;font-size:12px;line-height:1.45}.events .qbar{background:#00000073;border-radius:5px;height:7px;margin:4px 0 2px;overflow:hidden}.events .qbar i{background:linear-gradient(90deg,#f3c96f,#ffe7a0);height:100%;display:block}.events .qbar.big{height:11px}.events .ok{color:#8be08b;font-size:18px;font-weight:900}.events .rws{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.events .rw{background:#ffffff0f;border-radius:10px;place-items:center;padding:3px;display:inline-grid;position:relative}.events .rw b{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:900;position:absolute;bottom:-2px;right:1px}.pass-head{border:1px solid var(--line);background:linear-gradient(120deg,#5fb0c82e,#f3c96f1f);border-radius:16px;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.pass-head .sname{align-items:center;gap:10px;display:flex}.pass-head .sname b{color:var(--gold);font-size:17px;display:block}.pass-head .sname small,.pass-head .plevel small{color:var(--muted);font-size:12px}.pass-head .plevel{flex-direction:column;gap:2px;display:flex}.pass-head .plevel b{font-size:15px}.pass-head .pact{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pass-head .prem-on{color:var(--gold);background:#f3c96f2e;border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.track-labels{color:var(--muted);gap:16px;margin:12px 2px 0;font-size:11.5px;font-weight:800;display:flex}.track-labels span:before{content:"";vertical-align:-1px;background:#ffffff2e;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.track-labels span.p{color:var(--gold)}.track-labels span.p:before{background:#d8a142}.track{scroll-behavior:smooth;gap:6px;margin-top:4px;padding:8px 4px 10px;display:flex;overflow-x:auto}.tier{flex-direction:column;flex:none;align-items:stretch;gap:6px;width:104px;display:flex}.tier .num{border:1px solid var(--line-2);background:#ffffff14;border-radius:50%;align-self:center;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.tier.reached .num{color:#3a2a10;background:linear-gradient(#ffd98a,#d8a142);border-color:#ffe7ad}.tier.cur .num{box-shadow:0 0 0 3px #f3c96f59}.tier .cell{border:1px solid var(--line-2);background:#ffffff0a;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;min-height:104px;padding:8px 6px;display:flex;position:relative}.tier .cell.premium{background:linear-gradient(#f3c96f29,#ffffff08);border-color:#f3c96f59}.tier .cell.locked .rws{filter:grayscale(.6)brightness(.75)}.tier .cell.taken{opacity:.55}.tier .cell .lock{font-size:14px}.tier .cell .btn{width:100%;padding:5px 6px}.tier.ready .cell:not(.taken):not(.locked){box-shadow:0 0 0 2px #f3c96f8c,0 0 18px #f3c96f40}.chs{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.chs h3{color:var(--gold);align-items:baseline;gap:8px;margin:6px 0 8px;font-size:14px;display:flex}.chs h3 small{color:var(--muted);font-size:11.5px;font-weight:600}.ch{border:1px solid var(--line-2);background:#ffffff0a;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:grid}.ch b{font-size:13px}.ch small{color:var(--muted);font-size:11px}.ch .pts{color:#9fd4f0;font-size:13px;font-weight:900}.ch.ready{border-color:#f3c96f99}.ch.done{opacity:.6}.mss{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ms{border:1px solid var(--line-2);background:#ffffff0a;border-radius:14px;grid-template-columns:170px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.ms .need b{font-size:15px}.ms .rws{justify-content:flex-start}.ms.ready{border-color:#f3c96f99;box-shadow:0 0 18px #f3c96f26}.ms.done{opacity:.6}.ms .short{color:var(--muted);white-space:nowrap;font-size:12px}.offer .rws{margin:2px 0}.offer .btn s{opacity:.6;margin-right:2px;font-weight:600}@media (max-width:760px),(max-height:520px){.pass-head{grid-template-columns:1fr;gap:8px}.pass-head .pact{flex-flow:wrap}.chs,.ms{grid-template-columns:1fr}.tier{width:92px}}.journal .achs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.journal .ach{border:1px solid var(--line-2);background:#ffffff0a;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.journal .ach b{font-size:14px}.journal .ach small{color:var(--muted);font-size:11.5px;display:block}.journal .ach small em{color:var(--gold);font-style:normal;font-weight:800}.journal .ach .qbar{background:#00000073;border-radius:4px;height:6px;margin:4px 0 1px;overflow:hidden}.journal .ach .qbar i{background:linear-gradient(90deg,#f3c96f,#ffe7a0);height:100%;display:block}.journal .ach .medals{vertical-align:middle;gap:3px;margin-left:4px;display:inline-flex}.journal .ach .medals i{background:#ffffff1f;border:1px solid #fff3;border-radius:50%;width:11px;height:11px}.journal .ach .medals i.on{background:var(--m);box-shadow:0 0 6px var(--m);border-color:#fff}.journal .ach.ready{border-color:#f3c96f99}.journal .ach.done{background:linear-gradient(#ffd24a1a,#ffffff05);border-color:#ffd24a73}.journal .codex.pages{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.journal .cx.page p{color:#f0e6cf;margin:4px 0 0;font-size:12.5px;font-style:italic;line-height:1.45}.merchant .greet{background:#ffb84a1a;border:1px solid #ffb84a59;border-radius:14px;align-items:center;gap:12px;margin:10px 16px 0;padding:10px 14px;display:flex}.merchant .greet p{color:#ffe8c0;margin:0;font-size:14px;font-style:italic;line-height:1.45}.merchant .trades{flex-direction:column;gap:8px;padding:12px 16px 4px;display:flex}.merchant .trade{border:1px solid var(--line-2);background:#ffffff0a;border-radius:14px;grid-template-columns:1fr auto 1.2fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.merchant .trade .give,.merchant .trade .get{align-items:center;gap:6px;display:flex}.merchant .trade span,.merchant .trade .get{position:relative}.merchant .trade b{font-size:13px;font-weight:900}.merchant .trade .get small{color:var(--muted);font-size:12px}.merchant .trade .short b{color:#ff8a8a}.merchant .trade .arrow{color:var(--gold);font-size:18px}.merchant .trade .left{color:var(--muted);white-space:nowrap;font-size:11.5px}.merchant .jnote{padding:4px 16px 14px}@media (max-width:760px),(max-height:520px){.merchant .trade{grid-template-columns:1fr auto 1fr}.merchant .trade .left{grid-column:1/3}}.intro-title{pointer-events:none;z-index:5;text-shadow:0 4px 24px #0000008c;flex-direction:column;align-items:center;gap:8px;animation:1.6s ease-out both introIn;display:flex;position:fixed;top:18%;left:0;right:0}.intro-title b{letter-spacing:.18em;color:#fff4d6;font-size:clamp(42px,8vw,92px);font-weight:900}.intro-title span{color:#ffe7a0;letter-spacing:.06em;font-size:clamp(15px,2.2vw,22px);font-weight:700}.intro-title small{color:#ffffffb3;margin-top:18px;font-size:12px}.intro-title.out{animation:.9s ease-in forwards introOut}@keyframes introIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;transform:translateY(-10px)}}:where(.panel,.shop-wrap,.note) :where(button){border:1px solid var(--line);color:var(--paper);background:#ffffff14;border-radius:10px;padding:7px 12px;font-weight:700}:where(.panel,.shop-wrap) :where(button:hover:not([disabled])){background:#f3c96f2e}:where(.panel,.shop-wrap) :where(button[disabled]){opacity:.45;cursor:not-allowed}.set-body .bind{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.set-body .bind input{padding:8px 10px}.set-body .bind button{background:#f3c96f33}.set-body button.google{color:#1f1f1f;background:#fff;border-color:#dadce0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.set-body button.danger{background:#f070602e;border-color:#ffa0aa66}.topup .warn-value{color:#ffd9a0;background:#f0a03c24;border:1px solid #f0a03c73;border-radius:10px;margin:2px 0 4px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.4}.artbar{pointer-events:auto;gap:8px;display:none;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.artbar.on{display:flex}.artbar .art{touch-action:none;background:radial-gradient(circle at 50% 35%,#3c3424e6,#12141ee6);border:2px solid #ffd98a80;border-radius:14px;place-items:center;width:54px;height:54px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000059}.artbar .art svg{pointer-events:none;width:34px;height:34px}.artbar .art .cd{background:conic-gradient(#0009 var(--p,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.artbar .art .cdt{color:#fff;text-shadow:0 2px 3px #000;pointer-events:none;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.artbar .art .key{color:#ffe7ad;text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;font-weight:900;position:absolute;top:1px;left:3px}.artbar .art.cooling svg{filter:saturate(.5)}.artbar .art.tired{border-color:#ff786499}.artbar .art.tired svg{opacity:.55}.artbar .art.down{border-color:#fff;transform:scale(.92)}.touch-ui .artbar{left:auto;right:max(18px, env(safe-area-inset-right));flex-direction:row-reverse;bottom:218px;transform:none}.touch-ui .artbar .art .key{display:none}@media (max-height:520px),(max-width:760px){.artbar{gap:6px;bottom:62px}.artbar .art{border-radius:12px;width:46px;height:46px}.artbar .art svg{width:28px;height:28px}.touch-ui .artbar{bottom:186px}}.branches{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.branches{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px),(max-height:520px){.branches{grid-template-columns:1fr}}.perk.art .pt b{align-items:center;gap:6px;display:flex}.perk.art .pt kbd{color:#ffe7ad;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:2px 5px;font:800 10px/1 system-ui,sans-serif}.branch.b-arts h3{color:#ffd98a}.bossbar.raged .bar i{background:linear-gradient(#ff6a4a,#c8201a)}.buff.art{border-color:#ffd98a73}.buff.bad{color:#bfe8ff}.floater.bskill{color:#ffe27a;text-shadow:0 2px 4px #000,0 0 10px #ff783cb3;font-size:17px;font-weight:900}.floater.stun{color:#ffe27a;font-size:13px}