:root,[data-theme=light]{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--font-body:14px;--font-body-desktop:12px;--touch-min:48px;--bottom-nav:64px;--bg-0:#FAFAF9;--bg-1:#FFFFFF;--bg-2:#F4F4F2;--bg-3:#EEEEEC;--warm-bg:#F5F0E8;--border:#E4E4E0;--border-strong:#C9C9C5;--text-1:#18181B;--text-2:#52525A;--text-3:#9B9BA0;--accent:#5840F0;--accent-hover:#4A33D6;--accent-soft:rgba(88,64,240,0.12);--success:#1A7F37;--danger:#C7211F;--warning:#9A6700;--gold:#C9A76A;--gold-deep:#A87D4A;--gold-soft:rgba(201,167,106,0.12);--x-red:#E94C4C;--x-red-soft:rgba(233,76,76,0.12);--green:#22c55e;--green-soft:rgba(34,197,94,0.12);--pattern:radial-gradient(circle at 1px 1px,rgba(0,0,0,0.04) 1px,transparent 0);--pattern-size:24px 24px;--noise-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.02 0'/></filter><rect width='200' height='200' filter='url(%23noise)'/></svg>");--theme-label:"Light";--max-width:1200px;color-scheme:light}[data-theme=dark]{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--font-body:14px;--font-body-desktop:12px;--touch-min:48px;--bottom-nav:64px;--bg-0:#0A0A0B;--bg-1:#141416;--bg-2:#1F1F23;--bg-3:#2A2A2E;--warm-bg:#1a1410;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text-1:#FAFAF9;--text-2:#B4B4B8;--text-3:#6E6E76;--accent:#7C5CFF;--accent-hover:#8E72FF;--accent-soft:rgba(124,92,255,0.12);--success:#3FB950;--danger:#F85149;--warning:#D29922;--gold:#C9A76A;--gold-deep:#A87D4A;--gold-soft:rgba(201,167,106,0.12);--x-red:#E94C4C;--x-red-soft:rgba(233,76,76,0.12);--green:#22c55e;--green-soft:rgba(34,197,94,0.12);--pattern:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.025) 1px,transparent 0);--pattern-size:24px 24px;--noise-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.03 0'/></filter><rect width='200' height='200' filter='url(%23noise)'/></svg>");--theme-label:"Dark";--max-width:1200px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-1);background-color:var(--bg-0);background-image:var(--noise-bg),var(--pattern);background-size:200px 200px,var(--pattern-size);background-repeat:repeat,repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease,background-image .18s ease}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}a{color:var(--accent);transition:color .12s}a,a:hover{text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-weight:500}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6,input,select,textarea{color:var(--text-1)}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0 0 12px;letter-spacing:-.01em}h1{font-size:32px;line-height:1.2}h2{font-size:20px;line-height:1.25}h3{font-size:16px;line-height:1.3}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:1024px){.container{padding:0 24px}}@media (min-width:1280px){.container{max-width:1400px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:36px;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-1);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-2);border-color:var(--border-strong)}.input{background:var(--bg-1);border:1px solid var(--border);color:var(--text-1);border-radius:6px;padding:8px 12px;font-size:13px;width:100%;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}@media (max-width:1023px){.x-bottom-tab,.x-mobile-top{display:flex}.x-desktop-header{display:none}}@media (min-width:1024px){.x-bottom-tab,.x-mobile-top{display:none!important}}hr{border:none;border-top:1px solid var(--border);margin:16px 0}::selection{background:var(--accent-soft);color:var(--text-1)}:root{--sp-bg:#1a1410;--sp-bg-deep:#0f0a07;--sp-gold:#c9a76a;--sp-deep-copper:#a87d4a;--sp-cream:#d4c5a0;--sp-dim:#8a7e6a;--sp-dark-copper:#5a4a35;--sp-red:#e94c4c}.sp-bg{background:linear-gradient(135deg,var(--sp-bg) 0,var(--sp-bg-deep) 100%);position:relative;min-height:100vh;overflow:hidden}.sp-bg:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(201,167,106,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,125,74,.04) 0,transparent 50%);pointer-events:none;z-index:0}.sp-content{position:relative;z-index:1}.sp-card{background:var(--sp-cream);border:3px solid var(--sp-gold);border-radius:4px;box-shadow:inset 0 0 12px rgba(168,125,74,.25),0 12px 32px rgba(0,0,0,.6);position:relative;padding:20px;font-family:Times New Roman,Songti SC,serif;color:var(--sp-bg-deep)}.sp-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,167,106,.5);pointer-events:none}.sp-card-front{background:linear-gradient(180deg,#f4efe5,#e8dcc0);border:3px solid var(--sp-gold);border-radius:4px;box-shadow:inset 0 0 12px rgba(168,125,74,.25),0 12px 32px rgba(0,0,0,.6);font-family:Times New Roman,Songti SC,serif;color:var(--sp-bg-deep);max-width:360px;margin:0 auto}.sp-card-back,.sp-card-front{padding:24px;position:relative}.sp-card-back{background:repeating-linear-gradient(45deg,var(--sp-bg),var(--sp-bg) 10px,var(--sp-bg-deep) 10px,var(--sp-bg-deep) 20px);border:3px solid var(--sp-deep-copper);border-radius:4px;font-family:Times New Roman,serif;color:var(--sp-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px}.sp-spinning-card{width:240px;height:360px;perspective:1200px;margin:0 auto}.sp-spinning-card-inner{position:relative;width:100%;height:100%;animation:sp-spin 4s cubic-bezier(.25,.8,.25,1) forwards;transform-style:preserve-3d}@keyframes sp-spin{0%{transform:rotateY(0deg) scale(1)}30%{transform:rotateY(540deg) scale(.85)}60%{transform:rotateY(900deg) scale(.7)}to{transform:rotateY(4turn) scale(1)}}.sp-compass{width:48px;height:48px;border-radius:50%;border:2px solid var(--sp-gold);background:radial-gradient(circle,var(--sp-bg-deep),var(--sp-bg));position:relative;animation:sp-compass-spin 8s linear infinite;display:inline-block}.sp-compass:after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:2px;height:16px;background:var(--sp-gold);box-shadow:0 0 6px var(--sp-gold)}@keyframes sp-compass-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sp-title{color:var(--sp-cream);letter-spacing:.15em;font-size:18px;font-weight:600;text-shadow:0 0 8px rgba(201,167,106,.5)}.sp-h1,.sp-title{font-family:Times New Roman,Songti SC,serif;text-transform:uppercase}.sp-h1{color:var(--sp-gold);font-size:28px;font-weight:700;letter-spacing:.2em;text-align:center;text-shadow:0 0 16px rgba(201,167,106,.6);margin:0}.sp-subtitle{font-family:Times New Roman,Songti SC,serif;color:var(--sp-dim);letter-spacing:.1em;font-size:13px;text-align:center;margin-top:4px}.sp-rare-badge{background:var(--sp-red);color:white;box-shadow:0 0 12px rgba(233,76,76,.6)}.sp-legendary-badge,.sp-rare-badge{font-family:Times New Roman,serif;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase;font-size:11px;display:inline-block;font-weight:700}.sp-legendary-badge{background:var(--sp-gold);color:var(--sp-bg-deep);box-shadow:0 0 12px rgba(201,167,106,.6)}.sp-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(168,125,74,.4);font-family:Times New Roman,serif}.sp-stat:last-child{border-bottom:none}.sp-stat-label{color:var(--sp-dim);font-size:12px;letter-spacing:.05em}.sp-btn-primary,.sp-stat-value{color:var(--sp-bg-deep);font-size:14px;font-weight:700}.sp-btn-primary{background:linear-gradient(135deg,var(--sp-gold) 0,var(--sp-deep-copper) 100%);border:1px solid var(--sp-dark-copper);font-family:Times New Roman,Songti SC,serif;letter-spacing:.1em;text-transform:uppercase;padding:12px 24px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s;width:100%}.sp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(201,167,106,.4)}.sp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sp-btn-ghost{background:transparent;color:var(--sp-cream);border:1px solid var(--sp-deep-copper);font-family:Times New Roman,serif;font-size:13px;letter-spacing:.05em;padding:10px 20px;cursor:pointer}.sp-btn-ghost:hover{background:rgba(201,167,106,.1)}.sp-divider{border-top:1px dashed var(--sp-deep-copper);margin:16px 0}.sp-overlay{position:fixed;inset:0;background:rgba(15,10,7,.92);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.sp-pending-badge{background:var(--sp-deep-copper);color:var(--sp-cream);font-family:Times New Roman,serif;font-size:11px;letter-spacing:.1em;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}@keyframes sp-rotate-sixstar{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.sp-sixstar{display:inline-block;animation:sp-rotate-sixstar 4s ease-in-out infinite}.sp-searching-text{font-family:Times New Roman,serif;color:var(--sp-gold);letter-spacing:.3em;font-size:14px;animation:sp-pulse 1.2s ease-in-out infinite}@keyframes sp-pulse{0%,to{opacity:.6}50%{opacity:1}}