:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#efc269;--text:#fff6e5;--muted:#cdbcd0;--mint:#70efce;--edge:#61465a}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(at 80% 0,#41203a,#0000 65%),#140d1e;min-height:100vh;margin:0;font:16px/1.55 system-ui,sans-serif}.pawn-shell{border:1px solid var(--edge);border-top:3px solid var(--gold);background:linear-gradient(145deg,#312035,#25192d);border-radius:24px;width:min(880px,100% - 32px);margin:40px auto;padding:36px;box-shadow:0 24px 70px #08040c66}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.brand{color:var(--text);letter-spacing:-1px;font-size:23px;font-weight:900;line-height:1;text-decoration:none}.brand span{color:var(--gold)}.brand small{letter-spacing:4px;margin-top:9px;font-size:9px;display:block}.wallet{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.chain{color:var(--mint);letter-spacing:.05em;font-size:12px}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:11px;font-weight:800}h1{letter-spacing:-1.6px;margin:10px 0 16px;font-size:clamp(30px,5vw,46px);line-height:1.1}h2{font-size:22px;line-height:1.3}.intro,.muted,footer{color:var(--muted)}nav{gap:12px;margin:28px 0;display:flex}button{background:var(--gold);color:#241724;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:750;transition:background .18s,transform .18s}button:hover:enabled{background:#ffdb8a;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}button.secondary{color:var(--text);border-color:var(--edge);background:0 0}button.secondary:hover:enabled{background:#4a3045}.quiet{color:var(--muted);background:0 0;padding:8px;font-size:12px}.quiet:hover:enabled{color:var(--text);background:#4a3045}:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.status:empty{display:none}.status{border-left:3px solid var(--gold);background:#190f22;border-radius:5px;padding:14px 16px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.asset,.ticket{border:1px solid var(--edge);background:#190f22;border-radius:14px;padding:20px}.asset h3{min-height:52px;margin:0 0 16px;font-size:17px}.asset button{width:100%}.actions{justify-content:flex-end;gap:12px;margin:24px 0 12px;display:flex}.offer{background:#1d1327;border:1px solid #9a794a;border-radius:16px;padding:26px}.terms{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.terms div{border-bottom:1px solid var(--edge);padding:0 0 14px}dt{color:var(--muted);font-size:12px}dd{overflow-wrap:anywhere;margin:4px 0 0}.terms dd{color:var(--mint);font-size:23px;font-weight:800}.important{border-left:2px solid var(--gold);padding-left:14px}details{border:1px solid var(--edge);border-radius:10px;margin:16px 0;padding:14px 16px}summary{cursor:pointer;font-weight:650}summary::marker{color:var(--gold)}code{overflow-wrap:anywhere;font-size:12px}a{color:var(--gold)}.ticket-list{gap:16px;display:grid}.ticket .state{color:var(--mint);letter-spacing:.1em;font-size:12px;font-weight:700}.ticket .actions{margin-bottom:0}footer{margin-top:28px;font-size:12px;line-height:1.6}dialog{border:1px solid var(--gold);width:min(470px,100% - 32px);color:var(--text);background:#2e1d33;border-radius:20px;padding:26px;box-shadow:0 28px 80px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0819c9}.spinner{border:3px solid #685060;border-top-color:var(--gold);border-radius:50%;width:58px;height:58px;margin:24px auto;animation:1s linear infinite spin}#pawn-progress h2,#pawn-progress p{text-align:center}#pawn-progress p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=620px){.pawn-shell{margin:16px auto;padding:22px}header{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.wallet{justify-content:flex-start}.grid{grid-template-columns:1fr 1fr}.terms{grid-template-columns:1fr}.offer{padding:20px}nav button{flex:1;padding:12px}h1{letter-spacing:-1px}}@media (width<=400px){.grid{grid-template-columns:1fr}}.ticket details p{overflow-wrap:anywhere;font-size:13px}.ticket .state{margin-top:0}
