:root{color-scheme:dark;font-family:Arial,sans-serif;background:#030d18;color:#eef6ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#12395a,transparent 65%)}header,footer{padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #29465e;font-size:12px;letter-spacing:2px}a{color:#7ddcff}main{max-width:1300px;margin:auto;padding:24px}.hero{text-align:center;padding:30px 0 50px}.eyebrow{color:#79dcff;letter-spacing:4px}h1{font-size:clamp(38px,7vw,80px);margin:10px 0}h1 em{color:#62d4ff;text-shadow:0 0 30px #1f9fff}.hero p{line-height:1.6}.pack{height:290px;display:block;margin:26px auto;filter:drop-shadow(0 12px 25px #008aff55)}button,#login{display:inline-block;background:#7de0ff;color:#031320;border:0;border-radius:6px;padding:16px 25px;font:700 16px Arial;cursor:pointer;min-height:48px}button:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}small{color:#b0c8dc;display:block;margin-top:18px;line-height:1.7}section{margin-bottom:48px}h2{font-size:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:22px;margin-top:22px}.card{min-width:0;background:#0b2032;padding:10px;border:1px solid #43627b;border-radius:8px}.art{width:100%;aspect-ratio:var(--w)/var(--h);background-image:var(--image);background-size:var(--size);background-position:var(--pos);background-repeat:no-repeat}.card h3{font-size:16px;margin-bottom:8px}.card p{color:#d7e5f1;font-size:14px;line-height:1.5}.card[data-tier="Rare"]{border-color:#23b8ff}.card[data-tier="Ultra Rare"]{border-color:#d557ff}.card[data-tier="1/1"]{border-color:#ffca45}select,input{padding:12px;margin:0 8px;background:#102b40;color:white;border:1px solid #7292ab;font-size:16px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffda67;outline-offset:5px}.table{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{padding:12px;border-bottom:1px solid #38536b}td{overflow-wrap:anywhere}#message{min-height:26px;color:#ffe094}.opening{animation:shake .7s ease-in-out}@keyframes shake{25%{transform:rotate(-6deg) scale(1.05)}75%{transform:rotate(6deg) scale(1.05)}}@media(max-width:600px){header span{display:none}main{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:7px}.card h3{font-size:14px}input{display:block;max-width:90%;margin:12px 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}