@font-face{font-family:"Jersey 10";src:url(/fonts/Jersey10.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pixel-font:"Jersey 10", system-ui, sans-serif;--fs:calc(56px / 3);--fs2:calc(112px / 3);--panel:#161122db;--ink:#f3e6d4;--muted:#b9a8c4;--accent:#ffcb8a;--line:#ffcb8a59}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);font:var(--fs)/1.15 var(--pixel-font);background:#120e26;margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.dragging{cursor:grabbing}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 6px 24px #00000059}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffcb8a24;border-radius:6px;padding:5px 10px}button:hover{background:#ffcb8a42}button.primary{background:#ffcb8a4d}.card{--frame:#a8a093;border:3px solid var(--frame);flex-direction:column;gap:5px;width:300px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);padding:10px 14px 14px;display:flex;position:fixed;top:12px;left:12px;overflow:auto}.card[data-rarity="1"]{--frame:#c39462}.card[data-rarity="2"]{--frame:#ccc8cc}.card[data-rarity="3"]{--frame:#ffd36e}.card[data-rarity="4"]{--frame:#f2a6b8;box-shadow:0 0 0 3px #a3bfe2,0 0 0 6px #aac15c,0 0 26px #ffd36e73}.card[data-rarity=unique]{--frame:#ffe6b4}.card .head,.card .who,.card .row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card .rank{color:var(--frame);text-transform:uppercase;letter-spacing:.04em}.card .number,.card .label,.card em{color:var(--muted);font-style:normal}.card .portrait{aspect-ratio:3/2;width:100%;image-rendering:pixelated;border-radius:6px;display:block}.card strong{font-size:var(--fs2);color:var(--accent);font-weight:400;line-height:1}.card .part{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);margin-top:4px}.card .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;display:grid}.card .field{flex-direction:column;gap:2px;display:flex}.card .bar{background:#ffcb8a29;border-radius:3px;height:6px;overflow:hidden}.card .bar span{background:var(--accent);height:100%;display:block}.card button{align-self:flex-start;margin-top:6px}.hint{color:var(--muted);text-shadow:0 1px 2px #000;margin:0;transition:opacity 2s;position:fixed;bottom:6px;left:12px}.hint.gone{opacity:0}.toast{padding:8px 14px;transition:opacity 1.5s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.gone{opacity:0}.dialog-backdrop{background:#0a081473;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(420px,100% - 32px);padding:18px 20px}.dialog h1{font-size:var(--fs2);color:var(--accent);margin:0 0 8px;font-weight:400;line-height:1}.dialog p{color:var(--muted);margin:0 0 14px}.dialog .actions{flex-wrap:wrap;gap:8px;display:flex}.debug{width:300px;max-height:calc(100% - 24px);padding:12px 14px;font:13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;top:12px;right:12px;overflow:auto}.debug header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.debug h2{margin:0;font-size:14px}.debug section{border-top:1px solid #ffffff14;padding:8px 0}.debug label{color:var(--muted);margin:4px 0;display:block}.debug label output{float:right;color:var(--ink)}.debug input[type=range]{width:100%;accent-color:var(--accent)}.debug input[type=datetime-local],.debug select{width:100%;font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px}.debug .row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.debug .check{align-items:center;gap:6px;display:flex}.debug pre{color:var(--muted);white-space:pre-wrap;margin:6px 0 0;font-size:11px}body.vignette .debug,body.vignette .card,body.vignette .hint{display:none}