:root{color-scheme:dark;--ink:#f4e5bd;--muted:#b8b6a9;--gold:#dec17a;--line:#dec17a40;--surface:#111d23}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#081015;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#14232beb;color:var(--ink);padding:13px 18px;transition:background .18s,transform .18s}button:hover{background:#28373d}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:500}h2{font-size:30px;line-height:1.2}.world{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#071115b0 0%,#08111560 35%,#071115a0 72%,#071115 100%),url('/art/gallery.png') center 58%/cover}.world:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,transparent 20%,#06101485 95%)}.top{height:76px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--gold);font:22px Georgia,serif;letter-spacing:2px}.brand>span{font-size:17px}.brand small{font:8px system-ui;letter-spacing:3px;display:block}.quiet{background:transparent;border-color:transparent;color:#c2c5bd;font-size:13px;padding:10px 12px}.quiet:hover{background:#ffffff0d}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--gold);margin-bottom:6px}.panel{background:linear-gradient(145deg,#14242df5,#0b151bf5);border:1px solid var(--line);box-shadow:0 25px 80px #0007;border-radius:18px}.login{width:min(430px,calc(100% - 36px));margin:clamp(35px,10vh,120px) auto 30px;padding:38px}.login h1{font-size:42px;line-height:1.12;margin:12px 0 20px}.login p{color:var(--muted)}form{margin-top:30px}form>label{display:block;font-size:13px}#code{width:100%;background:#071015;border:1px solid #85928a66;border-radius:9px;color:#f2e5be;font-size:30px;letter-spacing:6px;text-align:center;padding:14px 8px;margin:8px 0 14px}#code::placeholder{color:#6f7776}.remember{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-bottom:22px}.remember input{accent-color:var(--gold);width:18px;height:18px}.gold{background:linear-gradient(120deg,#e3ce94,#c4a361);color:#182021;border:1px solid #eedbaa;font-weight:750;width:100%;min-height:48px}.gold:hover{background:#e9d8a7}.error{color:#ffb1a4!important;font-size:14px;margin-top:12px}.home{max-width:780px;margin:auto;text-align:center;padding:6px 22px 20px}.identity h1{font-size:clamp(24px,3.2vw,36px);line-height:1.1}.balances{display:flex;gap:22px;justify-content:center;margin-top:12px;font-size:12px;color:#c4c3b6}.balances b{color:#f4dc9f;font-size:18px;font-weight:650;margin-right:3px;font-variant-numeric:tabular-nums}.hero{position:relative;isolation:isolate;height:clamp(280px,calc(100svh - 344px),680px);min-height:280px;margin:2px auto 0;width:min(520px,100%);display:flex;justify-content:center;align-items:center}.float{height:92%;position:relative;z-index:1;animation:float 5s ease-in-out infinite;display:flex;justify-content:center}.float img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #0008)}.float img[data-effect="painted-light"]{animation:glow 3.8s ease-in-out infinite;--glow:#f4e7b999}.float img[data-effect="prismatic"]{animation:glow 4.6s ease-in-out infinite;--glow:#84caff99}.halo{position:absolute;inset:12% 10% 1%;z-index:-1;background:radial-gradient(ellipse at 50% 65%,#e5c47a26,transparent 65%)}.platform{position:absolute;bottom:3%;width:65%;height:7%;border:1px solid #e5c87c80;border-radius:50%;box-shadow:0 0 22px #ddbe6d22,inset 0 0 22px #ddbe6d1c;background:#dabb6b09}.outfit{color:#c7c8ba;font-size:12px;letter-spacing:1px;margin:1px 0 15px;min-height:18px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:570px;margin:auto}.actions button{font-size:14px;font-weight:600;min-height:71px;background:linear-gradient(#1b2b32ee,#111c23f5);box-shadow:0 8px 20px #0004}.actions span{display:block;color:var(--gold);font-size:22px;line-height:1.1;margin-bottom:6px}.signout{margin-top:8px;font-size:11px}.sheet{width:min(980px,calc(100% - 28px));max-height:90svh;padding:0;border:1px solid var(--line);border-radius:18px;background:#0e1b22;color:var(--ink);box-shadow:0 25px 100px #000a}.sheet::backdrop,.confirm::backdrop{background:#02070cb5;backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px;gap:20px}.close{width:42px;height:42px;border-radius:50%;padding:0;font-size:26px;flex-shrink:0}.filters{padding:0 24px 20px;display:flex;flex-wrap:wrap;gap:8px}.filters:empty{display:none}.filters button{border-radius:30px;font-size:13px;padding:8px 16px}.filters button[aria-pressed="true"]{background:var(--gold);color:#11212a}.items{padding:0 24px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{background:linear-gradient(145deg,#1b2b31,#101b22);border:1px solid #dec17a28;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:8px;overflow:hidden;text-align:left}.card img{height:195px;width:100%;object-fit:contain;background:radial-gradient(ellipse,#bca66812,transparent 65%)}.card h3{font-size:16px;margin:0;font-weight:600}.tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.card p{color:var(--muted);font-size:12px}.card button{margin-top:auto;font-size:13px;padding:10px 12px}.card button.owned{color:#c3deba}.items .empty{grid-column:1/-1;padding:24px 0;color:var(--muted)}.receipt{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:18px;border:1px solid var(--line);border-radius:10px}.receipt h3{font-size:16px;margin:0}.receipt p{color:var(--muted);font-size:12px}.receipt .amount{color:var(--gold)}.confirm{color:var(--ink);position:relative;width:min(420px,calc(100% - 28px));max-height:94svh;text-align:center;padding:30px;overflow:auto}.confirm>.close{position:absolute;right:12px;top:12px}.confirm h2{font-size:26px;margin:16px 0}.confirm .preview{height:clamp(150px,32svh,310px);max-width:100%;object-fit:contain}.confirm p{font-size:14px;color:var(--muted)}.confirm .price{font-size:20px;color:var(--gold);margin:18px 0}.confirm .quiet{margin-top:8px}.notice{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:calc(100% - 30px);background:#f0dfae;color:#14222a;border-radius:10px;box-shadow:0 8px 25px #0008;padding:13px 22px;font-size:14px;text-align:center}dialog .notice{position:static}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 5px var(--glow))}50%{filter:drop-shadow(0 0 13px var(--glow))}}@media(max-width:540px){.top{height:64px;padding:10px 18px}.home{padding:4px 14px 14px}.hero{height:clamp(300px,calc(100svh - 313px),630px)}.actions{gap:7px}.actions button{font-size:12px;padding:10px 5px}.login{padding:29px}.sheet-head{padding:20px 16px 16px}.items{padding:0 14px 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters{padding:0 16px 16px}.card{padding:12px}.card img{height:175px}.card h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
