:root{--ink: #e8dcc0;--muted: #a8977a;--gold: #ebd39a;--accent: #d4a94f;--border: #5a4424;--border-hi: #7a5c2e;--night: #0b0907;--me: #8cc4ff;--foe: #ff9a80;--display: "Cinzel", "Trajan Pro", Georgia, serif;--text: "EB Garamond", Garamond, Georgia, serif}*{box-sizing:border-box}html,body{margin:0;background:#050403;color:var(--ink);font-family:var(--text);font-size:16px}.hidden{display:none!important}.gump{background:linear-gradient(#1a130deb,#0b0907f2);border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--night),inset 0 1px 0 1px #ebd39a0f,0 8px 24px #00000073;border-radius:5px}button{font:inherit;color:var(--ink);background:#1e1610;border:1px solid var(--border);border-radius:4px;padding:4px 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--border-hi);background:#2a1f15}button:disabled{opacity:.45;cursor:default}button.primary{padding:6px 24px;color:var(--night);background:linear-gradient(#ebd39a,#b98b3e);border-color:var(--border-hi);font:600 17px var(--display)}button.primary:hover:not(:disabled){background:linear-gradient(#ebd39a,#b98b3e);filter:brightness(1.08)}select{font:inherit;color:var(--ink);background:#1e1610;border:1px solid var(--border);border-radius:4px;padding:2px 6px}header.top{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:12px 16px 4px}header.top h1{margin:0;font:700 26px var(--display);color:var(--gold);letter-spacing:.04em}header.top .back{color:var(--accent);font-family:var(--display);text-decoration:none}main{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px);gap:12px;padding:8px 16px 24px;align-items:start}.middle{display:flex;flex-direction:column;gap:10px;min-width:0}#arena{position:relative;height:320px;overflow:hidden}#arena canvas{display:block}#banner{position:absolute;top:18%;width:100%;text-align:center;font:700 36px var(--display);letter-spacing:.08em;color:var(--gold);text-shadow:0 2px 12px #000,0 0 2px #000;pointer-events:none}#banner.win{color:#a8e890}#banner.lose{color:#ff8a70}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px}.controls .speed button{padding:2px 8px}.controls .speed button.on{border-color:var(--accent);color:var(--gold)}#summary{padding:8px 12px}#summary h3{margin:0 0 6px;font:600 15px var(--display);color:var(--gold)}#summary table{width:100%;border-collapse:collapse}#summary td,#summary th{padding:2px 6px;text-align:right}#summary td:first-child{text-align:left;color:var(--muted)}.me{color:var(--me)}.foe{color:var(--foe)}#log{height:220px;overflow-y:auto;padding:6px 10px;font-size:14px;line-height:1.35}#log .side0{color:#c6dcf4}#log .side1{color:#f4cfc4}#log .time{display:inline-block;width:36px;color:var(--muted);font-variant-numeric:tabular-nums}.build{padding:10px 12px 12px}.build h2{margin:0 0 6px;font:700 19px var(--display)}.build h3{margin:12px 0 4px;font:600 14px var(--display);color:var(--gold);display:flex;justify-content:space-between}.build h3 small{color:var(--muted);font:14px var(--text)}.build .info{margin:6px 0 0;font-size:14px}.build .warn{margin:4px 0 0;font-size:13px;color:#f0b060}.build .row{display:flex;align-items:center;gap:4px;font-size:14px}.build .row .label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.build .row b{width:30px;text-align:center;font-variant-numeric:tabular-nums}.build .skills{display:grid;grid-template-columns:1fr;gap:2px}.cell{position:relative;aspect-ratio:1;padding:0;display:flex;align-items:center;justify-content:center;background:#120d09;min-width:0}.cell .empty{font-size:11px;color:#6a5a44}.build .doll,.build .bag{max-width:330px}.build .doll{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.build .bag{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:6px;background:#24180e;border:1px solid var(--border);border-radius:4px}.cell.quick{box-shadow:inset 0 0 0 2px #8a6ad8}.cell.held{border-color:var(--gold);box-shadow:0 0 8px #ebd39a99}.build .hint{margin:6px 0 0;font-size:13px;color:var(--muted)}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none}.icon span{display:block;image-rendering:pixelated}.icon .reagent{width:26px;height:26px;border-radius:50%;border:1px solid #000;color:#000;font:700 11px var(--text);display:flex;align-items:center;justify-content:center;text-shadow:0 0 2px rgba(255,255,255,.6)}.icon .bandage{width:26px;height:22px;background:#f0ebe0;color:#b02020;border-radius:3px;font-size:15px;line-height:22px;text-align:center}#overlay,#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10}#loading{background:var(--night)}.dialog{padding:18px 20px;width:min(560px,calc(100% - 32px));max-height:calc(100% - 32px);display:flex;flex-direction:column}.dialog h1,.dialog h2{margin:0 0 10px;font:700 22px var(--display);color:var(--gold);text-align:center}.dialog .buttons{display:flex;justify-content:center;gap:8px;margin-top:12px}.dialog .intro{margin:0 0 12px;color:var(--muted);text-align:center}.profs{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.prof{display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px 10px}.prof b{font:700 17px var(--display);color:var(--gold)}.prof small{color:var(--muted);font-size:14px}.prof .kit{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.prof .kit .icon{width:28px;height:28px}.prof .kit .reagent,.prof .kit .bandage{transform:scale(.8)}.status{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto;font:600 15px var(--display)}.status .gold{color:var(--gold)}.status .ankhs span{color:#3a2e20}.status .ankhs span.on{color:#f2c050;text-shadow:0 0 6px rgba(242,192,80,.5)}.cell.magic{border-color:var(--rarity);box-shadow:inset 0 0 6px color-mix(in srgb,var(--rarity) 45%,transparent)}.cell.magic.quick{box-shadow:inset 0 0 0 2px #8a6ad8}.cell .tier{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-radius:50%;border:1px solid #000}.side{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.side h2{margin:0;font:700 19px var(--display);color:var(--gold)}.side h3{margin:6px 0 0;font:600 14px var(--display);color:var(--gold)}.side .tip,.side .record{margin:-4px 0 0;font-size:13px;color:var(--muted)}.side .record{margin-top:4px;text-align:right}.side .busy{color:var(--muted);font-style:italic;text-align:center}.side .go.red{background:linear-gradient(#f0a080,#a8442c)}.offers{display:flex;flex-direction:column;gap:4px}.offer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 8px;background:#1e1610;border:1px solid var(--border);border-radius:4px;cursor:pointer}.offer:hover{border-color:var(--border-hi);background:#2a1f15}.offer .icon{width:38px;height:38px;flex:none}.grab,.cell{cursor:grab;touch-action:none}.offer .what{flex:1;min-width:0}.offer b{display:block;font-weight:600}.offer small{display:block;color:var(--muted);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.offer em{font:600 16px var(--display);font-style:normal;color:var(--gold)}.offer em.dear{color:#a05040}.offer .take{display:flex;gap:4px;margin-left:auto}.offer .take button{padding:2px 10px;font:600 14px var(--display)}.offer.held{border-color:var(--gold);box-shadow:0 0 8px #ebd39a80}.offer.sold{justify-content:center;height:48px;color:#6a5a44;background:none;border-style:dashed;cursor:default}.detail{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.detail .row-buttons{display:flex;gap:6px}.cmp-item{display:flex;flex-direction:column;gap:4px;min-width:0}.cmp-item .name{font:600 16px var(--display)}.cmp-item .rarity{margin-top:-4px;font-size:13px}.cmp-item .base{margin:0;font-size:14px;color:var(--muted)}.cmp-item .props{margin:0;padding-left:16px;font-size:14px;color:#b8d0f0}.cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cmp .old{padding-left:10px;border-left:1px solid var(--border);opacity:.85}.cmp .old .label{color:var(--muted);font:600 12px var(--display)}.detail h4,#compare h4{margin:6px 0 0;font:600 14px var(--display);color:var(--gold)}.diff{margin:0;padding-left:16px;font-size:14px}.diff .up,.ok{color:#9cd08a}.diff .down{color:#f08a6a}.detail .ok,.detail .warn,#compare .ok,#compare .warn{margin:0;font-size:14px}#compare{position:fixed;z-index:30;width:360px;max-width:calc(100vw - 16px);padding:10px 12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.drag-ghost{position:fixed;left:0;top:0;z-index:40;width:44px;height:44px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}body.dragging,body.dragging *{cursor:grabbing!important}body.dragging .cell{outline:1px dashed rgba(235,211,154,.25)}.cell.over{border-color:var(--gold);box-shadow:0 0 10px #ebd39ab3}.sellzone{display:none;padding:14px;text-align:center;color:#f0b060;border:1px dashed #a8742c;border-radius:4px;font-family:var(--display)}body.drag-own .sellzone{display:block}.sellzone.over{background:#a8742c40;border-style:solid}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:8px 16px;color:#ffb090;z-index:20;pointer-events:none}@media(max-width:1020px){main{grid-template-columns:1fr 1fr}.middle{grid-column:1 / -1;order:-1}}@media(max-width:640px){main{grid-template-columns:minmax(0,1fr)}#arena{height:260px}.build{order:1}}.side .news{margin:0;padding:6px 8px;font-size:14px;background:#1e1610;border:1px solid var(--border-hi);border-radius:4px}.side .story{margin:-4px 0 0;font-style:italic}.opts{display:flex;flex-direction:column;gap:6px}.opts .opt{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.opts .opt em{font-style:normal;color:var(--gold);white-space:nowrap}.opts .opt em.dear{color:var(--foe)}.side .go.elite{box-shadow:0 0 0 2px var(--accent),0 0 12px #d4a94f99}.set{margin:6px 0 0;color:#6fd36a;font-size:13px}.props.setbonus{opacity:.55}.props.setbonus.full{opacity:1;color:#6fd36a}.info.boons,.info.sets{font-size:13px}.info.sets .up{color:#6fd36a}