:root{--bg:#000;--ink:#c4c4c4;--gold:#c7b377;--gold-dim:#948064;--bronze:#6b5634;--bronze-hi:#a88b55;--red:#b04434;--green:#18fc00;--blue:#5050ac;--grey:#8a8a8a;--panel:#0d0c0a;--panel-2:#17140f;--cursor:auto;--cursor-buy:var(--cursor);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink);cursor:var(--cursor);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.45 Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}body:before{content:"";z-index:-1;background:radial-gradient(at 50% 30%,#1d1710 0%,#0a0806 55%,#000 100%);position:fixed;inset:0}a,button,select,input[type=checkbox]{cursor:var(--cursor)}[data-cursor=buy]{cursor:var(--cursor-buy)}canvas{image-rendering:pixelated}#app{min-height:100%}.tx-white{color:#c4c4c4}.tx-red{color:#d0503c}.tx-green{color:#18fc00}.tx-blue{color:#6c6cd8}.tx-gold{color:var(--gold)}.tx-grey{color:var(--grey)}.tx-yellow{color:#d8b864}.tx-orange{color:#d08420}.tx-set{color:#00c400}.tx-unique{color:#b8a878}.d2-heading{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-weight:400}.d2-label canvas{vertical-align:middle;transform-origin:0;transform:scale(1.4)}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:2px solid var(--bronze);padding:16px 18px;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #2b2214,0 6px 24px #000000b3}.panel-stone{background-blend-mode:multiply;background:repeating-linear-gradient(45deg,#15120d 0 6px,#130f0b 6px 12px),linear-gradient(#1a1611,#0b0a08)}.panel-black{background:#000000d9}.panel-gold{border-color:var(--gold-dim)}.panel>*+*{margin-top:8px}.btn{color:var(--ink);border:1px solid var(--bronze);font:inherit;letter-spacing:.04em;background:linear-gradient(#2a2418,#120f0a);padding:6px 14px;box-shadow:inset 0 1px #3b3222}.btn:hover{border-color:var(--bronze-hi);color:#fff}.btn.primary{color:var(--gold);border-color:var(--gold-dim)}.btn.danger{color:#e0705c;border-color:#5c2a20}.btn.ghost{box-shadow:none;background:0 0}input,select,textarea{color:var(--ink);border:1px solid var(--bronze);font:inherit;background:#000;padding:6px 8px}input:focus,select:focus{outline:1px solid var(--gold-dim)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check{align-items:center;gap:6px;display:inline-flex}.chip{border:1px solid var(--bronze);color:var(--gold);background:#000;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.chip .x{color:var(--grey);background:0 0;border:0}.nav{border-bottom:2px solid var(--bronze);background:linear-gradient(#1a150e,#070604);align-items:center;gap:18px;padding:10px 20px;display:flex}.nav a{color:var(--gold-dim);letter-spacing:.06em;text-transform:uppercase;font-size:14px;text-decoration:none}.nav a.on,.nav a:hover{color:var(--gold)}.nav .brand img{height:34px}.nav-right{color:var(--grey);gap:16px;margin-left:auto;display:flex}.page{max-width:1300px;margin:0 auto;padding:24px 16px 60px}.center,.center-box{text-align:center;padding:60px 16px}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-wrap form{border:2px solid var(--bronze);background:#000c;gap:10px;width:min(360px,100%);padding:24px;display:grid}.login-logo{max-width:100%}.login-title{text-align:center;margin:0 0 8px}.login-sub{color:var(--grey);font-size:13px}.login-switch{color:var(--gold-dim);text-align:center}.home{grid-template-columns:300px 1fr 300px;align-items:start;gap:18px;display:grid}.home-left{gap:12px;display:grid}.home-doll{justify-items:center;display:grid}.char-preview{margin:0 auto;display:block}.fame-row{grid-template-columns:1fr auto auto;gap:8px;display:grid}.format-pick{flex-wrap:wrap;gap:6px;display:flex}.code-input{text-transform:uppercase;width:140px}.online-list{gap:6px;max-height:70vh;display:grid;overflow:auto}.online-row{text-align:left;background:#00000080;border:1px solid #2b2214;grid-template-columns:70px 1fr;align-items:center;gap:8px;padding:4px;display:grid}.online-row.me{border-color:var(--bronze)}.online-doll .char-preview{width:60px;height:65px}.online-who{display:grid}.online-status{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.duel{background:var(--red)}.dot.queue{background:var(--gold)}.nameplate{border:1px solid var(--bronze);background:#000;justify-items:center;padding:6px 10px;display:grid}.np-name{color:var(--gold)}.np-title{color:var(--grey);font-size:13px}.frame-gold{border-color:#b8a878}.frame-gold .np-name{color:#b8a878}.frame-set{border-color:#00a000}.frame-set .np-name{color:#00c400}.frame-rune{border-color:#8c6c24;box-shadow:0 0 8px #8c6c24}.frame-hell{border-color:#c03020;box-shadow:0 0 10px #c03020}.frame-hell .np-name{color:#e05a40}.builds{grid-template-columns:1fr 1fr;gap:18px;display:grid}.build-row{border-bottom:1px solid #2b2214;grid-template-columns:1fr 1fr auto auto auto;align-items:center;gap:8px;padding:6px 0;display:grid}.build-row.active{background:#c7b3770d}.build-edit{grid-template-columns:340px 1fr;align-items:start;gap:18px;display:grid}.gear-row{grid-template-columns:70px 1fr;gap:8px;font-size:14px;display:grid}.stat-row{grid-template-columns:110px 50px 90px repeat(4,auto);align-items:center;gap:6px;display:grid}.sheet{background:#000;border:1px solid #2b2214;gap:2px;padding:8px;display:grid}.trees{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tree{padding:8px}.sk-row{color:var(--grey);grid-template-columns:30px 1fr 56px auto auto;align-items:center;gap:4px;font-size:13px;display:grid}.sk-row.has{color:var(--ink)}.sk-icon canvas{width:28px;height:28px}.problems{border:1px solid #5c2a20;padding:6px}.wardrobe{grid-template-columns:400px 1fr;align-items:start;gap:18px;display:grid}.dye-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dye-row>:first-child{width:70px}.swatch{outline:1px solid var(--bronze);border:1px solid #000;width:24px;height:24px;padding:0;display:inline-block}.swatch.big{width:64px;height:64px}.swatch.on{outline:2px solid var(--gold)}.swatch.locked{opacity:.35}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.shop-card{text-align:center;background:#000;border:1px solid #2b2214;justify-items:center;gap:6px;padding:10px;display:grid}.shop-card.owned{opacity:.6}.shop-preview{place-items:center;min-height:70px;display:grid}.table{border-collapse:collapse;width:100%}.table td{border-bottom:1px solid #1d1810;padding:4px 8px}.binds details{margin:8px 0}.binds summary{text-transform:uppercase;letter-spacing:.06em}.bind-row{grid-template-columns:300px 1fr auto;align-items:center;gap:8px;padding:3px 0;display:grid}.keys{flex-wrap:wrap;gap:4px;display:flex}.skill-setup{background:#000;border:1px solid #2b2214;gap:6px;padding:10px;display:grid}.capture{text-align:center;padding:14px;font-size:22px}.num{width:80px}.modal-backdrop{z-index:50;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{min-width:min(420px,100%);max-width:720px}.modal-body{justify-items:center;gap:8px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;display:flex}#toasts{z-index:60;gap:8px;display:grid;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--bronze);background:#000;padding:10px 14px;transition:opacity .4s}.toast.error{color:#e0705c;border-color:#6a2a20}.toast.ok{color:var(--gold)}.toast.out{opacity:0}.tip{z-index:70;pointer-events:none;max-width:320px;padding:6px 10px;position:fixed}.duel-page{max-width:none;padding:0}.duel{background:#000;position:fixed;inset:0;overflow:hidden}.stage{transform-origin:50%;visibility:hidden;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.stage.live{visibility:visible}.stage-canvas,.stage-canvas canvas{position:absolute;inset:0;width:1920px!important;height:1080px!important}.hud{pointer-events:none;color:var(--ink);text-shadow:1px 1px #000;font-size:18px;position:absolute;inset:0}.hud button,.hud select,.hud input,.hud .side-panel,.hud .skill-picker,.hud .duel-menu,.hud .joystick{pointer-events:auto}.duel-lobby{place-items:center;padding:24px 16px;display:grid;position:absolute;inset:0;overflow:auto}.duel-lobby>.panel{width:min(860px,100%)}.teams{grid-template-columns:1fr 1fr;gap:14px;display:grid}.team{align-content:start;gap:6px;display:grid}.team-name{text-transform:uppercase;letter-spacing:.1em}.team-0{color:var(--gold)}.team-1{color:#d0503c}.seat{background:#000;border:1px solid #2b2214;gap:2px;padding:8px;display:grid}.seat.ready{border-color:#1d6a14}.seat.empty{opacity:.7}.code-row{align-items:center;gap:10px;display:flex}.room-code{letter-spacing:.2em;color:var(--gold);font-size:30px}.rules{gap:4px;display:grid}.result{text-align:center;padding:10px}.ctrl{width:1408px;height:208px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ctrl-piece{image-rendering:pixelated;position:absolute}.ctrl.no-art{border-top:2px solid var(--bronze);background:linear-gradient(#1a150e,#000);height:110px}.globe{width:160px;height:160px;image-rendering:pixelated;z-index:-1;background-size:160px 160px;position:absolute;bottom:18px}.globe.life{left:60px}.globe.mana{left:1188px}.globe-glass{width:164px;height:176px;image-rendering:pixelated;pointer-events:none;position:absolute;top:-16px;left:-2px}.globe-text{opacity:0;font-size:16px;transition:opacity .2s;position:absolute;bottom:192px}.ctrl:hover .globe-text{opacity:1}.globe-text.life{left:40px}.globe-text.mana{right:40px}.skill-btn{background:#000;border:0;place-items:center;width:96px;height:96px;padding:0;display:grid;position:absolute;bottom:12px}.skill-btn canvas{width:96px;height:96px}.skill-btn.left{left:308px}.skill-btn.right{left:1070px}.belt{gap:4px;display:flex;position:absolute;bottom:20px;left:766px}.belt-slot{border:1px solid #2b2214;width:56px;height:56px;position:relative}.belt-slot.full{background:radial-gradient(circle at 50% 60%,#b8302a 0 30%,#5a1010 31% 45%,#0000 46%)}.belt-count{color:var(--ink);font-size:14px;position:absolute;bottom:0;right:2px}.round-bar{background:#000;width:200px;height:14px;position:absolute;bottom:62px;left:520px}.round-fill{background:linear-gradient(#e8d070,#8c7020);height:100%}.slots{gap:4px;display:flex;position:absolute;bottom:214px;right:330px}.slot{border:1px solid var(--bronze);background:#000;width:56px;height:56px;padding:0;position:relative}.slot.quick{border-color:var(--gold)}.slot canvas{width:54px;height:54px}.slot-key{color:var(--gold);font-size:13px;position:absolute;top:0;left:2px}.qc-flag{border:1px solid var(--bronze);color:var(--grey);align-self:center;padding:2px 6px;font-size:14px}.qc-flag.on{color:var(--gold)}.skill-picker{max-width:640px;position:absolute;bottom:220px}.skill-picker.left{left:300px}.skill-picker.right{right:300px}.picker-grid{flex-wrap:wrap;gap:4px;display:flex}.top-info{color:var(--gold);font-size:22px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.target-bar{background:#000000bf;border:1px solid #5a1010;width:420px;height:30px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.tb-fill{background:linear-gradient(#a01010,#500808);height:100%}.tb-name{place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.buffs{gap:4px;display:flex;position:absolute;top:14px;left:14px}.buff{border:1px solid var(--bronze);background:#000;width:40px;height:40px;position:relative}.buff.curse{border-color:#6a2a20}.buff canvas{width:38px;height:38px}.buff-time{font-size:13px;position:absolute;bottom:0;right:2px}.banner{text-align:center;letter-spacing:.12em;color:var(--gold);opacity:0;text-transform:uppercase;font-size:54px;position:absolute;top:260px;left:0;right:0}.banner.show{animation:1.6s ease-out banner}@keyframes banner{0%{opacity:0;transform:scale(1.3)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.journal{gap:2px;width:560px;font-size:17px;display:grid;position:absolute;bottom:230px;left:16px}.chat-input{pointer-events:auto;width:560px;position:absolute;bottom:214px;left:16px}.side-panel{width:520px;max-height:740px;font-size:17px;position:absolute;top:90px;overflow:auto}.side-panel.left{left:0}.side-panel.right{right:0}.sheet-row{border-bottom:1px solid #1d1810;justify-content:space-between;padding:2px 0;display:flex}.sp-row{grid-template-columns:34px 1fr 140px 50px 36px 36px;align-items:center;gap:6px;display:grid}.sp-icon canvas{width:32px;height:32px}.menu-btn{border:1px solid var(--bronze);width:44px;height:44px;color:var(--gold);background:#000;font-size:26px;position:absolute;top:12px;right:14px}.duel-menu{gap:8px;width:460px;display:grid;position:absolute;top:64px;right:14px}.joystick{touch-action:none;background:#0000004d;border:2px solid #c7b37766;border-radius:50%;width:200px;height:200px;position:absolute;bottom:250px;left:60px}.joystick-knob{background:#c7b37780;border-radius:50%;width:60px;height:60px;position:absolute;top:70px;left:70px}@media (width<=1000px){.home,.builds,.build-edit,.wardrobe,.trees,.bind-row{grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:10px}}