html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block;image-rendering:pixelated}#ui{position:fixed;inset:0;pointer-events:none;font-size:13px}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}kbd{font-family:var(--font-pixel);font-size:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--neon);color:var(--neon-ink);border:0;border-radius:var(--pill);padding:10px 18px;font-weight:650;white-space:nowrap;transition:transform .15s var(--ease-out),background .2s}.btn:hover{background:var(--neon-2)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{background:var(--surface-3);color:var(--muted);cursor:not-allowed}.btn.sm{padding:6px 12px;font-size:12px}.btn.big{padding:14px 26px;font-size:16px}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--neon);color:var(--neon)}.btn.bull{background:var(--neon)}.btn.bear{background:var(--down);color:#1a0806}.link{background:none;border:0;color:var(--neon);padding:0;text-decoration:underline;text-underline-offset:3px;font-size:12px}input,select{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:8px 10px}input:focus,select:focus{outline:none;border-color:var(--neon)}.muted{color:var(--muted);font-size:12px;line-height:1.5}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:space-between;margin-top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.note{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;line-height:1.5;margin:10px 0;color:var(--ink-2)}.note b{color:var(--ink)}code{font-family:var(--font-mono);font-size:11px;word-break:break-all;color:var(--neon)}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.boot{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:radial-gradient(1200px 600px at 70% 20%,rgb(198 244 50 / .1),transparent 60%),var(--bg)}.boot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.boot-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.boot-top a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.boot-top .brand{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.boot-top .brand img{width:28px;height:28px}.boot-top .chip{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--line-2);padding:6px 10px;border-radius:var(--pill)}.boot-card{position:relative;width:min(460px,100%);background:#151917e0;backdrop-filter:blur(14px);border:1px solid var(--line-2);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.boot-card h1{font-family:var(--font-display);font-size:clamp(30px,5vw,40px);line-height:1.05;letter-spacing:-.035em;margin:0 0 10px}.boot-card h1 span{color:var(--neon)}.boot-card p{color:var(--ink-2);line-height:1.55;margin:0 0 18px}.boot-card .fine{font-size:12px;color:var(--muted);margin:14px 0 0}.boot-err{color:var(--down)!important;font-size:13px;margin-top:12px!important}.cf{display:grid;gap:10px}.cf label{font-size:12px;color:var(--muted)}.cf input{font-size:16px;padding:12px 14px}.loader{height:4px;background:var(--surface-3);border-radius:4px;overflow:hidden}.loader i{display:block;height:100%;width:40%;background:var(--neon);animation:load 1.1s var(--ease-out) infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.hud-card{position:absolute;top:12px;left:12px;width:236px;background:#0c0e0ddb;border:1px solid var(--line-2);border-radius:14px;padding:10px 12px;backdrop-filter:blur(8px)}.hud-name{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;margin-bottom:8px;flex-wrap:wrap}.badge{font-family:var(--font-pixel);font-size:8px;font-weight:400;padding:2px 6px;border-radius:var(--pill);background:var(--neon-soft);color:var(--neon);letter-spacing:0}.badge.bear{background:var(--down-soft);color:var(--down)}.badge.alt{background:#9d7bff26;color:var(--violet)}.hp{position:relative;height:16px;background:var(--down-soft);border-radius:5px;overflow:hidden}.hp-fill{position:absolute;inset:0;background:linear-gradient(90deg,#8fd12a,var(--neon));transform-origin:left;transition:transform .25s var(--ease-out)}.hp span{position:relative;display:block;text-align:center;font-family:var(--font-pixel);font-size:9px;line-height:16px;color:var(--neon-ink);mix-blend-mode:normal;text-shadow:0 0 2px rgb(255 255 255 / .6)}.hud-row{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:12px}.hud-row span{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2)}.hud-row b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.coin{width:16px;height:16px;image-rendering:pixelated}.tut{position:absolute;top:12px;left:262px;width:290px;background:#0c0e0de6;border:1px solid var(--neon);border-radius:14px;padding:10px 12px}.tut-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}.tut strong{display:block;font-size:14px}.tut em{font-style:normal;color:var(--neon);font-family:var(--font-mono)}.tut p{margin:4px 0;color:var(--ink-2);font-size:12px;line-height:1.45}.tut .reward{font-family:var(--font-pixel);font-size:8px;color:var(--gold)}.mini-wrap{position:absolute;top:12px;right:12px;background:#0c0e0de0;border:1px solid var(--line-2);border-radius:14px;padding:8px}.mini-head{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-pixel);font-size:8px;color:var(--ink);margin:0 2px 6px}.mini-head .pvp{color:var(--down)}.online{color:var(--neon)}#mini{display:block;width:176px;height:176px;image-rendering:pixelated;border-radius:8px;cursor:crosshair}.dock{position:absolute;right:12px;top:232px;display:grid;gap:6px}.dock-btn{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:#0c0e0de0;color:var(--ink);font-size:20px;display:grid;place-items:center;transition:border-color .15s,color .15s,transform .15s var(--ease-out)}.dock-btn:hover{border-color:var(--neon);color:var(--neon)}.dock-btn:active{transform:scale(.95)}.dock-btn kbd{position:absolute;right:3px;bottom:2px;color:var(--muted)}.hotbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#0c0e0de0;border:1px solid var(--line-2);border-radius:14px}.slot{position:relative;width:44px;height:44px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);display:grid;place-items:center;padding:0;transition:border-color .12s,transform .12s var(--ease-out)}button.slot:hover{border-color:var(--neon)}button.slot:active{transform:scale(.95)}.slot img{width:32px;height:32px;image-rendering:pixelated}.slot .n{position:absolute;left:3px;top:1px;font-family:var(--font-pixel);font-size:8px;color:var(--gold);text-shadow:0 1px 0 #000}.slot kbd{position:absolute;right:3px;bottom:1px;color:var(--muted)}.slot.empty{background:var(--bg-2);border-style:dashed}.slot.hb.empty img{opacity:.35}.chat{position:absolute;left:12px;bottom:12px;width:min(380px,calc(100vw - 24px))}.chat-log{max-height:160px;overflow-y:auto;padding:8px 10px;background:linear-gradient(to top,#0c0e0dcc,#0c0e0d59);border-radius:12px 12px 0 0;font-size:12px;line-height:1.45}.chat-log .line b{color:var(--neon);font-weight:600}.chat-log .sys{color:var(--gold)}#chat-in{width:100%;box-sizing:border-box;border-radius:0 0 12px 12px;background:#0c0e0de6}.toasts{position:absolute;top:12px;left:50%;transform:translate(-50%);display:grid;gap:6px;justify-items:center;pointer-events:none!important}.toast{background:#0c0e0deb;border:1px solid var(--line-2);padding:8px 14px;border-radius:var(--pill);font-size:13px;animation:toastIn .3s var(--ease-out);transition:opacity .3s,transform .3s;max-width:70vw}.toast.good{border-color:var(--neon);color:var(--neon)}.toast.bad{border-color:var(--down);color:#ffb3ad}.toast.loot{font-family:var(--font-pixel);font-size:9px;color:var(--gold);padding:6px 12px}.toast.out{opacity:0;transform:translateY(-6px)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}}.tip{position:fixed;left:0;top:0;pointer-events:none!important;background:var(--bg);border:1px solid var(--line-2);padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none!important}.banner strong{display:block;font-family:var(--font-display);font-size:40px;letter-spacing:-.035em;color:var(--neon);text-shadow:0 4px 30px rgb(0 0 0 / .8)}.banner span{font-family:var(--font-pixel);font-size:10px;color:var(--ink)}.banner.show{animation:bannerIn 2.6s var(--ease-out) forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,10px) scale(.96);filter:blur(6px)}12%{opacity:1;transform:translate(-50%);filter:blur(0)}80%{opacity:1}to{opacity:0}}.drawer{position:absolute;top:12px;right:68px;bottom:12px;width:min(380px,calc(100vw - 24px));background:#0f1210f5;border:1px solid var(--line-2);border-radius:18px;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:drawerIn .28s var(--ease-out)}@keyframes drawerIn{0%{opacity:0;transform:translate(16px)}}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.drawer h2{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:-.02em}.drawer h3{font-size:13px;margin:18px 0 8px;display:flex;justify-content:space-between;align-items:baseline;color:var(--ink)}.drawer h3 small{color:var(--muted);font-weight:400}.x{background:none;border:0;font-size:18px;color:var(--muted)}.x:hover{color:var(--ink)}.drawer-body{overflow-y:auto;padding:12px 16px 18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.equip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.eq{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--muted)}.npc{font-size:13px;color:var(--ink-2);line-height:1.5;border-left:0;margin:0 0 8px}.npc span{display:block;font-family:var(--font-pixel);font-size:8px;color:var(--neon);margin-top:4px}.skills{display:grid;gap:10px}.skill>div:first-child{display:flex;justify-content:space-between}.skill .lvl{font-family:var(--font-pixel);color:var(--neon)}.skill .bar{height:6px;background:var(--surface-3);border-radius:4px;margin:6px 0 3px;overflow:hidden}.skill .bar i{display:block;height:100%;background:var(--neon);transform-origin:left}.skill small{color:var(--muted);font-family:var(--font-mono);font-size:11px}#rename{margin-top:14px}#rename input{flex:1;min-width:0}#rename label{font-size:12px;color:var(--muted)}.quests{display:grid;gap:8px}.quest{padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.quest>div{display:flex;justify-content:space-between}.quest>div span{font-family:var(--font-mono);color:var(--muted)}.quest p{margin:4px 0;color:var(--ink-2)}.quest small{color:var(--gold);font-size:11px}.quest.done{border-color:var(--neon)}.quest.claimed{opacity:.55}.quest .btn,.quest em{margin-top:8px}.quest em{display:block;font-style:normal;color:var(--muted);font-size:12px}.stat-big{display:flex;gap:12px;align-items:center;padding:12px;background:var(--surface);border-radius:14px;border:1px solid var(--line)}.stat-big img,.stat-big>i{width:36px;height:36px;image-rendering:pixelated;font-size:32px;color:var(--neon)}.stat-big strong{display:block;font-family:var(--font-display);font-size:20px;letter-spacing:-.02em}.stat-big span{color:var(--muted);font-size:12px}.claim{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.claim em{color:var(--muted);font-style:normal}table.ranks{width:100%;border-collapse:collapse;font-size:12px}.ranks th{text-align:left;color:var(--muted);font-weight:500;padding:6px 4px}.ranks td{padding:7px 4px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.ranks td:last-child,.ranks th:last-child{text-align:right;font-family:var(--font-mono)}.ranks tr.paid td:first-child{color:var(--neon)}.ranks tr.me td{background:var(--neon-soft)}.ranks small.bull{color:var(--neon)}.ranks small.bear{color:var(--down)}.crown{color:var(--gold)}.tug{display:flex;height:64px;border-radius:14px;overflow:hidden}.tug>div{display:flex;flex-direction:column;justify-content:center;padding:0 12px;min-width:80px}.tug-bull{background:var(--neon);color:var(--neon-ink)}.tug-bear{background:var(--down);color:#1a0806;text-align:right}.tug span{font-family:var(--font-mono);font-size:12px}.tabs{display:flex;gap:4px;background:var(--bg-2);padding:4px;border-radius:var(--pill);margin:8px 0 12px}.tabs button{flex:1;border:0;background:none;padding:6px 10px;border-radius:var(--pill);color:var(--muted)}.tabs button.on{background:var(--surface-3);color:var(--ink)}.shop,.book,.recipes{display:grid;gap:6px}.shop-row,.book-row,.recipe{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:12px;background:var(--surface)}.shop-row img,.book-row img,.recipe img{width:32px;height:32px;image-rendering:pixelated}.shop-row small,.book-row small,.recipe small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.recipe.locked{opacity:.5}.rbtn{display:grid;gap:4px}.fills{display:flex;flex-wrap:wrap;gap:6px}.fills span{font-family:var(--font-mono);font-size:11px;background:var(--surface);padding:4px 8px;border-radius:var(--pill);color:var(--ink-2)}.lf{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lf img{width:28px;image-rendering:pixelated}.lf label{display:grid;font-size:11px;color:var(--muted)}.lf input{width:80px}#wheel{display:block;margin:0 auto;max-width:100%}.odds{list-style:none;padding:0;margin:0;display:grid;gap:2px;font-size:12px}.odds li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--line)}.odds b{font-family:var(--font-mono);color:var(--muted);font-weight:400}.tiers{display:grid;gap:8px}.tier{padding:10px 12px;border:1px solid var(--line);border-radius:12px}.tier strong{font-family:var(--font-display)}.tier span{float:right;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.tier small{display:block;color:var(--neon);font-family:var(--font-mono);font-size:11px;margin-top:2px}.tier p{margin:6px 0 0;font-size:12px;color:var(--ink-2);line-height:1.45}.tier.on{border-color:var(--neon);background:var(--neon-soft)}.tier.past{opacity:.6}.paid{padding-left:20px}.paid li{display:flex;justify-content:space-between;padding:4px 0}.paid span{font-family:var(--font-mono);color:var(--muted);font-size:12px}.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12px}.keys dt{font-family:var(--font-pixel);font-size:9px;color:var(--neon)}.keys dd{margin:0;color:var(--ink-2)}.drawer-body p{line-height:1.55}.skeleton{height:56px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-3) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.ctx{position:fixed;left:0;top:0;z-index:30;width:200px;background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:6px;box-shadow:var(--shadow)}.ctx-title{font-weight:650;padding:4px 8px 0}.ctx p{color:var(--muted);font-size:11px;margin:2px 8px 6px;line-height:1.4}.ctx button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 8px;border-radius:8px}.ctx button:hover{background:var(--surface-3);color:var(--neon)}.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#05060699;backdrop-filter:blur(3px);padding:16px}.modal .card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:26px;box-shadow:var(--shadow);animation:drawerIn .3s var(--ease-out)}.modal h2{font-family:var(--font-display);font-size:28px;letter-spacing:-.03em;margin:0 0 10px;line-height:1.1}.modal p{color:var(--ink-2);line-height:1.55;margin:0}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}.dots i.on{background:var(--neon)}@media(max-width:760px){.tut{left:12px;top:116px;width:calc(100vw - 84px);box-sizing:border-box}.mini-wrap{transform:scale(.72);transform-origin:top right}.dock{top:150px}.dock-btn{width:40px;height:40px}.hud-card{width:200px}.chat{bottom:70px;width:calc(100vw - 24px)}.chat-log{max-height:90px}.hotbar{gap:3px;padding:4px}.hotbar .slot{width:36px;height:36px}.drawer{right:12px;left:12px;width:auto;top:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}