:root{--bg:#0c0614;--panel:#1a0e2c;--panel-2:#24123c;--line:#3a2160;--ink:#ece6f5;--dim:#a89bbd;--accent:#a6ff2e;--accent-2:#d07bff;--gold:#ffd24a;--good:#7cff3a;--bad:#ff5a7a;--warn:#e8a34a;--lime:#a6ff2e;--violet:#a033f5;--violet-2:#d07bff;--r:10px;--shadow:0 8px 28px rgba(0,0,0,.55);--font:"Space Grotesk","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Cinzel","Times New Roman",serif;--pixel:"Silkscreen",ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none}#app{position:fixed;inset:0}canvas#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.worldlabel,#ui>.npcmark,#ui>.floater,#ui>#guidearrow,#ui>#cursorinfo,#ui>#catchcard,#ui>.plate,#ui>#xppop,#ui>#toasts{pointer-events:none}button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select{font-family:inherit;color:inherit}.panel{background:linear-gradient(180deg,#201234f5,#11091ef5);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(6px)}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:7px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:600;transition:.12s}.btn:hover{background:#2a1648;border-color:#5a3490}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#b8ff4a,#86e01f);border-color:#d6ff8a;color:#1d0b33}.btn.primary:hover{filter:brightness(1.08)}.btn.good{background:#2f6b46;border-color:#4a9a68}.btn.bad{background:#6b2f2f;border-color:#9a4a4a}.btn.sm{padding:4px 8px;font-size:12px;border-radius:6px}.btn[disabled]{opacity:.4;cursor:not-allowed}.inp{background:#120a1f;border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:13px;width:100%;outline:none}.inp:focus{border-color:var(--accent)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.dim{color:var(--dim)}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gold{color:var(--gold)}.good{color:var(--good)}.bad{color:var(--bad)}#login{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(120% 90% at 50% 0%,#3a1466,#0c0614);z-index:300}#login .card{width:min(420px,92vw);margin:auto;flex:none;padding:26px;text-align:center}#login .login-logo{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 8px;image-rendering:auto}#login h1{margin:0 0 4px;font-size:34px;letter-spacing:.16em;font-family:var(--display);color:#f4ffe6;text-shadow:0 0 18px rgba(166,255,46,.55)}#login p{margin:0 0 18px;color:var(--dim);font-size:13px;line-height:1.5}#login .err{color:var(--bad);font-size:12px;min-height:16px;margin-top:8px}#login .hint{margin-top:14px;font-size:11px;color:var(--dim);line-height:1.6;text-align:left;background:#120a1f;border:1px solid var(--line);border-radius:8px;padding:10px}#hud-top{position:absolute;top:12px;left:12px;display:flex;gap:10px;align-items:flex-start}#homebtn{pointer-events:auto;flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--ink);text-decoration:none;transition:.14s}#homebtn:hover{border-color:#5a3490;background:linear-gradient(180deg,#301a4ef7,#180c28f7)}#homebtn:active{transform:translateY(1px)}.vitals{padding:10px 12px;min-width:236px}.vitals .name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.bar{height:9px;border-radius:5px;background:#0d0717;border:1px solid var(--line);overflow:hidden;margin-top:5px;position:relative}.bar>i{display:block;height:100%;transition:width .18s}.bar.hp>i{background:linear-gradient(90deg,#e2665f,#f08a72)}.bar.st>i{background:linear-gradient(90deg,#5fa1cf,#7fd4c4)}.bar span{position:absolute;inset:0;font-size:9px;text-align:center;line-height:9px;color:#dfe9f3aa}.purse{display:flex;gap:10px;font-size:12px;margin-top:7px;align-items:center}#hud-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}#minimap{width:168px;height:168px;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow);background:#0d0717}.skills{padding:8px;width:168px;display:grid;gap:5px}.skill{display:grid;grid-template-columns:14px 1fr auto;gap:6px;align-items:center;font-size:11px}.skill .track{height:5px;border-radius:3px;background:#0d0717;overflow:hidden}.skill .track i{display:block;height:100%}.stat{font-size:10px;color:var(--dim);text-align:right;line-height:1.5}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:7px;padding:8px;align-items:center}.slot{width:52px;height:52px;border-radius:9px;background:#120a1f;border:1px solid var(--line);position:relative;display:grid;place-items:center;transition:.1s}.slot:hover{border-color:var(--accent)}.slot.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.slot img{width:40px;height:40px;image-rendering:auto;pointer-events:none}.slot .k{position:absolute;top:2px;left:4px;font-size:9px;color:var(--dim)}.slot .q{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}.slot.empty{opacity:.5}#actionbar{position:absolute;bottom:78px;left:50%;transform:translate(-50%);display:flex;gap:6px}.tab{padding:6px 11px;font-size:12px;border-radius:8px;background:#1a0e2ceb;border:1px solid var(--line);font-weight:600}.tab:hover{border-color:var(--accent)}.tab.on{background:var(--accent);color:#1d0b33;border-color:var(--accent)}#chat{position:absolute;left:12px;bottom:14px;width:330px;max-width:38vw;display:flex;flex-direction:column;gap:6px}#chatlog{max-height:190px;overflow-y:auto;padding:8px 10px;font-size:12px;line-height:1.55;scrollbar-width:thin}#chatlog::-webkit-scrollbar{width:6px}#chatlog::-webkit-scrollbar-thumb{background:#3a2160;border-radius:3px}#chatlog .m{margin-bottom:2px;word-wrap:break-word}#chatlog .m b{color:var(--accent)}#chatlog .system b{color:var(--accent-2)}#chatlog .system{color:#cdb8ec}#chatlog .trade{color:var(--gold)}#chatinput{display:none}#chatinput.on{display:block}.window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:82vh;display:none;flex-direction:column;z-index:20}.window.on{display:flex}.window header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.window header h2{margin:0;font-size:15px;letter-spacing:.04em}.window .body{padding:14px;overflow:auto;scrollbar-width:thin}.window .body::-webkit-scrollbar{width:8px}.window .body::-webkit-scrollbar-thumb{background:#3a2160;border-radius:4px}.x{margin-left:auto;width:26px;height:26px;border-radius:6px;background:#120a1f;border:1px solid var(--line);display:grid;place-items:center;font-size:14px}.x:hover{background:#6b2f2f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.cell{aspect-ratio:1;border-radius:8px;background:#120a1f;border:1px solid var(--line);position:relative;display:grid;place-items:center;cursor:grab}.cell:hover{border-color:var(--accent)}.cell img{width:80%;height:80%}.cell .q{position:absolute;bottom:1px;right:4px;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}.cell.drag{opacity:.4}.cell.over{border-color:var(--gold)}.list{display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#120a1f;border:1px solid var(--line)}.item img{width:32px;height:32px}.item .t{font-size:13px;font-weight:600}.item .s{font-size:11px;color:var(--dim)}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.two{grid-template-columns:1fr}}.tooltip{position:fixed;z-index:80;pointer-events:none;max-width:250px;padding:9px 11px;font-size:12px;line-height:1.5;display:none}.tooltip.on{display:block}.tooltip .n{font-weight:700;margin-bottom:2px}#toasts{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:40}.toast{padding:8px 14px;border-radius:20px;font-size:12.5px;font-weight:600;background:#141e2bf5;border:1px solid var(--line);animation:pop .22s ease-out}.toast.good{border-color:#4a9a68;color:var(--good)}.toast.bad{border-color:#9a4a4a;color:var(--bad)}@keyframes pop{0%{transform:translateY(-8px);opacity:0}}.floater{position:absolute;left:0;top:0;font-size:15px;font-weight:800;text-shadow:0 2px 4px #000,0 0 10px #0008;pointer-events:none;z-index:5;will-change:transform,opacity}.floater.crit{font-size:21px;color:#ffd24a}.floater.heal{color:#6fd08a}.floater.xp{font-size:12px;color:#9fd8ff;font-weight:600}.floater.coin{color:var(--gold)}.floater.dmg{color:#ff8b7a}#cursorinfo{position:absolute;left:0;top:0;transform:translate(14px,14px);font-size:12px;padding:5px 9px;border-radius:7px;background:#0d141deb;border:1px solid var(--line);display:none;z-index:6}#cursorinfo.on{display:block}#death{position:absolute;inset:0;display:none;place-items:center;background:#1e04048c;backdrop-filter:blur(3px);z-index:45}#death.on{display:grid}#death .card{padding:28px 34px;text-align:center}#death h2{margin:0 0 8px;color:var(--bad);letter-spacing:.1em}#buildhint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);padding:7px 14px;border-radius:20px;font-size:12px;background:#141e2bf2;border:1px solid var(--gold);color:var(--gold);display:none}#buildhint.on{display:block}.kv{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px dashed #24374b}.badge{font-size:10px;padding:2px 7px;border-radius:20px;background:#120a1f;border:1px solid var(--line);color:var(--dim)}.badge.on{border-color:var(--accent-2);color:var(--accent-2)}.realm{padding:8px 12px;min-width:236px}.realm .rname{font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--accent-2)}.realmflash{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:38px;font-weight:800;letter-spacing:.22em;color:#dfe9f3;text-shadow:0 4px 24px #000a;pointer-events:none;z-index:30;opacity:1;transition:opacity .9s ease,transform .9s ease}.realmflash.out{opacity:0;transform:translate(-50%,-50%) translateY(-18px)}.goldrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;background:#120a1f;border:1px solid var(--line)}.goldrow .amt{font-weight:800;color:var(--gold);font-size:14px}.goldrow .usd{font-weight:700;font-size:14px}.goldrow .rate{font-size:11px;color:var(--dim)}.mine{border-color:#4a6a9a}.creator{display:flex;gap:14px;align-items:flex-start;text-align:left;margin:4px 0 14px}.previewbox{border-radius:12px;background:radial-gradient(120% 90% at 50% 30%,#2a1450,#1a0e2c 60%,#0c0614);border:1px solid #4a2a7a;padding:4px;flex:none;position:relative;box-shadow:inset 0 0 24px #a033f52e}.previewhint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:var(--pixel);font-size:8px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;opacity:.7}.presets{display:flex;flex-wrap:wrap;gap:5px}.presetbtn{font-size:10.5px;padding:4px 8px;border-radius:999px;background:#120a1f;border:1px solid #4a2a7a;color:var(--violet-2);font-weight:600}.presetbtn.on{background:linear-gradient(90deg,#a6ff2e,#3dff6e);color:#1d0b33;border-color:var(--lime)}.swatch.glowsw{box-shadow:0 0 6px currentColor,inset 0 0 0 1px #00000059}.previewbox canvas{display:block;border-radius:7px;width:var(--pw);height:var(--ph)}.swatches{display:flex;flex-wrap:wrap;gap:5px}.swatch{width:20px;height:20px;border-radius:5px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000059;transition:.1s}.swatch.on{border-color:#fff;box-shadow:0 0 0 1px var(--accent),inset 0 0 0 1px #00000059}.hairbtn{font-size:10px;padding:3px 7px;border-radius:5px;background:#120a1f;border:1px solid var(--line);color:var(--dim)}.hairbtn.on{background:var(--accent);color:#1d0b33;border-color:var(--accent);font-weight:700}@media(hover:hover){.swatch:hover{transform:scale(1.12)}.hairbtn:hover{border-color:var(--accent)}.presetbtn:hover{border-color:var(--lime);color:var(--ink)}}.worldlabel{position:absolute;left:0;top:0;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 0 #000,0 2px 6px rgba(0,0,0,.75);pointer-events:none;white-space:nowrap;z-index:4;padding:2px 7px;border-radius:11px;background:#0d141d9e;border:1px solid rgba(255,255,255,.14)}.worldlabel.zone{font-size:12px;color:var(--accent-2);letter-spacing:.05em;background:#0d141dc7;border-color:#7fd4c459}.zoneline{font-size:11px;color:var(--accent-2);font-weight:700}.zoneblurb{font-size:10px;color:var(--dim);line-height:1.4}.realmflash.zonef{text-align:center;font-size:30px}.guide{padding:10px 12px;min-width:236px;max-width:236px;border-color:#5a3490}.guide.finished{opacity:.75}.gstep{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.gtitle{font-size:13px;font-weight:700;color:var(--gold);margin-top:2px;line-height:1.35}.gcount{font-size:10px;color:var(--dim);text-align:right;margin-top:2px}.ghint{font-size:11px;color:#cdb8ec;line-height:1.5;margin-top:6px}#guidearrow{position:absolute;left:0;top:0;z-index:7;display:none;pointer-events:none;flex-direction:column;align-items:center;gap:2px}#guidearrow.on{display:flex}#guidearrow .tip{font-size:22px;color:var(--gold);text-shadow:0 2px 6px #000;line-height:1}#guidearrow .dist{font-size:10px;font-weight:700;color:#fff;background:#0d141dcc;padding:1px 6px;border-radius:9px;border:1px solid rgba(255,210,74,.4);white-space:nowrap}.worldlabel.npc{color:#ffe9a8;border-color:#ffd24a4d}.npcmark{position:absolute;left:0;top:0;font-size:20px;font-weight:900;color:#7fd4c4;text-shadow:0 2px 5px #000;pointer-events:none;z-index:5}.npcmark.bang{color:var(--gold);font-size:24px}#npcdlg{position:absolute;left:50%;bottom:120px;transform:translate(-50%);width:min(520px,88vw);padding:14px 16px;z-index:25}#npcdlg .npcname{font-size:15px;font-weight:700;color:var(--gold)}#npcdlg .npcline{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:#cfe0ee}.npcguide{margin-top:11px;padding:9px 11px;border-radius:8px;background:#120a1f;border:1px solid #5a3490;font-size:12px}#catchcard{position:absolute;left:50%;bottom:150px;z-index:9;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:14px;background:#10151ce0;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000073;opacity:0;transform:translate(-50%,16px) scale(.94);transition:opacity .18s ease,transform .28s cubic-bezier(.2,1.5,.4,1);will-change:transform,opacity}#catchcard.on{opacity:1;transform:translate(-50%) scale(1)}#catchcard img{width:64px;height:64px;image-rendering:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}#catchcard .cap{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6fd08a}#catchcard .nm{font-size:17px;font-weight:800;color:#eef4fa;line-height:1.25}#catchcard .sub{font-size:11px;color:#93a3b4}#catchcard.rare{border-color:#ffd24a8c;box-shadow:0 10px 30px #00000073,0 0 22px #ffd24a2e}#catchcard.rare .cap{color:var(--gold)}.plate{position:absolute;left:0;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1px;transform-origin:50% 100%;white-space:nowrap;pointer-events:none;will-change:transform,opacity;text-shadow:-1px -1px 0 #0b0e12,1px -1px 0 #0b0e12,-1px 1px 0 #0b0e12,1px 1px 0 #0b0e12,0 2px 5px rgba(0,0,0,.75)}.plate.off{display:none}.plate .lvl{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#c3cfdb;opacity:.9;line-height:1}.plate .row{display:flex;align-items:center;gap:3px;line-height:1.1}.plate .nm{font-size:13px;font-weight:800;letter-spacing:.01em}.plate .ico{width:14px;height:14px;image-rendering:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}.plate .hp{width:52px;height:4px;margin-top:2px;border-radius:3px;overflow:hidden;background:#06090db8;box-shadow:0 0 0 1px #000000a6}.plate .hp i{display:block;width:100%;height:100%;transform-origin:0 50%;background:#5fcf7a;will-change:transform}.plate.k-me .nm{color:#8ef0a8}.plate.k-me .lvl{color:#9fe2b1}.plate.k-player .nm{color:#b8dcff}.plate.k-party .nm{color:#6ff0dc}.plate.k-party .lvl{color:#96e8dc}.plate.k-npc .nm{color:#ffd97e}.plate.k-npc .lvl{color:#e8c98e}.plate.k-mob .nm{color:#ff9f8f;font-size:12px}#walletpill{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:22px;font-size:12px;font-weight:600;cursor:pointer;transition:.14s;width:auto}#walletpill:hover{border-color:#5a3490;background:linear-gradient(180deg,#301a4ef7,#180c28f7)}#walletpill .lead{display:flex;align-items:center;gap:6px}#walletpill .dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:0 0 auto}#walletpill .who{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}#walletpill .sep{width:1px;height:14px;background:var(--line)}#walletpill .amt{display:flex;align-items:baseline;gap:3px}#walletpill .amt.gold{color:var(--gold)}#walletpill .unit{font-size:9.5px;color:var(--dim);font-weight:700;letter-spacing:.04em}#walletpill .note{font-size:10px;font-weight:700;color:var(--warn);letter-spacing:.03em}#walletpill.ph-off .dot{background:#5a6b7d}#walletpill.ph-off .who{color:var(--dim);font-family:var(--font);font-weight:700}#walletpill.ph-on .dot{background:var(--good);box-shadow:0 0 8px #6fd08a99}#walletpill.ph-connecting .dot,#walletpill.ph-pending .dot{background:var(--warn);animation:pulse 1.1s ease-in-out infinite}#walletpill.ph-pending{border-color:#7a5f2a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.28}}#connpill{align-self:stretch;text-align:right;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:1px 3px;color:var(--dim);text-shadow:0 1px 2px rgba(0,0,0,.85)}#connpill.g-good{color:#9fb4c6}#connpill.g-warn{color:var(--warn)}#connpill.g-bad{color:var(--bad);animation:pulse 1.1s ease-in-out infinite}#tracker{width:168px;padding:0;overflow:hidden;border-color:#5a3490}#tracker .thead{display:flex;align-items:center;gap:6px;width:100%;padding:7px 9px;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);border-bottom:1px solid var(--line);text-align:left}#tracker .thead:hover{background:#5fa1cf14}#tracker .caret{font-size:9px;transition:transform .15s}#tracker.collapsed .caret{transform:rotate(-90deg)}#tracker.collapsed .tbody{display:none}#tracker.collapsed{border-bottom-color:transparent}#tracker .tbody{padding:8px 9px 9px}#tracker .ttitle{font-size:12.5px;font-weight:700;line-height:1.3;color:var(--gold)}#tracker .ttarget{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;color:var(--accent-2)}#tracker .ttarget .pin{font-size:8px}#tracker .bar{margin-top:6px}#tracker .tcount{font-size:10px;color:var(--dim);margin-top:3px;text-align:right}#tracker .thint{font-size:11px;color:var(--dim);line-height:1.45;margin-top:6px}#tracker.done .ttitle{color:var(--good)}#xppop{position:absolute;right:12px;bottom:96px;display:flex;flex-direction:column-reverse;gap:6px;align-items:flex-end;z-index:8;pointer-events:none}#xppop .xp{display:flex;align-items:stretch;gap:8px;width:212px;padding:7px 10px 8px;border-radius:10px;background:#101923f0;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translate(24px);transition:opacity .18s ease,transform .26s cubic-bezier(.2,1.4,.4,1)}#xppop .xp.on{opacity:1;transform:translate(0)}#xppop .pip{width:3px;border-radius:2px;flex:0 0 auto}#xppop .body{flex:1;min-width:0}#xppop .top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#xppop .nm{font-size:11.5px;font-weight:700}#xppop .amt{font-size:12.5px;font-weight:800}#xppop .track{height:4px;border-radius:3px;background:#120a1f;margin-top:5px;overflow:hidden}#xppop .track i{display:block;height:100%;border-radius:3px;transition:width .3s ease}#xppop .sub{font-size:10px;color:var(--dim);margin-top:4px}#chattabs{display:flex;align-items:center;gap:3px}#chattabs .ctab{padding:3px 9px;border-radius:7px 7px 0 0;font-size:11px;font-weight:700;color:var(--dim);background:#101923b3;border:1px solid transparent;border-bottom:0}#chattabs .ctab:hover{color:var(--ink)}#chattabs .ctab.on{color:var(--ink);background:#1b2938f7;border-color:var(--line)}#chattabs .collapse{margin-left:auto;display:flex;align-items:center;gap:5px;border-radius:7px 7px 0 0;background:#101923b3}#chattabs .collapse:hover{background:#1b2938f7}#chattabs .collapse .car{display:inline-block;transition:transform .15s}#chat.collapsed #chattabs .collapse .car{transform:rotate(-90deg)}#chattabs .badge{display:none;min-width:16px;padding:0 4px;border-radius:9px;text-align:center;font-size:10px;font-weight:800;background:var(--bad);color:#fff}#chattabs .badge.on{display:inline-block}#chat.collapsed #chatlog,#chat.collapsed #chatinput,#chatlog .m.hid{display:none}#chatlog .m b.who{cursor:pointer}#chatlog .m b.who:hover{text-decoration:underline}#chatlog .whisper{color:#d8a8e8}#chatlog .whisper b{color:#c58fd8}.toast{display:flex;align-items:center;gap:8px}.toast .n{font-size:10.5px;font-weight:800;opacity:.75;padding:1px 6px;border-radius:9px;background:#ffffff1a}.toast.bump{animation:tbump .22s ease-out}@keyframes tbump{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}#cursorinfo{display:none;align-items:baseline;gap:6px;max-width:320px}#cursorinfo.on{display:flex}#cursorinfo .verb{font-weight:800;color:var(--accent-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}#cursorinfo .verb.no{color:var(--bad)}#cursorinfo .targ{font-weight:600}#cursorinfo .why{color:var(--bad);font-size:11px}#cursorinfo.blocked{border-color:#7a3f3c}.vitals .badge.cmb{background:#5a2f2f;border-color:#9a4a4a;color:#ffb6ae}.vitals .where{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11.5px}.vitals .where .pin{font-size:8px;color:var(--accent-2)}.vitals .where .z{font-weight:600;color:var(--accent-2)}#hotbar .slot{position:relative}#hotbar .slot:after{content:"";position:absolute;left:6px;right:6px;bottom:3px;height:2px;border-radius:2px;background:transparent}#hotbar .slot.kind-tool:after{background:#6fbf5f}#hotbar .slot.kind-weapon:after{background:#d05a5a}#hotbar .slot.kind-food:after{background:#e0873f}#hotbar .slot.kind-placeable:after{background:#c58fd8}#hotbar .slot.eq{border-color:var(--gold);box-shadow:0 0 0 1px #ffd24a59 inset}#hotbar .slot .eqdot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 5px #ffd24acc}#hotbar .slot.out{opacity:.42}#hotbar .slot.out img{filter:grayscale(1)}#ui>#hud-right,#ui>#hud-top{pointer-events:none}#ui>#hud-right>#walletpill,#ui>#hud-right>#tracker{pointer-events:auto}#ui.spectate>#hud-top,#ui.spectate>#hud-right,#ui.spectate>#chat,#ui.spectate>#hotbar,#ui.spectate>#actionbar,#ui.spectate>#buildhint,#ui.spectate>#toasts,#ui.spectate>#xppop,#ui.spectate>#cursorinfo,#ui.spectate>#catchcard,#ui.spectate>#guidearrow,#ui.spectate>#npcdlg,#ui.spectate>.window{display:none!important}#musicbtn{padding:6px 10px;font-size:14px;line-height:1;color:var(--accent-2)}#musicbtn.off{color:var(--dim);opacity:.65;text-decoration:line-through}.lbtabs{display:flex;gap:6px;margin-bottom:10px}.lbtab{padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--dim)}.lbtab:hover{color:var(--ink)}.lbtab.on{background:var(--accent);border-color:var(--accent);color:#1d0b33}.lbhead,.lbrow{display:grid;grid-template-columns:38px 1fr 62px 96px 10px;align-items:center;gap:10px;padding:6px 10px;border-radius:8px}.lbhead{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);padding-bottom:4px}.lblist{max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.lbrow{font-size:13px;background:#1b293880}.lbrow .rk{font-weight:700;color:var(--dim);text-align:center}.lbrow .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbrow .lv{font-size:12px;color:var(--dim)}.lbrow .val{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.lbrow .dot{width:7px;height:7px;border-radius:50%;background:var(--line)}.lbrow .dot.on{background:var(--good)}.lbrow.podium .rk{font-size:15px}.lbrow.r1{background:#ffd24a21;box-shadow:inset 0 0 0 1px #ffd24a4d}.lbrow.r2{background:#cfdbe71a;box-shadow:inset 0 0 0 1px #cfdbe738}.lbrow.r3{background:#cd7f321c;box-shadow:inset 0 0 0 1px #cd7f3242}.lbrow.me{background:#5fa1cf2e;box-shadow:inset 0 0 0 1px var(--accent)}.lbrow.me .nm{color:var(--accent-2)}.lblist .empty{padding:18px;text-align:center;color:var(--dim);font-size:13px}.lbyou{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}@media(max-width:820px){#hud-top{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));gap:6px;max-width:60vw}#hud-right{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));gap:6px}.vitals{min-width:0;width:40vw;max-width:210px;padding:8px 9px}.vitals .name{font-size:12.5px}.realm{min-width:0;width:40vw;max-width:210px;padding:6px 9px}#homebtn{width:34px;height:34px;font-size:16px}#minimap{width:96px;height:96px}.skills{width:96px;padding:6px}.skill{font-size:10px}#tracker{width:96px}#tracker .thead{padding:6px 7px;font-size:9px}#tracker .tbody{padding:6px 7px 7px}.stat{display:none}#hotbar{bottom:calc(10px + env(safe-area-inset-bottom));gap:5px;padding:6px;max-width:96vw}.slot{width:42px;height:42px;border-radius:8px}.slot img{width:30px;height:30px}.slot .k{font-size:8px}#actionbar{bottom:calc(62px + env(safe-area-inset-bottom));gap:4px;flex-wrap:wrap;justify-content:center;width:94vw;max-width:520px}.tab{padding:6px 9px;font-size:11px}#chat{left:calc(8px + env(safe-area-inset-left));bottom:calc(132px + env(safe-area-inset-bottom));width:min(66vw,320px);max-width:66vw}#chatlog{max-height:18vh;overscroll-behavior:contain}#xppop{right:calc(8px + env(safe-area-inset-right));bottom:120px}#xppop .xp{width:min(72vw,212px)}#npcdlg{bottom:calc(112px + env(safe-area-inset-bottom));width:min(520px,90vw)}#buildhint{bottom:126px;max-width:88vw;white-space:normal;text-align:center}#login .card{width:min(380px,94vw);padding:18px}#login h1{font-size:26px}#login .login-logo{width:56px;height:56px}#login p{margin-bottom:14px;font-size:12.5px}.creator{flex-direction:column;align-items:stretch;gap:10px}.creator .previewbox{align-self:center}.previewbox canvas{width:calc(var(--pw) * .8);height:calc(var(--ph) * .8)}.swatches{justify-content:center;gap:8px}.swatch{width:38px;height:38px;border-radius:9px}.hairbtn{font-size:12px;padding:0 12px;min-height:38px;border-radius:9px}.creator .btn.sm{min-height:38px;font-size:13px}.window{width:min(560px,94vw);max-height:88vh}.window .body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lbhead,.lbrow{grid-template-columns:30px 1fr 46px 70px 8px;gap:6px;font-size:12px}}@media(pointer:coarse){#login .hint{display:none}}@media(max-width:480px){.vitals,.realm{width:42vw}#minimap{width:80px;height:80px}.skills,#tracker{width:80px}#walletpill{padding:6px 9px;font-size:11px}#walletpill .unit,.tab .tiny{display:none}}@media(max-height:420px){#hud-top,#hud-right{gap:4px}.vitals,.realm{padding:5px 8px}#minimap{width:72px;height:72px}.skills{display:none}#hotbar{bottom:calc(6px + env(safe-area-inset-bottom))}#actionbar{bottom:calc(52px + env(safe-area-inset-bottom))}#chat{bottom:calc(110px + env(safe-area-inset-bottom))}#chatlog{max-height:14vh}#login .card{padding:12px}#login .hint,#login .login-logo{display:none}#login h1{font-size:22px}#login p{display:none}}#ui>#ghostcursor,#ui>#tourring{pointer-events:none}#ui.nostats .stat{display:none}.pixelbtn{font-family:var(--pixel);font-weight:700;letter-spacing:.12em;font-size:13px;padding:12px 18px;border-radius:10px;box-shadow:0 0 0 3px #2a1145,0 0 0 5px var(--violet),0 0 18px #a6ff2e73}.tab.lime{background:linear-gradient(180deg,#b8ff4a,#86e01f);color:#1d0b33;border-color:#d6ff8a}.tab.lime .dim{color:#3a1d5c}.botTag{font-family:var(--pixel);font-size:8px;letter-spacing:.08em;margin-left:6px;padding:1px 4px;border-radius:4px;background:#2a1145;color:var(--violet-2);vertical-align:middle}#login .homebg{position:fixed;inset:0;background:url(../banner.jpg) 30% 50%/cover no-repeat;filter:saturate(1.1) brightness(.5);z-index:-1}#login:before{content:"";position:fixed;inset:0;background:radial-gradient(90% 80% at 50% 40%,#0c061459,#0c0614eb);z-index:-1}#login .homecard{width:min(900px,94vw);display:grid;grid-template-columns:1.05fr 1fr;gap:26px;text-align:left;padding:28px;background:linear-gradient(180deg,#201234f0,#0e071af0);border-color:#4a2a7a}#login .homecol{display:flex;flex-direction:column;gap:8px;min-width:0}#login .brandrow{display:flex;align-items:center;gap:14px}#login .login-logo{width:64px;height:64px;margin:0;filter:drop-shadow(0 0 10px rgba(166,255,46,.45));animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}#login h1{font-size:38px;letter-spacing:.06em;margin:0}#login .kick{font-family:var(--pixel);font-size:10px;letter-spacing:.3em;color:var(--lime)}#login p{margin:4px 0 6px;text-align:left}#login .stepl{display:flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:10px;letter-spacing:.18em;color:var(--violet-2);text-transform:uppercase;margin-top:6px}#login .stepl span{width:18px;height:18px;border-radius:5px;background:var(--lime);color:#1d0b33;display:grid;place-items:center;font-size:10px}#login .inp{font-size:16px;padding:11px 12px;border-color:#4a2a7a}#login .inp:focus{border-color:var(--lime);box-shadow:0 0 0 3px #a6ff2e26}.namechip{align-self:flex-start;font-size:12px;color:var(--dim);background:#1a0e2c;border:1px dashed #4a2a7a;border-radius:999px;padding:4px 12px}.namechip b{color:var(--lime)}.namechip:hover{border-color:var(--lime);color:var(--ink)}.walletcard{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#120a1f;border:1px solid #4a2a7a}.walletcard img{width:40px;height:40px;object-fit:contain;border-radius:10px;background:#ece6f5;padding:5px}.walletcard.sm img{width:30px;height:30px}.walletcard .wc-txt{flex:1;min-width:0}.walletcard .wc-lbl{font-family:var(--pixel);font-size:9px;letter-spacing:.16em;color:var(--lime);text-transform:uppercase}.walletcard .wc-name{font-weight:700;font-size:14px}.walletcard .wc-addr{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--dim)}.walletcard a.btn{text-decoration:none}.homelinks{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}.homelinks a,.homelinks button{color:var(--violet-2);text-decoration:underline;font-size:12px}.homelinks a:hover,.homelinks button:hover{color:var(--lime)}#login .creatorcol .creator{flex-direction:column;align-items:center;margin-bottom:0}#login .creatorcol .creator>.col{width:100%;max-height:min(330px,40vh);overflow:auto;padding-right:4px}@media(max-width:760px){#login .homecard{grid-template-columns:1fr;padding:20px}#login h1{font-size:30px}}#pausebtn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-color:#4a2a7a}#pausebtn .pz{display:flex;gap:5px}#pausebtn .pz i{display:block;width:5px;height:16px;border-radius:2px;background:var(--lime);box-shadow:0 0 6px #a6ff2e99}#pausebtn:hover{border-color:var(--lime)}.overlay{position:absolute;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;background:#0803109e;backdrop-filter:blur(3px);animation:fadein .18s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.ovcard{width:min(460px,94vw);max-height:90vh;overflow:auto;padding:20px;border-color:#4a2a7a;animation:popin .22s cubic-bezier(.2,1.3,.4,1)}@keyframes popin{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}.ovtitle{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.08em;color:#f4ffe6;text-shadow:0 0 14px rgba(166,255,46,.4)}.ovhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ovhead .back{font-size:13px;color:var(--violet-2);padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.ovhead .back:hover{border-color:var(--lime);color:var(--lime)}.pmhead{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pmhead img{width:46px;filter:drop-shadow(0 0 8px rgba(166,255,46,.4))}.pmlist{display:flex;flex-direction:column;gap:7px}.pmitem{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 14px;border-radius:10px;background:#140a24;border:1px solid var(--line);transition:.12s}.pmitem:hover:not([disabled]){border-color:var(--lime);background:#1d0f33;transform:translate(3px)}.pmitem[disabled]{opacity:.45;cursor:not-allowed}.pmitem .pml{font-weight:700;font-size:14px}.pmitem .pms{font-size:11.5px;color:var(--dim)}.pmitem.primary{background:linear-gradient(180deg,#b8ff4a,#86e01f);border-color:#d6ff8a;color:#1d0b33}.pmitem.primary .pms{color:#3a1d5c}.setgroup{border-top:1px solid var(--line);padding:10px 0}.setlbl{font-family:var(--pixel);font-size:10px;letter-spacing:.18em;color:var(--lime);margin-bottom:6px}.setrow{display:grid;grid-template-columns:1fr 150px 44px;align-items:center;gap:10px;font-size:13px;padding:5px 0}.setrow.tog{grid-template-columns:1fr auto}.setrow small{display:block;color:var(--dim);font-size:11px}.setrow input[type=range]{accent-color:#a6ff2e}.setrow input[type=checkbox]{width:18px;height:18px;accent-color:#a6ff2e}.setrow .sv{font-size:11px;color:var(--dim);text-align:right}.howto{font-size:13px;line-height:1.6}.howto h4{font-family:var(--pixel);font-size:10.5px;letter-spacing:.16em;color:var(--lime);margin:14px 0 4px}.howto p{margin:0;color:#dcd3ea}.howto .kvs div{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid #2a1846;font-size:12.5px}.howto .kvs span{width:70px;color:var(--dim);flex:0 0 auto}.howtocard{width:min(560px,94vw)}.actcard,.lorecard,.circuitcard{text-align:center;width:min(500px,94vw);padding:26px 24px;background:linear-gradient(180deg,#281444f7,#0e071af7)}.actnum{font-family:var(--display);font-weight:800;font-size:64px;line-height:1;color:var(--lime);text-shadow:0 0 22px rgba(166,255,46,.55)}.actkick{font-family:var(--pixel);font-size:11px;letter-spacing:.3em;color:var(--violet-2);margin-top:6px}.actname{font-family:var(--display);font-weight:800;font-size:30px;color:#fff;margin:4px 0}.actplace{font-size:12px;color:var(--dim)}.actstory,.lore{font-size:14px;line-height:1.65;color:#dcd3ea;margin:14px 0 18px}.lore{font-family:ui-monospace,Menlo,monospace;color:#b8ff8a;background:#0d0717;border:1px solid #2a4a14;border-radius:8px;padding:14px;text-align:left}.actcard.complete{border-color:var(--lime);box-shadow:0 0 40px #a6ff2e40}.kuboleaves{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}.kuboleaves img{width:70px;animation:bob 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(166,255,46,.5))}.leafrow{display:flex;gap:6px}.leaf{width:14px;height:14px;transform:rotate(45deg);border:1.5px solid var(--violet-2);background:transparent}.leaf.on{background:var(--lime);border-color:var(--lime);box-shadow:0 0 8px #a6ff2eb3}.circuits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.circ{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border-radius:12px;border:2px solid var(--line);font-size:12px;color:var(--dim);transition:.15s}.circ b{font-family:var(--display);font-size:17px;color:#fff}.circ.verdant:hover{border-color:var(--lime);background:#a6ff2e14}.circ.lattice:hover{border-color:var(--violet-2);background:#a033f51f}.journal{width:min(760px,95vw)}.jacts{display:flex;flex-direction:column;gap:8px}.jact{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#120a1f}.jact.cur{border-color:var(--lime);box-shadow:inset 0 0 0 1px #a6ff2e26}.jact.locked{opacity:.55}.jhead{display:flex;align-items:center;gap:10px}.jnum{font-family:var(--display);font-weight:800;font-size:20px;color:var(--lime);width:34px;text-align:center}.jshard{margin-left:auto;font-family:var(--pixel);font-size:9.5px;letter-spacing:.06em;color:var(--violet-2)}.jact.done .jshard{color:var(--lime)}.jms{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.jm{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 8px;border-radius:7px;background:#0d0717;border:1px solid #24143a}.jm small{display:block;color:var(--lime);font-size:10.5px}.jm.done{color:var(--dim)}.jm.cur{border-color:var(--lime)}.jmn{font-family:var(--pixel);font-size:9px;width:18px;color:var(--violet-2)}.jck{margin-left:auto;color:var(--lime);font-weight:900}.claimbox{margin-top:12px;padding:14px;border-radius:12px;border:1px dashed #4a2a7a;background:#120a1f;display:flex;flex-direction:column;gap:8px}.claimbox.open{border:1px solid var(--lime);box-shadow:0 0 24px #a6ff2e26}@media(max-width:640px){.jms{grid-template-columns:1fr}}.wheelcard{text-align:center;width:min(400px,94vw)}.wheelwrap{position:relative;width:320px;height:320px;margin:4px auto 10px;max-width:100%}.wheelcv{width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 6px #2a1145,0 0 0 9px var(--violet),0 0 28px #a6ff2e4d}.wheelptr{position:absolute;left:50%;top:-8px;transform:translate(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid var(--lime);filter:drop-shadow(0 2px 4px #000)}.wheelres{font-size:14px;margin-bottom:10px;min-height:20px}#ghostcursor{position:absolute;left:0;top:0;z-index:450;pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}#ghostcursor.on{opacity:.92}#ghostcursor.on.fade{opacity:0}#ghostcursor svg{display:block;filter:drop-shadow(0 0 6px rgba(166,255,46,.75)) drop-shadow(0 2px 3px rgba(0,0,0,.6));transition:transform .12s;transform-origin:5px 3px}#ghostcursor.press svg{transform:scale(.82)}#ghostcursor .gripple{position:absolute;left:5px;top:3px;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--lime);opacity:0}#ghostcursor .gripple.go{animation:ripple .7s ease-out}@keyframes ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(4.2);opacity:0}}#ghostcursor .gcap{position:absolute;left:30px;top:26px;white-space:nowrap;font-family:var(--pixel);font-size:10.5px;letter-spacing:.06em;color:#1d0b33;background:var(--lime);padding:4px 8px;border-radius:6px;box-shadow:0 0 0 2px #2a1145,0 4px 12px #0006}#tourring{position:absolute;z-index:420;border-radius:14px;border:2px solid var(--lime);box-shadow:0 0 0 9999px #08031080,0 0 18px #a6ff2e99;pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.2,1,.3,1)}#tourring.on{opacity:1}#tourcard{position:absolute;z-index:460;width:300px;padding:14px;border-color:var(--lime);display:none}#tourcard.on{display:block;animation:popin .25s cubic-bezier(.2,1.3,.4,1)}#tourcard .tk{font-family:var(--pixel);font-size:9.5px;letter-spacing:.2em;color:var(--lime)}#tourcard .tt{font-family:var(--display);font-weight:800;font-size:18px;margin:4px 0}#tourcard .tx{font-size:12.5px;line-height:1.55;color:#dcd3ea}#chat .ctab.on{color:var(--lime)}#chatlog .m b.who:hover{color:#fff;text-decoration:underline;cursor:pointer}#tracker .ttl{font-family:var(--pixel);font-size:9.5px;letter-spacing:.08em}#ui>#hud-top>#pausebtn{pointer-events:auto}.savecard{width:min(520px,94vw)}.savetext{font-family:ui-monospace,Menlo,monospace;font-size:11px;resize:vertical;margin-top:8px;user-select:text}.walletpick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wpick{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:12px;background:#120a1f;border:1px solid #4a2a7a;transition:.14s}.wpick:hover:not([disabled]){border-color:var(--lime);transform:translateY(-2px)}.wpick[disabled]{opacity:.55}.wpick img{width:40px;height:40px;object-fit:contain;border-radius:10px;background:#ece6f5;padding:5px}.wpick b{font-size:12.5px}.wpick span{font-family:var(--pixel);font-size:8.5px;letter-spacing:.14em;color:var(--lime);text-transform:uppercase}#ui>#splicering,#ui>#beatring,#ui>#bite,#ui>#judge,#ui>#screenflash,#ui>#shardburst,#ui>#portalflash{pointer-events:none}.bar.st{height:11px}.bar.st span{font-family:var(--pixel);font-size:7px;letter-spacing:.2em;line-height:11px;color:#dff6ffcc}.bar.st>i{background:linear-gradient(90deg,#3dff6e,#a6ff2e);box-shadow:0 0 8px #a6ff2e73}.bar.st.low>i{background:linear-gradient(90deg,#e8a34a,#ffd24a)}#combatbar{position:absolute;bottom:14px;left:calc(50% + 196px);display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:#1a0e2ceb;border:1px solid #4a2a7a;box-shadow:var(--shadow)}#combatbar .cslot{position:relative;width:62px;height:46px;border-radius:9px;background:#120a1f;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:2px}#combatbar .cslot .ky{font-family:var(--pixel);font-size:9px;color:var(--lime);letter-spacing:.1em}#combatbar .cslot .nm{font-size:9.5px;font-weight:600;color:var(--ink);text-align:center;line-height:1.05;padding:0 2px}#combatbar .cslot .sweep{position:absolute;left:0;right:0;bottom:0;height:0;background:#0c0614b8;pointer-events:none}#combatbar .cslot.cool .ky{color:var(--dim)}#combatbar .cslot.tired{border-color:#7a4a2a}#combatbar .cslot.pulse{border-color:#3d6a2a}#combatbar .cslot.kubo{border-color:#4a2a7a;width:76px}#combatbar .cslot.kubo.armed{box-shadow:0 0 0 2px #4fe0ff inset}#combatbar .pips{display:flex;flex-direction:column;gap:4px;padding:0 2px}#combatbar .pips i{width:8px;height:8px;border-radius:2px;background:#2a1846;transform:rotate(45deg)}#combatbar .pips i.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}#combatbar .charge{position:absolute;left:8px;right:8px;top:-9px;height:5px;border-radius:3px;background:#0c0614cc;opacity:0;transition:opacity .1s}#combatbar .charge.on{opacity:1}#combatbar .charge i{display:block;height:100%;width:0;border-radius:3px;background:#d07bff}#combatbar .charge.ready i{background:#ffd24a}#combatbar .charge.full i{background:#a6ff2e;box-shadow:0 0 8px #a6ff2e}@media(max-width:980px){#combatbar{left:50%;transform:translate(-50%);bottom:122px}}#emotewheel{position:absolute;left:50%;top:50%;width:0;height:0;display:none;z-index:80}#emotewheel.on{display:block}#emotewheel .hub{position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#1a0e2cf0;border:2px solid var(--lime);font-family:var(--pixel);font-size:11px;color:var(--lime);letter-spacing:.14em;box-shadow:0 0 24px #a6ff2e40}#emotewheel .hub small{font-family:var(--font);font-size:9px;letter-spacing:0;color:var(--dim);margin-top:4px}#emotewheel .emo{position:absolute;transform:translate(-50%,-50%);width:84px;padding:9px 4px;border-radius:12px;background:#1a0e2cf0;border:1px solid #4a2a7a;font-weight:700;font-size:12px;animation:popin .18s cubic-bezier(.2,1.3,.4,1)}#emotewheel .emo .n{display:block;font-family:var(--pixel);font-size:9px;color:var(--violet-2)}#emotewheel .emo:hover{border-color:var(--lime);color:var(--lime)}#splicering{position:absolute;left:0;top:0;width:170px;height:170px;display:none;z-index:6}#splicering.on{display:block}#beatring{position:absolute;left:0;top:0;width:64px;height:64px;display:none;z-index:6}#beatring.on{display:block}#beatring i{position:absolute;inset:0;border-radius:50%;border:3px solid #d07bff;box-shadow:0 0 10px #d07bff}#beatring b{position:absolute;inset:18px;border-radius:50%;display:grid;place-items:center;background:#0c0614cc;border:2px solid #4a2a7a;font-family:var(--pixel);font-size:11px;color:var(--ink)}#beatring.hot i{border-color:#a6ff2e;box-shadow:0 0 14px #a6ff2e}#beatring.hot b{border-color:#a6ff2e;color:#a6ff2e}#bite{position:absolute;left:0;top:0;display:none;flex-direction:column;align-items:center;gap:4px;z-index:6}#bite.on{display:flex}#bite .bang{font-family:var(--display);font-weight:800;font-size:34px;color:#ffd24a;text-shadow:0 0 12px #ffd24a,0 2px 0 #000;animation:bob .3s ease-in-out infinite alternate}#bite .meter{width:90px;height:7px;border-radius:4px;background:#0c0614d9;border:1px solid #4a2a7a;overflow:hidden}#bite .meter i{display:block;height:100%;background:#4fe0ff}#bite .cap{font-family:var(--pixel);font-size:9px;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 2px #000}#bite.koi .bang{color:#a6ff2e;text-shadow:0 0 12px #a6ff2e,2px 0 #ff4fd8,-2px 0 #4fe0ff;animation:glitch .12s steps(2) infinite}#bite.koi .meter i{background:linear-gradient(90deg,#a6ff2e,#ff4fd8)}@keyframes bob{to{transform:translateY(-5px)}}@keyframes glitch{0%{transform:translate(1px,-1px)}50%{transform:translate(-2px,1px)}to{transform:translate(1px)}}#judge{position:absolute;left:0;top:0;font-family:var(--pixel);font-size:18px;letter-spacing:.14em;opacity:0;z-index:7;white-space:nowrap}#judge.perfect{color:#f4ffe6;text-shadow:0 0 12px #a6ff2e,0 2px 0 #000}#judge.good{color:#3dff6e;text-shadow:0 2px 0 #000}#judge.miss{color:#a89bbd;text-shadow:0 2px 0 #000;font-size:14px}#judge.go{animation:judge .8s ease-out forwards}@keyframes judge{0%{opacity:0;margin-top:8px}15%{opacity:1;margin-top:0}70%{opacity:1}to{opacity:0;margin-top:-18px}}.floater.big{font-size:26px;letter-spacing:.02em}.floater.pulse{color:#a6ff2e}#screenflash{position:absolute;inset:0;opacity:0;z-index:55}#screenflash.go{animation:sflash .45s ease-out}@keyframes sflash{0%{opacity:1}to{opacity:0}}#shardburst{position:absolute;inset:0;z-index:56;display:none}#shardburst.go{display:block}#shardburst i{position:absolute;inset:0;opacity:0;border-radius:4px;animation:shard 1.6s ease-out forwards}#shardburst i:nth-child(1){box-shadow:inset 0 0 120px 20px #d07bff}#shardburst i:nth-child(2){box-shadow:inset 0 0 140px 24px #3dff6e}#shardburst i:nth-child(3){box-shadow:inset 0 0 120px 20px #4fe0ff}#shardburst i:nth-child(4){box-shadow:inset 0 0 110px 18px #c9ccd2}#shardburst i:nth-child(5){box-shadow:inset 0 0 120px 20px #ff8a3d}#shardburst i:nth-child(6){box-shadow:inset 0 0 120px 20px #ffd24a}#shardburst i:nth-child(7){box-shadow:inset 0 0 160px 30px #ffb8e8}#shardburst.calm i{animation-duration:2.4s;filter:opacity(.5)}@keyframes shard{0%{opacity:0;transform:scale(1.04)}30%{opacity:1}to{opacity:0;transform:scale(1)}}#portalflash{position:absolute;inset:0;opacity:0;z-index:59;background:radial-gradient(circle at 50% 55%,transparent 0,transparent 18%,var(--c,#a6ff2e) 70%)}#portalflash.go{animation:pflash .9s ease-out}@keyframes pflash{0%{opacity:.85}to{opacity:0}}body.reducemotion #bite .bang,body.reducemotion #bite.koi .bang{animation:none}#login .walletbox.arrive{animation:arrive 1.2s ease-out 1}@keyframes arrive{0%{box-shadow:0 0 #a6ff2e00}30%{box-shadow:0 0 0 6px #a6ff2e59}to{box-shadow:0 0 #a6ff2e00}}#login .walletbox{border-radius:14px}#login .wpick.last{border-color:#a6ff2e88}#login .wpick:focus-visible{outline:2px solid var(--lime);outline-offset:2px}#login .mobilenote{margin:-2px 0 6px;padding:8px 12px;border-radius:10px;background:#120a1f;border:1px solid #4a2a7a;color:var(--violet-2);font-size:12.5px}