: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,body{background:var(--bg) var(--stone,none) repeat;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}.home{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.home-left{flex-direction:column;gap:12px;display:flex}.fame-row{grid-template-columns:90px 1fr auto;gap:8px;padding:3px 0;display:grid}.format-pick{flex-wrap:wrap;gap:6px;display:flex}.code-input{text-transform:uppercase;letter-spacing:2px;width:140px}.paperdoll{width:262px;height:324px;image-rendering:pixelated;background-repeat:no-repeat;flex:none;position:relative}.paperdoll-figure{width:260px;height:237px;image-rendering:pixelated;position:absolute}.paperdoll-title{width:210px;position:absolute;top:272px;left:24px}.builds,.wardrobe{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.build-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.build-row.on{background:#d4af3714}.build-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-grid,.skill-grid{grid-template-columns:1fr;gap:4px;display:grid}.stat-grid label,.skill-grid label{justify-content:space-between;align-items:center;gap:8px;display:flex}.loadout{flex-direction:column;gap:6px;display:flex}.slot-row{grid-template-columns:auto 70px 1fr;align-items:center;gap:8px;display:grid}.slot-row select{min-width:0}.slot-row canvas{max-height:40px;image-rendering:pixelated}.problems{border:1px solid var(--blood);margin-top:10px;padding:8px}.field{grid-template-columns:80px 1fr;align-items:start;gap:8px;margin:8px 0;display:grid}.field>:nth-child(n+3){grid-column:2}.hue-picker .swatches{grid-template-columns:repeat(10,22px);gap:2px;display:grid}.swatches.rare{flex-wrap:wrap;align-items:center;gap:2px;margin-top:4px;display:flex}.swatch{border:1px solid #000;width:22px;height:22px;padding:0;display:inline-block}.swatch.on{outline:2px solid var(--gold)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:12px;display:grid}.shop-card{border:1px solid var(--line);background:#00000073;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.shop-card.owned{opacity:.7}.shop-preview{align-items:center;min-height:48px;display:flex}.shop-preview canvas{image-rendering:pixelated}.table{border-collapse:collapse;width:100%;margin-top:10px}.table td{border-bottom:1px solid #ffffff0f;padding:4px 8px}.rewards{flex-direction:column;gap:2px;margin:6px 0;display:flex}.binds details{margin:8px 0}.bind-row{grid-template-columns:200px 1fr auto;align-items:center;gap:8px;padding:2px 0;display:grid}.capture{place-items:center;min-height:60px;display:grid}.hotbar-edit{flex-wrap:wrap;display:flex}.check{align-items:center;gap:6px;display:inline-flex}.admin{gap:16px;display:grid}.reward-row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.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}.duel-page{max-width:none;height:100dvh;padding:0}.duel{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.duel-canvas{position:absolute;inset:0}.duel-canvas canvas{image-rendering:pixelated}.duel-lobby{background:#0000008c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.duel-lobby>.gump{width:min(640px,100%)}.code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teams{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.seat{border:1px solid var(--line);background:#00000059;flex-direction:column;gap:2px;margin:4px 0;padding:6px 8px;display:flex}.seat.ready{border-color:var(--ok)}.seat.empty{opacity:.5}.result{flex-direction:column;align-items:center;gap:4px;margin:10px 0;display:flex}.duel-overlay{z-index:40;background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.duel-overlay[hidden]{display:none}.hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-status,.hud-target{background:#000000bf;flex-direction:column;gap:3px;width:230px;padding:2px;display:flex;position:absolute;top:8px}.hud-status{left:8px}.hud-target{right:8px}.hud-target[hidden]{display:none}.bar{background:#2a0b0b;border:1px solid #000;height:14px;position:relative}.bar-fill{background:linear-gradient(#5b7cff,#2b44b5);transition:width .15s;position:absolute;inset:0 auto 0 0}.bar.hp .bar-fill{background:linear-gradient(#5b7cff,#2b44b5)}.bar.hp.enemy .bar-fill{background:linear-gradient(#ff5b5b,#a11)}.bar.hp.poison .bar-fill{background:linear-gradient(#5bff7a,#198a2c)}.bar.mana .bar-fill{filter:hue-rotate(20deg);background:linear-gradient(#7fa8ff,#3555b8)}.bar.stam .bar-fill{background:linear-gradient(#ffd55b,#a87b10)}.bar-label{line-height:0;position:absolute;top:1px;left:4px}.status-extra{flex-wrap:wrap;display:flex}.hud-banner{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-cast{border:1px solid var(--line);text-align:center;pointer-events:none;background:#0009;width:260px;padding:4px 6px 8px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hud-cast[hidden]{display:none}.hud-cast.holding{border-color:var(--gold);animation:1s infinite alternate pulse}@keyframes pulse{to{box-shadow:0 0 12px #d4af3799}}.cast-fill{background:var(--gold);height:4px;margin-top:4px}.hud-journal{pointer-events:none;flex-direction:column;gap:2px;max-width:300px;display:flex;position:absolute;bottom:96px;left:8px}.journal-line{transition:opacity 2s}.journal-line.old{opacity:0}.hud-hotbar{flex-wrap:wrap;justify-content:center;gap:3px;max-width:calc(100% - 16px);display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.slot{touch-action:manipulation;background:#000c;border:1px solid #5a4f3a;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative;overflow:hidden}.slot img,.slot canvas{max-width:44px;max-height:44px;image-rendering:pixelated}.slot img.scroll-icon{filter:sepia(.7)brightness(1.1)}.slot.empty{opacity:.4}.slot.active{border-color:var(--blood);box-shadow:0 0 8px var(--blood)}.slot:active{transform:scale(.95)}.slot-count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font:11px/1 ui-monospace,monospace;position:absolute;bottom:0;right:2px}.slot-key{pointer-events:none;position:absolute;top:1px;left:2px}.slot-cool{pointer-events:none;background:#000000a6;height:0;position:absolute;bottom:0;left:0;right:0}.hud-side{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.side-btn{background:#000000b3;border:1px solid #5a4f3a;place-items:center;width:52px;height:52px;padding:2px;display:grid;overflow:hidden}.side-btn img{object-fit:contain;max-width:48px;max-height:48px}.hud-drawer{max-height:calc(100% - 140px);position:absolute;top:50%;right:68px;overflow:auto;transform:translateY(-50%)}.hud-drawer[hidden]{display:none}.spellbook{background-repeat:no-repeat;background-size:406px 229px;width:406px;min-height:229px;padding:28px 30px}.spellbook-grid{grid-template-columns:repeat(4,1fr);gap:4px;max-height:180px;display:grid;overflow:auto}.spell{background:#ffffff0d;border:0;flex-direction:column;align-items:center;gap:1px;padding:2px;display:flex;position:relative}.spell img{width:32px;height:32px;image-rendering:pixelated}.scroll-btn{cursor:pointer}.emote-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:340px;display:grid}.pack-item.locked{opacity:.45;cursor:default}.nameplate{flex-direction:column;align-items:center;gap:2px;width:262px;max-width:100%;display:flex}.pack-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:340px;display:grid}.pack-item{border:1px solid var(--line);background:#0006;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:4px;display:flex}.pack-item canvas{max-width:44px;max-height:44px;image-rendering:pixelated}.joystick{touch-action:none;background:radial-gradient(circle,#ffffff14,#0006);border:1px solid #d4af3766;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute;bottom:24px;left:24px}.joystick[hidden]{display:none}.joystick-knob{border:1px solid var(--gold);pointer-events:none;background:#d4af3780;border-radius:50%;width:52px;height:52px}@media (width<=820px){.home,.builds,.wardrobe,.build-cols{grid-template-columns:1fr}.paperdoll{margin:0 auto}.bind-row{grid-template-columns:1fr}.page{padding:10px}}@media (pointer:coarse){.hud-hotbar{justify-content:flex-end;width:min(62vw,324px);left:auto;right:8px;transform:none}.slot{width:51px;height:51px}.hud-journal{max-width:45vw;top:96px;bottom:auto}.hud-cast{top:64px;bottom:auto}.hud-side{flex-direction:row;top:8px;transform:none}.side-btn{width:44px;height:44px}.hud-target{top:60px}.hud-status,.hud-target{width:min(42vw,220px)}.spellbook{background-size:100% 100%;width:min(406px,90vw);padding:20px}.hud-drawer{top:80px;left:8px;right:8px;transform:none}}@media (pointer:coarse) and (orientation:portrait){.duel:after{content:"Turn your phone sideways for the best view";color:var(--muted);pointer-events:none;opacity:.7;font-style:italic;position:absolute;top:40%;left:50%;transform:translate(-50%)}}