#items .invh{flex-wrap:wrap;align-items:baseline;gap:10px;margin:14px 0 8px;font-size:15px;font-weight:800;display:flex}#items .invh .sub{color:var(--mut);font-size:12px;font-weight:500}.inv{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.inv .it{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--rc);border-radius:0 8px 8px 0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.inv .it .ic{background:var(--p-cocoa-900);border-radius:6px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.inv .it .ic .px{image-rendering:pixelated;display:block}.inv .it b{font-size:14.5px;line-height:1.35;display:block}.inv .it .sub{color:var(--mut);font-size:12px;line-height:1.5}.inv .it.c{--rc:var(--rc-common);--rcs:var(--rc-common-soft)}.inv .it.u{--rc:var(--rc-uncommon);--rcs:var(--rc-uncommon-soft)}.inv .it.r{--rc:var(--rc-rare);--rcs:var(--rc-rare-soft)}.inv .it.l{--rc:var(--rc-legend);--rcs:var(--rc-legend-soft)}.inv .it.empty{opacity:.55}.inv .it .live{font-family:var(--mono);color:var(--gold-strong);white-space:nowrap;font-size:11.5px;font-weight:700}.inv .it .live.muted{color:var(--faint)}.inv .useform{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.inv .useform[hidden]{display:none}.inv .useform textarea{border:1px solid var(--line);resize:vertical;flex:180px;padding:6px 8px;font-family:inherit;font-size:13px}.inv .empty-note a{color:var(--gold-strong);font-weight:700}.usedbox{margin-top:10px}.usedbox summary{cursor:pointer;color:var(--mut);padding:6px 0;font-size:13px}#items .say{align-items:flex-start;gap:12px;display:flex}#items .say .face{border:3px solid var(--p-cocoa-900);background:#2a1f17;flex:none;width:44px;height:44px}#items .say .face img{width:100%;height:100%;image-rendering:pixelated}#items .bubble{background:var(--p-paper-25);color:var(--ink);box-shadow:0 -3px 0 var(--p-cocoa-900),0 3px 0 var(--p-cocoa-900),-3px 0 0 var(--p-cocoa-900),3px 0 0 var(--p-cocoa-900);padding:8px 12px;font-size:13px;line-height:1.6;position:relative}#items .bubble:before{content:"";background:var(--p-cocoa-900);width:6px;height:6px;position:absolute;top:14px;left:-9px}#items .bubble .who{font-family:var(--mono);letter-spacing:.12em;color:var(--mut);margin-bottom:2px;font-size:10.5px;display:block}#inv-toast{background:var(--p-cocoa-900);color:var(--p-paper-100);z-index:1500;box-shadow:0 -3px 0 var(--p-cocoa-950),0 3px 0 var(--p-cocoa-950),-3px 0 0 var(--p-cocoa-950),3px 0 0 var(--p-cocoa-950);max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#inv-toast[hidden]{display:none}.roles{border-top:2px dashed var(--line);flex-direction:column;gap:22px;margin:28px 0 0;padding:28px 0 0;scroll-margin-top:90px;display:flex}.roles .rh2{font-family:var(--display);margin:4px 0 8px;font-size:32px;font-weight:900;line-height:1.15}.roles .rh2 span{color:var(--gold-strong)}.roles .rh h1{font-family:var(--display);margin:4px 0 8px;font-size:44px;font-weight:900;line-height:1.15}.roles .rh h1 span{color:var(--gold-strong)}.roles .sub{color:var(--mut);max-width:72ch;margin:0;font-size:15px}.roles .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.roles .rc{background:var(--card);border:2px solid var(--ink);box-shadow:var(--sh-md);flex-direction:column;gap:8px;padding:22px 22px 20px;scroll-margin-top:90px;display:flex;position:relative}.roles .rc.me{outline:4px solid var(--gold);outline-offset:3px}.roles .rc.me:after{content:"你在這";font-family:var(--mono);letter-spacing:.14em;color:var(--gold-strong);font-size:11px;position:absolute;top:10px;right:12px}.roles .rc img{image-rendering:auto;width:96px;height:96px}.roles .rc h2{font-family:var(--display);margin:4px 0 0;font-size:26px}.roles .rc>p{color:#4b4540;margin:0;font-size:14px;line-height:1.75}.roles .how{border-top:2px dashed var(--line);margin-top:auto;padding-top:12px}.roles .how b{color:var(--mut);margin-bottom:4px;font-size:13px;display:block}.roles .how p{margin:0 0 12px;font-size:14px;line-height:1.7}.roles .how code{background:var(--paper);font-family:var(--mono);padding:0 6px}.roles .btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.roles .rl-cta.alt{background:var(--card)}.roles .rl-tag.rl-fan{background:var(--paper);color:var(--ink)}.roles .rl-tag{align-self:flex-start}.roles .tbl-wrap{background:var(--card);border:2px solid var(--ink);padding:18px 22px;overflow:auto}.roles .tbl{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.roles .tbl th,.roles .tbl td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.roles .tbl thead th{font-family:var(--display);border-bottom:2px solid var(--ink);font-size:15px}.roles .tbl tbody th{width:30%;font-weight:700}.roles .tbl .me{background:var(--p-glow-100)}.roles .foot{margin-top:12px;font-size:13px}@media (width<=900px){.roles .cards{grid-template-columns:1fr}.roles .rh h1{font-size:32px}.roles .tbl{font-size:13px}.roles .tbl th,.roles .tbl td{padding:8px}}.pagehead{padding:36px 0 18px}h1.ttl{font-family:var(--display);margin:6px 0 8px;font-size:36px;font-weight:900;line-height:1.25}h2.sec{font-family:var(--display);margin:4px 0 14px;font-size:24px;font-weight:900}.lead{color:var(--mut);font-size:var(--fs-md);max-width:680px}.sumbar{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:10px;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:26px;padding:14px 20px;display:flex}.sumbar .k{font-family:var(--mono);letter-spacing:.14em;color:var(--mut);font-size:10.5px}.sumbar b{font-family:var(--display);font-size:20px;font-weight:900}.sumbar b small,.sumbar small{font-family:var(--sans);color:var(--mut);font-size:12px;font-weight:500}.sumbar .sep{background:var(--line);width:1px;height:34px}.sumbar #s-dir{display:contents}.sumbar #s-dir[hidden]{display:none}.grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;display:grid}.col,.side{flex-direction:column;gap:30px;min-width:0;display:flex}.blockhd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.blockhd h2{margin-bottom:0}.chestrow{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.chestrow .big{font-family:var(--display);color:var(--gold-strong);font-size:32px;font-weight:900}.chestrow a{color:var(--gold-strong);font-weight:700}.opened{gap:6px;margin-top:6px;display:grid}.op{background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 10px;padding:8px 10px;font-size:13px;display:grid}.op .sub{color:var(--mut);grid-column:2;font-size:12px}.op .rar{font-family:var(--mono);letter-spacing:.1em;background:var(--rc-common-soft);border-radius:4px;padding:2px 6px;font-size:10.5px}.op .rar.uncommon{background:var(--rc-uncommon-soft)}.op .rar.rare{background:var(--rc-rare-soft)}.op .rar.legend{background:var(--rc-legend-soft)}.doors{gap:8px;display:grid}.door{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.door:hover{border-color:var(--gold-strong);background:var(--p-paper-25)}.door b{font-size:14.5px}.door span{color:var(--mut);font-size:12px;line-height:1.5}.sub{color:var(--mut);font-size:13px;line-height:1.6}@media (width<=900px){.grid{grid-template-columns:minmax(0,1fr)}.sumbar{gap:12px}.sumbar .sep{display:none}h1.ttl{font-size:28px}}