:root{--ink:#2a2a38;--ink-soft:#5d5d70;--ink-faint:#8a8a9c;--paper:#fbfaf3;--paper-2:#f1efe3;--rule:#d9d6c6;--rule-soft:#eeebdd;--frame:#5070b8;--frame-dark:#2a2034;--select:#dfe7fb;--green:#2f8a3a;--link:#3552a8;--gold:#b07d10;--red:#b3261e;--hp:#d0473c;--mp:#3d63c4;--progress:#d9a520;--review:#2fa36b;--todo:#9aa0a8;--backlog:#c4c8ce;--done:#5c66d0;--blocked:#d9493e;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:14px/1.4 var(--font);background:#1c1a28;margin:0;overflow:hidden}#app{gap:12px;height:100vh;padding:12px;display:flex}#main{flex:1;place-items:center;min-width:0;display:grid}#stage{box-shadow:0 0 0 3px var(--frame-dark);position:relative}#screen{image-rendering:pixelated;cursor:crosshair;display:block}#overlay{pointer-events:none;font-size:clamp(12px, calc(var(--stage-w,960px) / 62), 16px);position:absolute;inset:0}#overlay>*{pointer-events:auto}canvas.pix{image-rendering:pixelated;display:block}h2,h3{margin:0}p{margin:.4em 0}a{color:var(--link)}.mono{font-family:var(--mono)}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:.85em}kbd{font:.8em var(--mono);text-align:center;min-width:1.6em;color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #b9b6a8;border-radius:4px;padding:.05em .4em;display:inline-block;box-shadow:0 2px #b9b6a8}.hints{color:var(--ink-soft);flex-wrap:wrap;gap:.35em 1.1em;font-size:.85em;display:flex}.hint{align-items:center;gap:.35em;display:inline-flex}button{font:inherit;color:var(--ink);cursor:pointer}:where(.panel,#side) :where(button:not(.x,.plain,.sw,.link)){background:#fff;border:1px solid #b9b6a8;border-radius:6px;padding:.3em .9em;line-height:1.3;box-shadow:0 2px #b9b6a8}:where(.panel,#side) :where(button:not(.x,.plain,.sw,.link)):hover:not(:disabled){background:var(--select);border-color:var(--frame);box-shadow:0 2px 0 var(--frame)}:where(.panel,#side) :where(button:not(.x,.plain,.sw,.link)):active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #b9b6a8}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green);color:#fff;border-color:#1f6a2a;font-weight:600;box-shadow:0 2px #1f5a24}button.primary:hover:not(:disabled){background:#379a44;border-color:#1f6a2a;box-shadow:0 2px #1f5a24}button.danger{color:var(--red);border-color:#efb3ae}button.dev{color:var(--gold);border-style:dashed;font-size:.85em}button.link{box-shadow:none;color:var(--link);background:0 0;border:none;padding:.2em;text-decoration:underline}button.plain{text-align:left;background:0 0;border:2px solid #0000;padding:0}.panel .x{color:var(--ink-faint);background:0 0;border:none;margin-left:auto;padding:0 .2em;font-size:1.5em;line-height:1}.panel .sub+.x{margin-left:.4em}input{font:inherit;color:var(--ink);background:#fff;border:1px solid #b9b6a8;border-radius:6px;width:100%;padding:.4em .7em;box-shadow:inset 0 1px #e9e6d8}input:focus{outline:2px solid var(--frame);outline-offset:0}.row-btns{align-items:center;gap:.6em;margin-top:.8em;display:flex}.row-btns.end{justify-content:flex-end}.row-btns.center{justify-content:center}.row-btns.wrap{flex-wrap:wrap}.panel-host{background:#14122873;place-items:center;padding:3%;display:grid;position:absolute;inset:0}.panel-host.docked{pointer-events:none;background:0 0;place-items:end center;padding:1.5%;inset:auto 0 0}.panel-host.docked>*{pointer-events:auto}.panel{background:var(--paper);border:3px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark), 0 6px 24px #0a081473;border-radius:8px;outline:none;flex-direction:column;width:min(720px,100%);max-height:100%;animation:90ms ease-out pop-in;display:flex;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}}.panel.full{width:100%;height:100%}.panel.small{width:min(420px,100%)}.panel.wide{width:min(980px,100%)}.panel .head{border-bottom:1px solid var(--rule);background:var(--paper-2);flex:none;align-items:center;gap:.8em;padding:.55em 1em;display:flex}.panel .head h2{letter-spacing:.02em;font-size:1.15em}.panel .head .sub{color:var(--green);align-items:center;gap:.6em;margin-left:auto;font-weight:600;display:flex}.panel .body{scrollbar-width:thin;flex:1;min-height:0;padding:.8em 1em;overflow:auto}.panel .body.split{padding:0;display:flex}.panel .body:has(>.split){padding:0;display:flex}.panel .body:has(>.single){padding:0;display:flex}.panel .foot{border-top:1px solid var(--rule);background:var(--paper-2);flex:none;padding:.35em 1em}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:.9em 0 .35em;font-size:.75em;font-weight:700}.section-label:first-child{margin-top:0}.tabs{gap:0;display:inline-flex}.panel .tabs button{color:var(--ink-soft);border-radius:0;font-weight:400}.panel .tabs button:first-child{border-radius:6px 0 0 6px}.panel .tabs button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.panel .tabs button.on{background:var(--select);border-color:var(--frame);color:var(--ink);font-weight:600}.dot{border:2px solid;border-radius:50%;flex:none;width:.7em;height:.7em;display:inline-block}.dot.progress{color:var(--progress);background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.dot.review{color:var(--review);background:radial-gradient(currentColor 45%,#0000 50%)}.dot.todo{color:var(--todo)}.dot.backlog{color:var(--backlog);border-style:dashed}.dot.done{color:var(--done);background:currentColor}.dot.blocked{color:var(--blocked);background:currentColor}.pills{flex-wrap:wrap;gap:.4em;display:flex}.pill{border:1px solid var(--rule);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.4em;padding:.1em .6em;font-size:.85em;display:inline-flex}.pill.prio-1{color:#b3261e;border-color:#efb3ae}.pill.prio-2{color:#a8590b;border-color:#f0c9a0}.chip{color:#4a4790;background:#ece9fb;border-radius:4px;padding:0 .5em;font-size:.8em;display:inline-block}.tag{color:var(--red);vertical-align:1px;background:#fbe3e0;border-radius:4px;margin-left:.5em;padding:0 .45em;font-size:.75em;font-weight:700}.badge{color:var(--green);background:#e2f2e2;border-radius:4px;padding:0 .45em;font-size:.75em;font-weight:700}.level{background:var(--frame-dark);color:#c8f080;font:.8em var(--mono);border-radius:4px;padding:0 .4em;display:inline-block}.split{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;display:grid}.single{flex:1;min-height:0;display:flex}.rows{border-right:1px solid var(--rule);scrollbar-width:thin;overflow-y:auto}.row{border-bottom:1px solid var(--rule-soft);cursor:pointer;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.55em;padding:.38em .9em;display:grid}.row.sel{background:var(--select);box-shadow:inset 3px 0 0 var(--frame)}.row .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .id{font-family:var(--mono);color:var(--ink-soft);font-size:.82em}.row .right{color:var(--ink-faint);white-space:nowrap;font-size:.82em}.group{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--paper);padding:.5em .9em .2em;font-size:.75em;font-weight:700;position:sticky;top:0}.empty{color:var(--ink-soft);padding:1.2em}.preview{scrollbar-width:thin;padding:.8em 1em;overflow-y:auto}.card-title{margin:.35em 0 .5em;font-size:1.25em;font-weight:700;line-height:1.25}.preview .card-title{font-size:1.1em}.meta{grid-template-columns:auto 1fr;gap:.25em .9em;margin:0 0 .8em;font-size:.9em;display:grid}.meta dt{color:var(--ink-faint)}.meta dd{flex-wrap:wrap;align-items:center;gap:.4em;margin:0;display:flex}.bar{background:#e4e1d2;border-radius:99px;width:6em;height:.5em;display:inline-block;overflow:hidden}.bar>i{background:var(--green);height:100%;display:block}.card-body{scrollbar-width:thin;flex:1;padding:.8em 1.2em 1em;overflow-y:auto}.card-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.4em;display:grid}.md{font-size:.95em}.md p{margin:0 0 .6em}.md h4{margin:.8em 0 .3em;font-size:1em}.md ul,.md ol{margin:0 0 .6em;padding-left:1.3em}.md pre{background:#efede2;border-radius:6px;padding:.5em .7em;font-size:.85em;overflow-x:auto}.md code{font-family:var(--mono);background:#efede2;border-radius:3px;padding:0 .25em;font-size:.88em}.md blockquote{border-left:3px solid var(--rule);color:var(--ink-soft);margin:0 0 .6em;padding-left:.7em}.comment{background:#fff;border:1px solid #e3e0d1;border-radius:8px;margin-bottom:.6em;padding:.5em .7em}.comment .by{color:var(--ink-faint);margin-bottom:.2em;font-size:.82em}.mini canvas{width:12px;height:14px}.reward{border:1px solid var(--rule);background:#fff;border-radius:8px;margin-bottom:.8em;padding:.5em .7em;font-size:.9em}.reward-head{align-items:center;gap:.6em;display:flex}.reward-head canvas{image-rendering:pixelated;flex:none}.reward-details{margin-top:.35em}.reward-details summary{cursor:pointer;color:var(--ink-soft);font-size:.85em}.checks{margin:.4em 0 0;padding:0;font-size:.92em;list-style:none}.checks .ok{color:var(--green)}.checks .no{color:var(--ink-faint)}table{border-collapse:collapse;width:100%;font-size:.92em}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--rule);padding:.3em .5em;font-size:.75em;font-weight:700}td{border-bottom:1px solid var(--rule-soft);vertical-align:middle;padding:.3em .5em}td.num,th.num{text-align:right;font-family:var(--mono)}tr.mine td{background:var(--select)}tr.mine td:first-child{box-shadow:inset 3px 0 0 var(--frame)}td canvas.pix{width:24px;height:28px}.cols{grid-template-columns:1.3fr 1fr;gap:1.4em;display:grid}#side{background:var(--paper);border:3px solid var(--frame);width:290px;box-shadow:0 0 0 2px var(--frame-dark);scrollbar-width:thin;border-radius:8px;flex-direction:column;flex:none;display:flex;overflow:auto}#side[hidden]{display:none}#side section{border-bottom:1px solid var(--rule);padding:.6em .9em}#side section:last-child{background:var(--paper-2);border-bottom:none;margin-top:auto}#side .section-label{margin-bottom:.4em}.who{background:var(--paper-2);align-items:center;gap:.8em;display:flex}.who canvas{border:1px solid var(--rule);background:#e9e6d8;border-radius:6px;width:48px;height:56px}.who .name{font-size:1.15em;font-weight:700}.meter{grid-template-columns:2.6em 1fr auto;align-items:center;gap:.5em;margin:.25em 0;font-size:.85em;display:grid}.meter b{font:700 .85em var(--mono);color:var(--ink-soft)}.meter .track{background:#e4e1d2;border:1px solid #d0cdbd;border-radius:99px;height:.6em;overflow:hidden}.meter .track i{height:100%;transition:width .1s;display:block}.meter.hp i{background:var(--hp)}.meter.mp i{background:var(--mp)}.meter.xp i{background:var(--progress)}.meter .val{font-family:var(--mono);color:var(--ink-soft);text-align:right;min-width:5.5em}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:.3em;margin-top:.4em;display:grid}.card .stats{grid-template-columns:repeat(3,1fr)}.stats div{border:1px solid var(--rule);font:600 1em var(--mono);background:#fff;border-radius:6px;padding:.15em}.stats b{font:700 .65em var(--font);letter-spacing:.08em;color:var(--ink-faint);display:block}.slots{grid-template-columns:repeat(4,1fr);gap:.4em;display:grid}.slot{aspect-ratio:1;border:2px solid var(--rar,var(--rule));background:#fff;border-radius:6px;place-items:center;display:grid;position:relative}.slot canvas{width:36px;height:36px;image-rendering:pixelated}.slot .tier{font:700 .7em var(--mono);color:var(--ink-soft);position:absolute;bottom:0;right:2px}.slot-empty{font:.75em var(--mono);color:var(--ink-faint)}.bags{text-align:left;align-items:center;gap:.6em;width:100%;margin-top:.5em;display:flex}#side .bags.has{background:#fdf6dc;border-color:#c8961e;font-weight:600;box-shadow:0 2px #c8961e}.bags canvas{image-rendering:pixelated;flex:none}.bags span{flex:1}.btn-grid{grid-template-columns:1fr 1fr;gap:.4em;display:grid}.btn-grid .btn{justify-content:space-between;align-items:center;font-size:.9em;display:flex}#side .btn{padding:.3em .7em}#side button.link{justify-self:start;padding:0;font-size:.85em}.controls{color:var(--ink-soft);gap:.25em;font-size:.85em;display:grid}.title-card{text-align:center;padding:.6em 0 .2em}.wordmark{font:700 2em/1 var(--font);letter-spacing:.04em;color:var(--green);text-shadow:2px 2px 0 var(--frame-dark)}.people{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.3em;margin-top:.7em;display:grid}.person{border-radius:8px;align-items:center;gap:.7em;display:flex;padding:.35em .6em!important}.person:hover{background:var(--select)!important;border-color:var(--frame)!important}.person canvas{width:36px;height:42px}.nohero{width:36px;height:42px;font:1.2em var(--mono);color:var(--ink-faint);border:2px dashed var(--rule);border-radius:6px;place-items:center;display:grid}.creator-body{grid-template-columns:240px 1fr;gap:1.2em;display:grid}.preview-box{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;place-items:center;padding:.8em;display:grid}.preview-box canvas{width:144px;height:168px}.classes{grid-template-columns:repeat(6,1fr);gap:.35em;display:grid}.panel .cls{flex-direction:column;align-items:center;gap:.2em;padding:.35em .1em;font-size:.85em;display:flex}.cls canvas{width:36px;height:42px}.cls.on,.chips .on{font-weight:600;background:var(--select)!important;border-color:var(--frame)!important;box-shadow:0 2px 0 var(--frame)!important}.opt{grid-template-columns:95px 1fr;align-items:center;margin:.35em 0;display:grid}.opt label{color:var(--ink-soft);font-size:.85em}.swatches,.chips{flex-wrap:wrap;gap:.3em;display:flex}.sw{border:2px solid #fff;border-radius:4px;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #b9b6a8}.sw.on{box-shadow:0 0 0 2px var(--frame-dark)}.chips button{padding:.15em .6em;font-size:.85em}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35em;display:grid}.item{text-align:left;border-color:var(--rar);border-width:2px;grid-template-columns:32px 1fr;align-items:center;column-gap:.6em;padding:.3em .5em;font-size:.85em;display:grid}.item canvas{image-rendering:pixelated;grid-row:span 2}.item .nm{font-weight:600}.item{border-color:var(--rar)!important}.item.on{background:#eef7ee!important}.item:disabled{opacity:1;cursor:default}.item.nope,.item.nope:disabled{opacity:.5}.loot .body{text-align:center}.bag-stage,.reveal{border:2px solid var(--rar,var(--rule));cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:120px;height:120px;margin:.4em auto;display:grid}.bag-stage canvas,.reveal canvas{image-rendering:pixelated;width:96px;height:96px}.reveal{box-shadow:0 0 0 4px color-mix(in srgb, var(--rar) 25%, transparent);animation:.35s ease-out burst}.shake{animation:.5s shake}@keyframes shake{20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}to{opacity:.4;transform:scale(1.1)}}@keyframes burst{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.06)}}.bag-name,.item-name{font-size:1.2em;font-weight:700}.cmp{font-family:var(--mono);margin:.4em 0;font-size:.9em}.source{margin:.6em 0 0;font-size:.9em}.haul{grid-template-columns:repeat(auto-fill,42px);justify-content:center;gap:5px;max-height:50vh;margin:.6em 0;display:grid;overflow:auto}.haul-item{border:2px solid var(--rar);background:#fff;border-radius:6px;place-items:center;width:42px;height:42px;display:grid;position:relative}.haul-item canvas{image-rendering:pixelated}.haul-item.on{background:#eef7ee}.haul-item .badge{font-size:.6em;position:absolute;bottom:-5px;right:-5px}.panel.buildbar{width:auto;max-width:100%}.buildbar .body{align-items:center;gap:.8em;padding:.4em .6em;display:flex}.palette{flex-wrap:wrap;gap:.25em;display:flex}.panel .blk{place-items:center;width:30px;height:38px;display:grid;position:relative;padding:2px!important}.blk canvas{image-rendering:pixelated}.blk.on{background:var(--select)!important;border-color:var(--frame)!important;box-shadow:0 2px 0 var(--frame)!important}.blk.empty{opacity:.4}.blk .cnt{font:700 .7em var(--mono);position:absolute;bottom:-1px;right:1px}.stars{text-align:center;letter-spacing:.15em;font-size:2.6em;line-height:1.2}.star{color:var(--rule)}.star.on{color:#e0a820;text-shadow:0 2px #9a6a10}.facts{margin:.4em 0;padding-left:1.2em}#toasts{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;top:3%;left:0;right:0}.toast{background:var(--paper);border:2px solid var(--frame);box-shadow:0 0 0 2px var(--frame-dark);border-radius:8px;max-width:80%;padding:.4em .9em;font-size:.9em;transition:opacity .4s}.toast.error{border-color:var(--red);color:var(--red)}.toast.gold{border-color:#c8961e}.toast.out{opacity:0}.guild-chips{margin-top:.6em}.select .section-label{margin-top:1em}.adopt{white-space:nowrap;font-size:.85em}.adopt .ok{color:var(--green)}.adopt .no{color:var(--ink-faint)}.stack{flex-direction:column;gap:.6em;display:flex}.world-map{width:min(100%, calc((var(--stage-w,960px) * .5625 - 110px) * var(--map-ratio)));border:2px solid var(--frame-dark);background:#344c42;margin:auto;position:relative}.world-map>canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.panel .world-pin{text-align:center;color:#fff9e7;background:#26352de6;border:1px solid #d0d1a46b;border-radius:3px;padding:2px 3px;font-size:.75em;line-height:1.15;position:absolute;transform:translate(-50%,-50%)}.panel .world-pin:hover,.panel .world-pin:focus-visible{background:#42533b;outline:2px solid #fff0b5}.panel .world-pin.home{color:#ffe6a5;border-color:#f8d886}.world-player{pointer-events:none;background:#fff;border:1px solid #222;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.arena-sentinels{grid-template-columns:repeat(7,1fr);gap:.4em;margin:.6em 0;display:grid}.sentinel{border-radius:8px;flex-direction:column;align-items:center;gap:.2em;font-size:.85em;display:flex;padding:.4em .2em!important}.sentinel:hover{background:var(--select)!important;border-color:var(--frame)!important}.sentinel canvas{width:36px;height:42px}.signin .gsi-button{justify-content:center;min-height:44px;margin:14px 0 6px;display:flex}.guest-pill{color:#5a4200;cursor:help;background:#ffe6a0;border-radius:3px;margin-top:4px;padding:1px 6px;font-size:11px;display:inline-block}.guest-empty{text-align:left;max-width:34em}.guest-empty p{margin-top:6px;line-height:1.45}