:root{--bg:#14161a;--bg-panel:#1b1e23;--bg-panel-2:#20242a;--line:#2c3038;--brass:#c9a227;--brass-dark:#7a5c12;--brass-tile:#2b2013;--brass-tile-hi:#3a2c19;--steel:#b9c3cc;--steel-dark:#5c6670;--steel-tile:#23272e;--steel-tile-hi:#2c323a;--concrete:#7d8189;--concrete-dark:#4a4d52;--concrete-tile:#34373c;--concrete-tile-hi:#3c4046;--ink:#ece9e2;--ink-dim:#9ba0a8;--ink-faint:#6b7078;--radius:6px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,-apple-system,sans-serif}.wrap{max-width:1180px;margin:0 auto;padding:0 24px 80px}header{padding:64px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px}h1{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(36px,6vw,58px);margin:0 0 16px}.lead{font-size:17px;color:var(--ink-dim);max-width:620px}.statrow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:32px}.statcard{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.statcard .nums{font-family:Fraunces,serif;font-size:26px;font-weight:600;margin-bottom:8px}.statcard .nums small{font-family:IBM Plex Sans;font-size:13px;color:var(--ink-faint);margin-left:6px}.bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.bar>span{display:block;height:100%}section.tier{margin-bottom:56px}.tier-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tier-head h2{font-family:Fraunces,serif;font-size:24px;margin:0}.tier-price{font-family:monospace;font-size:13px;background:var(--bg-panel);border:1px solid var(--line);padding:4px 10px;border-radius:100px}.grid{display:grid;grid-gap:6px;gap:6px}.grid.premium{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.grid.featured{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px}.grid.normal{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px}.tile{position:relative;aspect-ratio:1/1;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.grid.premium .tile{background:var(--brass-tile);box-shadow:inset 0 0 0 1px rgba(201,162,39,.35)}.grid.featured .tile{background:var(--steel-tile);box-shadow:inset 0 0 0 1px rgba(185,195,204,.25)}.grid.normal .tile{background:var(--concrete-tile);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.tile img{width:100%;height:100%;object-fit:contain;padding:8%;background:#f4f2ec}.tile-id{font-family:monospace;font-size:10px;color:var(--ink-faint)}.overlay{position:fixed;inset:0;background:rgba(10,11,13,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:10px;width:100%;max-width:420px;padding:28px}.modal h3{font-family:Fraunces,serif;font-size:22px;margin:0 0 4px}.modal .sub{font-family:monospace;font-size:12px;color:var(--ink-faint);margin:0 0 20px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:6px}.field input[type=text]{width:100%;background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}button{font-size:14px;font-weight:500;border-radius:5px;padding:10px 18px;cursor:pointer;border:1px solid transparent}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-dim)}.btn-primary{background:var(--brass);color:#1a1200}.btn-primary:disabled{opacity:.5;cursor:not-allowed}footer{border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--ink-faint);line-height:1.7}