@layer base{:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{background-color:rgba(0,0,0,.05);border-radius:6px;border:1px solid rgba(0,0,0,.1);font-family:var(--font-source-code-pro),monospace;font-size:.875rem;padding:.25rem .5rem calc(.25rem + 2px)}@media (prefers-color-scheme:dark){code{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;overflow:hidden;width:24px;height:24px}.globalTexture{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 62% 12%,rgba(10,71,255,.08),transparent 65%),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 6px);opacity:.55;mix-blend-mode:multiply;z-index:0}}:root{--bg:#ffffff;--text:#0a0b0d;--muted:#5b616e;--line:#eef0f3;--blue:#0000ff;--card:#ffffff;--error:#ff3b30;--success:#00d54b;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:clamp(32px,4vw,48px);--font-size-hero:clamp(36px,5vw,64px);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:900;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 26px 80px rgba(0,0,0,0.1);--shadow-blue:0 14px 34px rgba(10,71,255,0.22)}*{box-sizing:border-box}body,html{height:100%;max-width:100vw;overflow-x:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-title{font-size:var(--font-size-hero);line-height:.94;letter-spacing:-.03em}.hero-title,.page-title{margin:0;font-weight:var(--font-weight-extrabold);text-align:center}.page-title{font-size:var(--font-size-3xl);line-height:1.1;letter-spacing:-.02em}.page-subtitle{margin:var(--spacing-md) auto 0;max-width:75ch;color:var(--muted);font-size:var(--font-size-base);line-height:1.5;text-align:center;font-weight:var(--font-weight-normal)}.tag{font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;color:rgba(10,10,10,.55);margin-bottom:var(--spacing-md);text-align:center;font-weight:var(--font-weight-semibold)}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.card-title,.section-title{font-weight:var(--font-weight-bold);color:var(--text)}.card-title{font-size:var(--font-size-md);margin:0}.text-base{font-size:var(--font-size-base);line-height:1.5;color:var(--text)}.text-sm{font-size:var(--font-size-sm);line-height:1.4}.text-sm,.text-xs{color:var(--muted)}.text-xs{font-size:var(--font-size-xs);line-height:1.3}.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl) var(--spacing-lg) calc(100px + env(safe-area-inset-bottom))}.hero{width:min(980px,100%);margin-bottom:var(--spacing-lg)}.panel{width:min(800px,96vw);margin:var(--spacing-4xl) auto 0;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--card);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.emptyState,.errorState,.loadingState{padding:60px var(--spacing-xl);text-align:center}.spinner{width:44px;height:44px;border-radius:var(--radius-full);border:3px solid rgba(10,10,10,.12);border-top-color:rgba(0,0,255,.85);animation:spin .9s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{to{transform:rotate(1turn)}}.loadingText{color:rgba(10,10,10,.65);font-weight:var(--font-weight-semibold)}.errorState p,.loadingText{font-size:var(--font-size-base)}.errorState p{color:var(--error)}.emptyState p{color:var(--muted)}.btn,.emptyState p{font-size:var(--font-size-base)}.btn{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-bold);cursor:pointer;letter-spacing:-.01em;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px rgba(10,71,255,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#fff;color:var(--text);border:1px solid rgba(10,10,10,.14);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:rgba(0,0,255,.05);border-color:var(--blue);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px rgba(0,213,75,.3)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,213,75,.4)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{padding:8px 14px;font-size:12px;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold)}.btn-md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-link{background:transparent;color:var(--blue);border:none;box-shadow:none;padding:var(--spacing-sm) var(--spacing-md)}.btn-link:hover{background:rgba(0,0,255,.05);transform:none}a.btn{text-decoration:none;display:inline-flex}.btn .material-symbols-outlined{font-size:18px;line-height:1;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.btn-sm .material-symbols-outlined{font-size:16px;width:16px;height:16px}.btn-lg .material-symbols-outlined{font-size:20px;width:20px;height:20px}.modalActions{display:flex;gap:var(--spacing-md);width:100%}.modalActions .btn{flex:1 1}.walletButtonContainer{display:flex;align-items:center;gap:var(--spacing-md)}.walletAddressText{font-size:var(--font-size-sm);color:rgba(10,10,10,.65);font-family:monospace;font-weight:var(--font-weight-medium)}.buySpinsCard{padding:var(--spacing-lg);background:#f8f9fa;border-radius:var(--radius-md);border:1px solid #e0e0e0;margin-top:var(--spacing-lg)}.buySpinsHeader{margin-bottom:var(--spacing-md)}.buySpinsTitle{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text)}.buySpinsDescription{margin:0;font-size:var(--font-size-base);color:var(--muted)}.buySpinsError{background:#fee;color:#c33}.buySpinsError,.buySpinsSuccess{padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.buySpinsSuccess{background:#efe;color:#3c3}.buySpinsActions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.buySpinsLink{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--muted)}.buySpinsLinkAnchor{color:var(--blue);text-decoration:none}.buySpinsLinkAnchor:hover{text-decoration:underline}.buySpinsWarning{padding:var(--spacing-md);background:#fff3cd;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:#856404}.btn-disabled{opacity:.6;cursor:not-allowed!important;transform:none!important}.buySpinsErrorCompact,.buySpinsSuccessCompact{position:absolute;bottom:calc(100% + var(--spacing-xs));left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;white-space:nowrap;z-index:10;box-shadow:var(--shadow-md);pointer-events:none}.buySpinsErrorCompact{background:#fee;color:#c33}.buySpinsSuccessCompact{background:#efe;color:#3c3}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-label{font-size:var(--font-size-sm);color:var(--muted);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.wrap{padding:var(--spacing-sm) var(--spacing-md) calc(90px + env(safe-area-inset-bottom))}.panel{width:100%;margin:var(--spacing-sm) auto 0;border-radius:var(--radius-xl)}.page-title{font-size:clamp(28px,6vw,40px)}.hero-title{font-size:clamp(32px,7vw,56px)}.section-title{font-size:var(--font-size-md)}}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--text:#ededed;--muted:#8b8b8b;--line:rgba(255,255,255,0.1);--card:#1a1a1a}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:rgba(0,0,255,.1);border-color:var(--blue)}.walletAddressText{color:rgba(237,237,237,.65)}.buySpinsCard{background:var(--card);border-color:var(--line)}.buySpinsError{background:rgba(255,59,48,.15);color:#ff6b6b}.buySpinsSuccess{background:rgba(0,213,75,.15);color:#4ade80}.buySpinsWarning{background:rgba(255,243,205,.1);color:#fbbf24}}