@layer components{:root{--post-board:#9a5c3e;--post-board-edge:#4a2a22;--post-paper:#e3eaec;--post-field:#d2dae0;--post-field-line:#75878f;--post-ink:#1d2733;--post-ink-soft:#4e5d6b;--post-good:#1e7a32;--post-bad:#b0302a;--post-gold:#a86a00}.post-clipboard{color:var(--post-ink);padding-top:16px;position:relative}.post-clipboard-clip{z-index:1;width:146px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.post-clipboard-paper{border:4px solid var(--post-board);background:var(--post-paper);height:100%;box-shadow:0 0 0 2px var(--post-board-edge), 0 4px 0 2px var(--post-board-edge);border-radius:12px;align-content:start;gap:10px;padding:22px 14px 14px;display:grid}.post-clipboard-header{margin:0;line-height:0}.post-clipboard-header [data-sprite]{width:100%;max-width:258px;height:auto}.post-clipboard-locked{border:2px solid var(--post-field-line);background:var(--post-field);border-radius:6px;padding:10px 12px;font-size:.9375rem}.post-form-item{align-items:center;gap:12px;display:flex}.post-form-slot{border:2px solid var(--post-field-line);background:var(--post-field);border-radius:6px;flex-shrink:0;place-items:center;width:70px;height:70px;display:grid}.post-form-label{color:var(--post-ink-soft);font-size:.8125rem;line-height:1.2;display:block}.post-form-value{font-family:var(--font-display);font-size:1.0625rem;line-height:1.25}.post-form-value [data-bonus]{color:var(--post-good)}.post-form-quantity{color:var(--post-bad);font-family:var(--font-display);font-size:1.125rem;line-height:1.2;display:block}.post-form-quantity[data-enough]{color:var(--post-good)}[data-status=claimed] .post-form-quantity{color:var(--post-ink-soft)}.post-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.post-form-grid>div{border:2px solid var(--post-field-line);background:var(--post-field);border-radius:6px;padding:4px 8px}.post-form-grid dd{margin:0}.post-form-shields{color:var(--post-ink-soft);align-items:center;gap:2px;font-size:.875rem;display:inline-flex}.post-form-shields[data-tier="2"]{color:#3f6fb3}.post-form-shields[data-tier="3"]{color:var(--post-gold)}.post-form-rewards{border:2px solid var(--post-field-line);background:var(--post-field);font-family:var(--font-display);border-radius:6px;flex-wrap:wrap;gap:6px 12px;margin-top:4px;padding:6px 8px;font-size:1rem;display:flex}.post-form-rewards li{align-items:center;gap:4px;display:inline-flex}.post-form-plus{color:var(--post-good)}.post-form-sign{border-bottom:2px solid var(--post-field-line);font-family:var(--font-display);padding:6px 2px 4px;font-size:1rem}.post-form-sign[data-status=ready]{color:var(--post-good)}.post-form-sign[data-status=short]{color:var(--post-bad)}.post-form-sign[data-status=claimed],.post-form-sign[data-status=unknown]{color:var(--post-ink-soft)}.post-form-note{color:var(--post-ink-soft);font-size:.8125rem;line-height:1.35}.post-form-next-trigger{color:var(--post-ink);font-size:.875rem;font-weight:600}.post-next-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px;margin-top:4px;display:grid}.post-next-grid li{background:var(--post-field);white-space:nowrap;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:.75rem;display:flex}.post-shelf{aspect-ratio:408/344;width:100%;max-width:820px;image-rendering:pixelated;background-position:0 100%;background-repeat:no-repeat;background-size:147.304%;border-radius:6px;margin-inline:auto;position:relative;container-type:inline-size}.post-shelf:not([data-open]){filter:grayscale(.6)brightness(.8)}.post-shelf-box{cursor:pointer;background:0 0;border:0;border-radius:6px;width:24.0196%;height:23.8372%;padding:0;display:block;position:absolute}.post-shelf-box:hover{box-shadow:inset 0 0 0 2px #ffffffa6}.post-shelf-box[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--gold), 0 0 14px #efc86b8c}.post-shelf-art{width:97.9592%;height:auto;position:absolute;top:3.65854%;left:3.06122%}.post-shelf-box[data-state=locked] .post-shelf-art{filter:grayscale()brightness(.55);opacity:.7}.post-shelf-box[data-state=empty] .post-shelf-art{filter:saturate(.4)brightness(.8)}.post-shelf-points{color:#f4ead8;font-family:var(--font-display);white-space:nowrap;background:#2b1f19;border:2px solid #1b130f;border-radius:999px;padding:.2cqi 1.4cqi;font-size:clamp(10px,3.2cqi,17px);line-height:1.15;position:absolute;bottom:-3cqi;left:50%;transform:translate(-50%)}.post-shelf-points[data-tier="2"]{background:#24414c}.post-shelf-points[data-tier="3"]{background:#5b3a0c}.post-shelf-box[data-state=full] .post-shelf-points{color:#fff4d6;background:#8a5a06}.post-shelf-lock{color:#fff;background:#000000a6;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-bar{aspect-ratio:150/29;width:300px;max-width:100%;position:relative}.post-bar-frame{width:100%;height:100%;position:absolute;inset:0}.post-bar-fill{width:calc(121 / 150 * 100% * var(--share));background:#c8915c;height:41.3793%;position:absolute;top:48.2759%;left:15.3333%}.post-bar[data-tier="2"] .post-bar-fill{background:#6aa5b8}.post-bar[data-tier="3"] .post-bar-fill{background:#e5a52b}.post-bar-text{color:#fff;width:80.6667%;height:41.3793%;font-family:var(--font-display);text-align:center;text-shadow:1px 1px #000,-1px -1px #000;font-size:15px;line-height:1.6;position:absolute;top:48.2759%;left:15.3333%}}