:root{--bg:#0b0b0d;--ink:#d8d0bf;--gold:#d4af37;--blood:#b3261e;--muted:#8b8577;--line:#3a352c;--ok:#4caf50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg) var(--stone,none) repeat}html,body{min-height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:14px/1.4 Georgia,Times New Roman,serif}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0000008c,#000000eb);position:fixed;inset:0}#app{min-height:100%}canvas.uo-text{image-rendering:pixelated;vertical-align:middle;display:inline-block}.uo{line-height:0;display:inline-block}h2.uo-heading{margin:0 0 10px;display:block}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{color:var(--ink);border:1px solid var(--line);background:#15130f;border-radius:3px;min-height:34px;padding:6px 8px;font:14px Georgia,serif}textarea{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:12px}input.num{width:70px}.center{text-align:center}.center-box{text-align:center;max-width:480px;margin:15vh auto;padding:20px}.gump{border-style:solid;border-width:12px;border-color:var(--line);background-clip:padding-box}.gump-black{color:var(--ink)}@media (width<=640px){.gump-stone{border-width:22px!important;border-image-width:22px!important}}.btn{background:linear-gradient(#2a251c,#17140f);border:1px solid #5a4f3a;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:34px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.btn:hover{border-color:var(--gold)}.btn.primary{border-color:var(--gold);background:linear-gradient(#4a3a14,#2a200a)}.btn.danger{border-color:var(--blood);background:linear-gradient(#4a1712,#250a08)}.btn.ghost{background:#00000059}.btn.plain{color:#f2e6c4;font-size:16px}.linklike{text-align:left;background:0 0;border:0;padding:4px 0}.row{align-items:center;gap:8px;margin:8px 0;display:flex}.row.wrap{flex-wrap:wrap}.chip{border:1px solid var(--line);background:#0006;border-radius:3px;align-items:center;gap:4px;margin:2px;padding:3px 6px;display:inline-flex}.chip .x{color:var(--muted);background:0 0;border:0;min-width:24px;min-height:24px;padding:0 4px}.nav{border-bottom:1px solid var(--line);white-space:nowrap;z-index:10;background:#000000b3;align-items:center;gap:14px;padding:8px 14px;display:flex;position:sticky;top:0;overflow-x:auto}.nav a{padding:6px 2px;text-decoration:none}.nav a.on{border-bottom:1px solid var(--gold)}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.page{max-width:1200px;margin:0 auto;padding:16px}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login{background:#1b1915;border:1px solid #5a4f3a;flex-direction:column;gap:10px;width:min(380px,100%);padding:24px;display:flex}.login-title{color:var(--gold);text-align:center;letter-spacing:2px;margin:0;font:600 32px/1 Georgia,serif}.login-sub{text-align:center;color:var(--muted);margin:0 0 8px;font-style:italic}.login-error{color:#ff6b5b;text-align:center;min-height:1em;margin:0}.toast{color:var(--ink)}.login-switch{color:var(--muted);text-align:center}.modal-backdrop{z-index:100;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{max-width:min(560px,100%);max-height:90vh;overflow:auto}.modal-body{flex-direction:column;gap:8px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}#toasts{z-index:200;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#000000e0;padding:8px 12px;transition:opacity .4s}.toast.out{opacity:0}.tip{z-index:150;pointer-events:none;max-width:300px;position:fixed}.muted{color:var(--muted)}.nav .brand{align-items:center;display:flex}.nav-sub{color:var(--muted);font-size:13px;font-style:italic}.home{grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(200px,240px);align-items:start;gap:12px;display:grid}@media (width<=900px){.home{grid-template-columns:1fr}}.char-list{flex-direction:column;gap:6px;display:flex}.char-card{text-align:left;border:1px solid var(--line);background:#00000073;border-radius:3px;align-items:center;gap:10px;padding:4px 8px;display:flex}.char-card.on{border-color:var(--gold);background:#3c280a80}.char-card.dead{opacity:.55}.char-doll{place-items:center;width:72px;height:84px;display:grid;overflow:hidden}.char-doll canvas{image-rendering:pixelated}.char-name{color:#f2e6c4;font-size:16px}.char-sub{color:var(--muted);font-size:13px}.new-char{margin-top:6px}.play-box p{max-width:60ch}.games{flex-direction:column;gap:4px;margin:6px 0 12px;display:flex}.game-row{border:1px solid var(--line);background:#0006;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.games-head{margin-top:14px}.code-input{text-transform:uppercase;width:120px}.online-row{align-items:center;gap:8px;padding:3px 0;display:flex}.online-row .muted{margin-left:auto;font-size:12px}.dot{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.game{background:#d4af37}.create{grid-template-columns:auto 1fr;gap:14px;display:grid}@media (width<=640px){.create{grid-template-columns:1fr}}.create-doll{place-items:center;width:210px;height:200px;display:grid;overflow:hidden}.create-right{flex-direction:column;gap:8px;display:flex}.class-pick{flex-wrap:wrap;gap:4px;display:flex}.class-card{border:1px solid var(--line);background:#0006;border-radius:3px;padding:6px 10px}.class-card.on{border-color:var(--gold);color:#f2e6c4}.class-blurb{color:var(--muted);margin:0;font-size:13px}.field{grid-template-columns:90px 1fr;align-items:center;gap:8px;display:grid}.swatches{flex-wrap:wrap;gap:3px;display:flex}.swatch{border:1px solid #000;border-radius:2px;width:20px;height:20px;min-height:0;padding:0}.swatch.on{outline:2px solid var(--gold)}.check{align-items:center;gap:8px;font-size:13px;display:flex}.game-page{max-width:none;height:100dvh;padding:0}.game{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.world-canvas{position:absolute;inset:0}.world-canvas canvas{display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-bottom{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hud-mid{background:linear-gradient(#14100ad9,#080604f2);border:1px solid #5a4f3a;border-radius:4px;flex-direction:column;gap:4px;padding:5px 6px;display:flex}.hud-row{align-items:center;gap:8px;display:flex}.globe{background:#0d0606;border:3px solid #5a4f3a;border-radius:50%;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,inset 0 0 18px #000}.globe-fill{transition:height .12s linear;position:absolute;bottom:0;left:0;right:0}.globe.life .globe-fill{background:radial-gradient(circle at 35% 30%,#ff6a5a,#9d0d08 55%,#4a0402)}.globe.mana .globe-fill{background:radial-gradient(circle at 35% 30%,#6aa0ff,#1131a8 55%,#050f4a)}.globe-text{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;place-items:center;font:600 14px Georgia,serif;display:grid;position:absolute;inset:0}.xp-bar{background:#1a1408;border:1px solid #3a2f1a;border-radius:2px;height:6px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#8a6a14,#f0c94a);height:100%}.skillbar{gap:3px;display:flex}.slot-gap{width:6px}.slot{background:#0d0b08;border:1px solid #6a5a3a;border-radius:3px;width:46px;height:46px;min-height:0;padding:0;position:relative;overflow:hidden}.slot.empty{opacity:.6}.slot.nomana .slot-icon{filter:brightness(.5)saturate(.4)sepia()hue-rotate(190deg)}.slot-icon{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.slot-cd{position:absolute;inset:0}.slot-key{color:#fff;background:#000000bf;border-radius:2px;padding:0 3px;font:700 11px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:0;left:1px}.slot-mana{color:#8fb4ff;text-shadow:0 0 2px #000;font:700 10px ui-sans-serif,system-ui,sans-serif;position:absolute;top:0;right:2px}.belt{gap:2px;display:flex}.belt-cell{background:#0d0b08;border:1px solid #4a3f2a;place-items:center;width:34px;min-width:0;height:46px;min-height:0;padding:0;display:grid;position:relative}.belt-icon{image-rendering:pixelated}.belt-key{color:#ddd;font:700 11px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:0;left:2px}.belt-count{color:#f2e05a;font:700 10px ui-sans-serif,system-ui,sans-serif;position:absolute;top:0;right:2px}.hud-buttons{grid-template-columns:repeat(3,auto);gap:2px;display:grid}.hud-btn{background:linear-gradient(#2a251c,#17140f);border:1px solid #5a4f3a;border-radius:2px;align-items:center;gap:4px;min-height:21px;padding:2px 6px;font-size:11px;display:flex}.hud-btn-key{color:var(--muted)}.hud-btn.glow{border-color:var(--gold);box-shadow:0 0 8px var(--gold);animation:1.2s ease-in-out infinite alternate glow}@keyframes glow{to{box-shadow:0 0 2px var(--gold)}}.target-bar{background:#000000bf;border:1px solid #5a4f3a;width:min(420px,70vw);height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.target-fill{background:linear-gradient(#8a1a12,#4a0904);position:absolute;inset:0 auto 0 0}.target-bar.npc .target-fill{background:0 0}.target-bar.boss{border-color:#c79b5b;height:30px}.target-name{text-align:center;color:#fff;text-shadow:0 0 3px #000;line-height:22px;position:relative}.target-bar.boss .target-name{color:#f2d08a;line-height:28px}.buffs{gap:4px;display:flex;position:absolute;top:10px;left:10px}.buff{border:1px solid #5a4f3a;width:30px;height:30px;position:relative}.buff img{width:100%;height:100%}.buff-t{text-shadow:0 0 2px #000;font:700 10px ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:0;right:1px}.zone-name{color:#f2e6c4;text-shadow:0 0 8px #000;opacity:0;pointer-events:none;font:600 30px Georgia,serif;position:absolute;top:18%;left:50%;transform:translate(-50%)}.zone-name.show{animation:3.5s ease-out zone}@keyframes zone{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}.msglog{pointer-events:none;flex-direction:column;gap:2px;max-width:420px;display:flex;position:absolute;bottom:120px;left:10px}.msg{text-shadow:0 0 3px #000,0 0 2px #000;font-size:13px;transition:opacity 1s}.msg.old{opacity:0}.msg.quest{color:#f2d08a}.msg.level{color:#f2e05a}.r-magic{color:#6f7fff}.r-rare{color:#f2e05a}.r-unique{color:#c79b5b}.chat-input{z-index:30;width:min(420px,60vw);position:absolute;bottom:120px;left:10px}.panel{z-index:20;background:linear-gradient(#18140ef5,#0a0806f7);border:1px solid #5a4f3a;border-radius:4px;max-height:calc(100% - 180px);padding:10px 12px;position:absolute;top:46px;overflow:auto;box-shadow:0 6px 24px #0009}.panel-left{width:340px;left:10px}.panel-right{right:10px}.panel-center{flex-direction:column;gap:6px;min-width:240px;display:flex;top:20%;left:50%;transform:translate(-50%)}.panel-title{color:#f2e6c4;border-bottom:1px solid #3a352c;margin-bottom:8px;padding-bottom:4px;font:600 17px Georgia,serif}.inv-doll{margin:0 auto 10px;position:relative}.inv-slot{background:#0000008c;border:1px solid #3a352c;place-items:center;display:grid;position:absolute}.slot-name{color:#5a5245;text-align:center;font-size:10px}.inv-grid{background-color:#00000080;background-image:linear-gradient(#2a251c 1px,#0000 1px),linear-gradient(90deg,#2a251c 1px,#0000 1px);background-size:30px 30px;border:1px solid #3a352c;position:relative}.inv-slot .inv-item{position:static}.inv-item{cursor:grab;background:#283c781f;place-items:center;display:grid;position:absolute}.inv-item.r-magic{background:#3c46c838}.inv-item.r-rare{background:#c8b4282e}.inv-item.r-unique{background:#c88c3c40}.inv-item.dragging{opacity:.3}.inv-icon{max-width:100%;max-height:100%;image-rendering:pixelated;pointer-events:none}.inv-qty{text-shadow:0 0 2px #000;font:700 10px ui-sans-serif,sans-serif;position:absolute;bottom:0;right:1px}.inv-gold{color:#f2d08a;margin-top:6px}.drag-ghost{z-index:300;pointer-events:none;opacity:.85;place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%)}.shop-hint{color:var(--muted);margin-bottom:6px;font-size:12px}.shop .btn{margin-top:8px}.cs-sub{color:var(--muted);font-size:13px}.cs-block{border-top:1px solid #2a251c;margin-top:10px;padding-top:6px}.cs-row,.cs-attr{grid-template-columns:1fr auto auto;gap:8px;padding:2px 0;display:grid}.cs-row b,.cs-attr b{color:#f2e6c4}.plus{border:1px solid var(--gold);min-height:0;color:var(--gold);background:#3a2a0a;border-radius:2px;padding:0 7px}.cs-points{color:var(--gold);margin-top:6px}.tabs{gap:4px;margin-bottom:6px;display:flex}.tab{border:1px solid var(--line);background:#0006;flex:1;padding:5px}.tab.on{border-color:var(--gold);color:#f2e6c4}.tree-blurb{color:var(--muted);margin-bottom:6px;font-size:12px}.tree{position:relative}.tree-lines{position:absolute;inset:0}.tree-lines line{stroke:#3a352c;stroke-width:3px}.tree-lines line.on{stroke:#a8862a}.tier-level{color:#5a5245;font-size:10px;position:absolute;left:0}.skill-node{filter:grayscale(.85)brightness(.6);background:#000;border:2px solid #3a352c;width:44px;min-width:0;height:44px;min-height:0;padding:0;position:absolute}.skill-node.learned{filter:none;border-color:#a8862a}.skill-node.can{filter:none;border-color:var(--gold);box-shadow:0 0 8px #d4af3799}.skill-node img{width:100%;height:100%;display:block}.skill-rank{color:#f2e05a;text-align:center;background:#000;border:1px solid #a8862a;min-width:18px;font:700 11px ui-sans-serif,sans-serif;position:absolute;bottom:-6px;right:-6px}.skill-label{text-align:center;color:#c8bfa8;text-shadow:0 0 2px #000;width:90px;font-size:11px;line-height:1.1;position:absolute;top:46px;left:50%;transform:translate(-50%)}.quest{border-bottom:1px solid #2a251c;padding:6px 0}.quest.none{opacity:.5}.quest.done .quest-step{color:#6fcf6f}.quest-name{color:#f2d08a}.quest-step{color:var(--ink);font-size:13px}.dialog-greet{color:#e6d8b0;font-style:italic}.dialog-quest{border-top:1px solid #2a251c;padding-top:6px}.dialog-quest p{margin:4px 0 8px;font-size:13px}.waypoints .wp{justify-content:flex-start}.waypoints .wp.here{border-color:var(--gold)}.bind-chooser{z-index:40;background:#0a0806f2;border:1px solid #5a4f3a;gap:4px;padding:6px;display:flex;position:absolute}.bind-choice{border:1px solid #5a4f3a;width:42px;min-width:0;height:42px;min-height:0;padding:0}.bind-choice img{width:100%;height:100%}.death-host{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.death{pointer-events:auto;text-align:center;background:#0009;border:1px solid #5a1a12;padding:30px 50px}.death-title{color:#c0291c;text-shadow:0 0 12px #000;font:600 40px Georgia,serif}.tutorial{border:1px solid var(--gold);z-index:15;background:#0e0b07f0;border-radius:4px;width:300px;padding:10px 12px;font-size:14px;position:absolute;bottom:130px;right:10px}.tut-head{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:12px}.tutorial p{margin:6px 0}.menu-code{color:var(--muted);margin:0}.gtip{z-index:400;pointer-events:none;text-align:center;background:#060504f0;border:1px solid #4a4030;max-width:360px;padding:8px 10px;font:13px/1.35 Georgia,serif;position:fixed;box-shadow:0 4px 16px #000000b3}.t-compare{align-items:flex-start;gap:14px;display:flex}.t-compare>*{min-width:180px}.t-equipped{color:var(--muted);text-transform:uppercase;font-size:11px}.t-name{color:#f2e6c4;font-size:15px}.t-base{color:var(--muted)}.t-stat{color:#e6e6e6}.t-req{color:#bbb}.t-bad{color:#ff5a4a}.t-ok{color:#6fcf6f;margin-top:4px}.t-mod{color:#7f8fff}.t-imp{color:#c8c8c8}.t-flavor{color:#c79b5b;margin-top:6px;font-style:italic}.t-price{color:#f2d08a;margin-top:4px}.t-sep{height:6px}.t-skill{text-align:left}.t-skill .t-name,.t-skill .t-base,.t-skill .t-rank{text-align:center}.t-desc{color:#e6d8b0;margin:6px 0}.t-rank{color:#f2e05a}.t-head{color:#f2d08a;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:12px}.t-text{text-align:left}@media (width<=760px){.globe{width:64px;height:64px}.slot{width:36px;height:36px}.hud-buttons{display:none}.panel-left,.panel-right{width:auto;left:6px;right:6px}}.home-side{flex-direction:column;gap:8px;display:flex}.chat{flex-direction:column;gap:4px;display:flex}.chat-log{background:#00000059;border:1px solid #2a251c;height:260px;padding:4px 6px;font-size:13px;overflow-y:auto}.chat.compact{z-index:12;width:min(440px,60vw);position:absolute;bottom:118px;left:10px}.chat.compact .chat-log{text-shadow:0 0 2px #000;background:#0000004d;border:0;height:130px}.chat.compact .chat-field{opacity:.35;min-height:26px;padding:3px 6px}.chat.compact .chat-field:focus{opacity:1}.chat-line{overflow-wrap:anywhere}.chat-time{color:#6a6253;margin-right:4px;font-size:11px}.chat-from{color:#e6d8b0}.chat-line.whisper{color:#d28cff}.chat-line.system{color:#8b8577;font-style:italic}.chat-line.game .chat-from{color:#9fe39f}.chat-link{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.msglog{bottom:290px}.trade-side{border-top:1px solid #2a251c;flex-direction:column;gap:3px;padding:6px 0;display:flex}.trade-item{text-align:left;background:#00000059;border:1px solid #2a251c;align-items:center;gap:8px;min-height:32px;padding:2px 6px;display:flex}.trade-icon{place-items:center;width:30px;display:grid}.trade-icon canvas{max-width:30px;max-height:30px;image-rendering:pixelated}.trade-gold{color:#f2d08a}.settings-host{z-index:90;background:#0000008c;position:fixed;inset:0}.settings{width:min(460px,94vw);max-height:86vh}.binds{flex-direction:column;gap:2px;display:flex}.bind-row{grid-template-columns:1fr 120px;align-items:center;gap:8px;display:grid}.bind-row .btn{min-height:26px;padding:2px 8px}.admin{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:12px;display:grid}.admin .gump{flex-direction:column;gap:6px;display:flex}.gump-stone .muted,.gump-stone .class-blurb{color:#3a3226}