:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-color:#000;--text-color:#fff;--card-white-bg:#fff;--card-white-text:#000;--nav-bg:#000;--border-ui:#222;--accent-toggle:#fff}body{background-color:var(--bg-color);color:var(--text-color);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{box-sizing:border-box;background:#000;flex-direction:column;height:100dvh;display:flex}.app-header{border-bottom:2px solid var(--border-ui);background:#000;justify-content:space-between;align-items:center;padding:32px 24px 20px;display:flex}.header-brand h1{letter-spacing:-.8px;color:#fff;margin:0;font-size:26px;font-weight:900;line-height:1.05}.content-area{-webkit-overflow-scrolling:touch;flex:1;padding:24px 24px 100px;overflow-y:auto}.tab-wrapper{width:100%;height:100%}.tagline{letter-spacing:-.8px;margin-top:10px;margin-bottom:40px;font-size:32px;font-weight:700;line-height:1.15}.section-title{letter-spacing:-.6px;margin:0;font-size:24px;font-weight:800}.subtitle{color:#666;margin:6px 0 24px;font-size:14px;line-height:1.4}.board-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.deck-badge{color:#888;border:1px solid var(--border-ui);letter-spacing:.2px;background:#111;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:800}.card-display{gap:16px;margin-bottom:44px;display:flex}.cah-card{aspect-ratio:1/1.4;box-sizing:border-box;letter-spacing:-.2px;will-change:transform;backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:space-between;padding:18px;font-size:16px;font-weight:700;line-height:1.35;display:flex;transform:translateZ(0)}.card-black{color:#fff;background-color:#000;border:2px solid #fff;box-shadow:0 4px 12px #ffffff0d}.card-white{background-color:var(--card-white-bg);color:var(--card-white-text);border:2px solid #fff;box-shadow:0 8px 24px #00000080}.card-branding{text-transform:uppercase;letter-spacing:.5px;opacity:.35;font-size:9px;font-weight:800}.btn-primary{color:#000;cursor:pointer;letter-spacing:-.2px;background:#fff;border:2px solid #fff;border-radius:14px;width:100%;padding:18px;font-size:16px;font-weight:800;transition:background .15s,color .15s}.btn-primary:active{color:#fff;background:#000}.placeholder-list,.settings-list{flex-direction:column;gap:12px;display:flex}.list-item,.setting-row{border:1px solid var(--border-ui);background:#0a0a0a;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;font-size:15px;font-weight:600;display:flex}.toggle{background:#222;border-radius:20px;width:48px;height:26px;transition:background .2s cubic-bezier(.16,1,.3,1);position:relative}.toggle:after{content:"";background:#555;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s;position:absolute;top:3px;left:3px}.toggle.active{background:var(--accent-toggle)}.toggle.active:after{background:#000;transform:translate(22px)}.store-item{border:1px solid var(--border-ui);background:#0a0a0a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:22px 20px;display:flex}.store-item-info h3{letter-spacing:-.3px;margin:0 0 6px;font-size:17px;font-weight:800}.store-item-info p{color:#666;max-width:85%;margin:0;font-size:13px;line-height:1.4}.bottom-nav{background:var(--nav-bg);border-top:2px solid var(--border-ui);width:100%;height:80px;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0}.nav-item{color:#444;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;width:20%;transition:color .15s;display:flex}.nav-item.active{color:#fff}.nav-item span{letter-spacing:.2px;margin-top:6px;font-size:10px;font-weight:700}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-track{background:#000}.content-area::-webkit-scrollbar-thumb{background:var(--border-ui);border-radius:2px}.winner-overlay{z-index:500;box-sizing:border-box;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.winner-text{color:#fff;letter-spacing:-2px;text-shadow:0 0 40px #ffffff4d;margin:0;font-size:56px;font-weight:900;line-height:.95}.loser-text{color:#666;letter-spacing:-1px;margin:0;font-size:42px;font-weight:900;line-height:1}@media (width<=380px){.winner-text{font-size:42px}.tagline{font-size:26px}.cah-card{padding:14px;font-size:14px}.app-header{padding:24px 20px 16px}}