.slab-container{position:relative;width:100%;height:100%}.slab-frame{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 30px rgba(0,0,0,.6))}.slab-card-art{position:absolute;z-index:1;object-fit:contain;top:29.9%;left:15.6%;width:67.7%;border-radius:3px}.slab-shine{position:absolute;z-index:10;pointer-events:none;top:28.15%;left:14.375%;width:71.25%;height:63.8%;border-radius:3px;background:linear-gradient(125deg,transparent 0%,transparent 30%,rgba(255,255,255,.6) 38%,rgba(255,200,100,.5) 42%,rgba(100,255,200,.5) 48%,rgba(100,200,255,.5) 52%,rgba(255,100,200,.4) 58%,transparent 65%,transparent 100%);background-size:400% 400%;animation:slab-shine-move 3s ease-in-out infinite}@keyframes slab-shine-move{0%{background-position:100% 100%}50%{background-position:0% 0%}to{background-position:100% 100%}}.slab-container[data-grader=cgc] .slab-card-art{top:29.25%;width:68.4%;left:15.8%}.slab-container[data-grader=cgc] .slab-shine{top:27.5%;width:72%;left:14%;height:64.5%}.slab-container[data-grader=bgs] .slab-card-art{top:29.75%;width:68.9%;left:15.55%}.slab-container[data-grader=bgs] .slab-shine{top:28%;width:72.5%;left:13.75%;height:64%}:root{--bg: #0a0a0c;--bg-elevated: #101014;--surface: #141418;--surface-hover: #1a1a1f;--border: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .03);--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--accent: #ff4444;--accent-hover: #ff5555;--accent-dim: rgba(255, 68, 68, .12);--accent-border: rgba(255, 68, 68, .25);--accent-gold: #ffd700;--accent-gold-dim: rgba(255, 215, 0, .1);--accent-gold-border: rgba(255, 215, 0, .2);--success: #34d399;--success-dim: rgba(52, 211, 153, .1);--error: #f87171;--error-dim: rgba(248, 113, 113, .1);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .1);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .1);--font: "Epilogue", sans-serif;--font-mono: "Sometype Mono", monospace;--font-display: "BBH Bartle", serif;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3Etext { font-family: monospace; fill: %23ffffff; opacity: 0.02; font-weight: bold; user-select: none; }%3C/style%3E%3Ctext x='50' y='80' font-size='120' transform='rotate(15 50,80)'%3E?%3C/text%3E%3Ctext x='300' y='150' font-size='80' transform='rotate(-20 300,150)'%3E?%3C/text%3E%3Ctext x='150' y='300' font-size='160' transform='rotate(10 150,300)'%3E?%3C/text%3E%3Ctext x='350' y='350' font-size='60' transform='rotate(30 350,350)'%3E?%3C/text%3E%3Ctext x='100' y='200' font-size='40' opacity='0.04' transform='rotate(-45 100,200)'%3E?%3C/text%3E%3Ctext x='250' y='50' font-size='90' transform='rotate(5 250,50)'%3E?%3C/text%3E%3Ctext x='20' y='380' font-size='70' transform='rotate(-15 20,380)'%3E?%3C/text%3E%3C/svg%3E");color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit}input{font-family:var(--font);border:none;outline:none;background:none;color:var(--text)}select{font-family:var(--font);outline:none}select option{background:var(--bg-elevated);color:var(--text)}code{background:#ffffff0d;padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:var(--font-mono)}::selection{background:#ff44444d;color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes clawDrop{0%{transform:translateY(-20px);opacity:0}60%{transform:translateY(4px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes clawBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}30%{transform:translate(1%,-1%)}50%{transform:translate(-1%,2%)}70%{transform:translate(3%,1%)}90%{transform:translate(2%,-1%)}}.animate-in{animation:fadeIn .4s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.2rem;font-family:var(--font-mono);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s}.cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.cyber-btn:hover:before{left:100%}.cyber-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.cyber-btn--accent{background:var(--accent);color:#fff;box-shadow:0 0 20px #ff44444d,0 0 40px #ff44441a}.cyber-btn--accent:hover{background:var(--text);color:var(--bg);box-shadow:none}.cyber-btn--gold{background:#ffd7001f;color:var(--accent-gold);border:1px solid rgba(255,215,0,.3)}.cyber-btn--gold:hover{background:var(--accent-gold);color:#000;box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70026}@media (max-width: 768px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}}