:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--text-main: #10243e;--surface: rgba(255, 255, 255, .82);--border: rgba(16, 36, 62, .12);--shadow: 0 18px 45px rgba(16, 36, 62, .08);--primary: #f05a28;--primary-dark: #c74417;--secondary: #0f766e;--text-soft: #5b6b82;--success: #0d8b54;--danger: #b42318;--page-background: radial-gradient(circle at top, rgba(255, 214, 102, .35), transparent 30%), linear-gradient(180deg, #fffdf7 0%, #eef4fb 100%);--topbar-bg: rgba(255, 253, 247, .9);--nav-active-bg: rgba(15, 118, 110, .1);--credits-bg: rgba(255, 209, 102, .24);--button-muted-bg: rgba(16, 36, 62, .06);--button-muted-color: #10243e;--surface-soft: rgba(255, 255, 255, .58);--surface-soft-border: rgba(16, 36, 62, .08);--surface-soft-strong: rgba(255, 255, 255, .76);--surface-list: rgba(255, 255, 255, .6);--panel-subtle: rgba(16, 36, 62, .04);--panel-subtle-strong: rgba(16, 36, 62, .05);--input-bg: rgba(255, 255, 255, .94);--tab-bg: rgba(16, 36, 62, .06);--tab-active-bg: rgba(240, 90, 40, .14);--error-bg: rgba(180, 35, 24, .08);--mobile-nav-bg: rgba(255, 253, 247, .92);--mobile-nav-border: rgba(16, 36, 62, .08);--mobile-nav-shadow: 0 16px 40px rgba(16, 36, 62, .16);--ticket-flash-bg: linear-gradient(180deg, rgba(255, 225, 176, .9), rgba(255, 255, 255, .9));--ticket-fortune-bg: linear-gradient(180deg, rgba(204, 240, 223, .9), rgba(255, 255, 255, .9));--ticket-jackpot-bg: linear-gradient(180deg, rgba(255, 210, 210, .9), rgba(255, 255, 255, .9));--ticket-mystere-bg: linear-gradient(180deg, rgba(220, 221, 255, .9), rgba(255, 255, 255, .9));--ticket-lucky-bg: linear-gradient(180deg, rgba(223, 255, 231, .9), rgba(255, 255, 255, .9));--scratch-shell-bg: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .82), transparent 26%), linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(235, 240, 247, .96));--scratch-shell-shadow: inset 0 2px 0 rgba(255, 255, 255, .75), inset 0 -8px 18px rgba(159, 170, 188, .18);--coin-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='13' fill='%23ffd166' stroke='%23bc7c09' stroke-width='2'/%3E%3Ccircle cx='17' cy='17' r='9' fill='none' stroke='%23fff2ba' stroke-width='2'/%3E%3Cpath d='M13 17h8M17 13v8' stroke='%23855b00' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 17 17, auto}:root[data-theme=dark]{color-scheme:dark;--text-main: #e9f1ff;--surface: rgba(15, 23, 42, .82);--border: rgba(148, 163, 184, .18);--shadow: 0 18px 45px rgba(2, 6, 23, .42);--text-soft: #9fb0c9;--page-background: radial-gradient(circle at top, rgba(240, 90, 40, .16), transparent 24%), linear-gradient(180deg, #07111f 0%, #0b1728 100%);--topbar-bg: rgba(7, 17, 31, .9);--nav-active-bg: rgba(94, 234, 212, .12);--credits-bg: rgba(240, 180, 41, .18);--button-muted-bg: rgba(148, 163, 184, .12);--button-muted-color: #e9f1ff;--surface-soft: rgba(15, 23, 42, .62);--surface-soft-border: rgba(148, 163, 184, .16);--surface-soft-strong: rgba(30, 41, 59, .82);--surface-list: rgba(15, 23, 42, .72);--panel-subtle: rgba(148, 163, 184, .08);--panel-subtle-strong: rgba(148, 163, 184, .1);--input-bg: rgba(15, 23, 42, .92);--tab-bg: rgba(148, 163, 184, .12);--tab-active-bg: rgba(240, 90, 40, .18);--error-bg: rgba(180, 35, 24, .16);--mobile-nav-bg: rgba(7, 17, 31, .94);--mobile-nav-border: rgba(148, 163, 184, .14);--mobile-nav-shadow: 0 16px 40px rgba(2, 6, 23, .45);--mobile-nav-icon-filter: brightness(0) invert(1);--ticket-flash-bg: linear-gradient(180deg, rgba(109, 76, 18, .82), rgba(15, 23, 42, .86));--ticket-fortune-bg: linear-gradient(180deg, rgba(11, 93, 76, .82), rgba(15, 23, 42, .86));--ticket-jackpot-bg: linear-gradient(180deg, rgba(122, 44, 56, .82), rgba(15, 23, 42, .86));--ticket-mystere-bg: linear-gradient(180deg, rgba(62, 55, 128, .82), rgba(15, 23, 42, .86));--ticket-lucky-bg: linear-gradient(180deg, rgba(29, 94, 61, .82), rgba(15, 23, 42, .86));--scratch-shell-bg: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .12), transparent 26%), linear-gradient(180deg, rgba(71, 85, 105, .96), rgba(30, 41, 59, .96));--scratch-shell-shadow: inset 0 2px 0 rgba(255, 255, 255, .08), inset 0 -8px 18px rgba(2, 6, 23, .36)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;color:var(--text-main);background:var(--page-background)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.page-wrap{max-width:1180px;margin:0 auto;padding:32px 20px 56px}.mobile-nav{display:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--topbar-bg);border-bottom:1px solid var(--border)}.brand,.topbar-nav,.topbar-actions,.hero-actions,.scratch-heading,.ticket-card-top,.filter-bar{display:flex;align-items:center;gap:12px}.hero-actions{flex-wrap:wrap}.brand{gap:14px}.brand p,.brand strong{margin:0}.brand strong{font-size:1.05rem}.brand p,.hero-copy p,.auth-intro p,.section-heading p,.scratch-sidebar p,.dashboard-hero p,.ticket-description,.empty-state,.history-values small{color:var(--text-soft)}.brand-logo{width:124px;height:auto;display:block;object-fit:contain}.nav-link{padding:10px 14px;border-radius:999px;color:var(--text-soft)}.nav-link.router-link-active{background:var(--nav-active-bg);color:var(--secondary)}.credits-pill,.price-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 14px;font-weight:600}.credits-pill{background:var(--credits-bg)}.button{border:0;border-radius:14px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7;transform:none}.button-primary{background:linear-gradient(135deg,var(--primary),#ff8c42);color:#fff}.button-muted{background:var(--button-muted-bg);color:var(--button-muted-color)}.hero,.auth-layout,.scratch-layout,.dashboard-hero{display:grid;gap:24px}.hero,.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.hero-copy h1,.auth-intro h1,.section-heading h1,.section-heading h2,.scratch-sidebar h1,.dashboard-hero h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.section-heading h1,.section-heading h2,.scratch-sidebar h1{font-size:clamp(1.8rem,3vw,2.8rem)}.hero-card,.feature-card,.auth-card,.quick-card,.ticket-card,.scratch-panel,.placeholder-panel,.history-item,.stat-highlight{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero-card,.auth-card,.scratch-panel,.placeholder-panel,.stat-highlight{padding:24px}.hero-steps{margin:18px 0 0;padding-left:18px}.install-note{margin-top:14px;color:var(--text-soft)}.install-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0a12207a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.install-popup{width:min(100%,460px);padding:24px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.install-popup h3{margin:10px 0 12px;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.1}.install-popup-text{margin:0;color:var(--text-soft)}.install-popup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--secondary);font-weight:700}.section-block{margin-top:28px}.section-heading{margin-bottom:20px}.feature-grid,.ticket-grid,.quick-grid,.history-list{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ticket-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ticket-grid.compact,.quick-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card,.quick-card{padding:20px}.ticket-card{padding:20px;display:flex;flex-direction:column;gap:16px}.ticket-card h3,.history-item h3{margin:0}.ticket-rule-box{padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--surface-soft-border)}.ticket-rule-text,.rule-note{margin:8px 0 0}.rule-note{color:var(--text-soft)}.symbol-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.symbol-token{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--surface-soft-strong);border:1px solid var(--surface-soft-border);box-shadow:inset 0 1px #ffffff2e}.symbol-small{width:38px;height:38px;font-size:1.05rem}.symbol-medium{width:52px;height:52px;font-size:1.4rem}.symbol-large{width:62px;height:62px;font-size:1.8rem}.symbol-seven{color:#c74417;font-weight:800}.ticket-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ticket-stats div{padding:12px;border-radius:16px;background:var(--panel-subtle)}.ticket-stats dt{color:var(--text-soft);font-size:.85rem}.ticket-stats dd{margin:6px 0 0;font-weight:700}.reward-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.reward-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-list)}.ticket-flash{background:var(--ticket-flash-bg)}.ticket-fortune{background:var(--ticket-fortune-bg)}.ticket-jackpot{background:var(--ticket-jackpot-bg)}.ticket-mystere{background:var(--ticket-mystere-bg)}.ticket-lucky{background:var(--ticket-lucky-bg)}.form-grid{display:grid;gap:16px}.form-grid label,.filter-bar label{display:grid;gap:8px;font-weight:600}.form-grid input,.filter-bar select{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--input-bg);color:var(--text-main)}.auth-tabs{display:flex;gap:10px;margin-bottom:18px}.tab-button{flex:1;padding:12px;border-radius:14px;border:0;background:var(--tab-bg);color:var(--text-main);cursor:pointer}.tab-button.active{background:var(--tab-active-bg);color:var(--primary-dark);font-weight:700}.form-error{color:var(--danger);background:var(--error-bg);padding:12px 14px;border-radius:14px}.stat-highlight{min-width:260px;text-align:left;align-self:start}.stat-highlight strong{display:block;margin-top:8px;font-size:2rem}.stat-label{display:block}.stat-subtitle{margin:10px 0 0;color:var(--text-soft)}.stat-meta{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-meta div{padding:12px;border-radius:16px;background:var(--panel-subtle-strong)}.stat-meta small{display:block;color:var(--text-soft)}.stat-meta b{display:block;margin-top:4px;font-size:.95rem}.dashboard-quick-grid{margin-top:18px}.scratch-layout{grid-template-columns:320px 1fr;align-items:start}.scratch-sidebar{position:sticky;top:100px}.scratch-heading{justify-content:space-between;margin-bottom:18px}.reveal-grid{display:grid;gap:12px}.scratch-cell-shell{position:relative;min-height:128px;border-radius:20px;border:1px solid var(--border);background:var(--scratch-shell-bg);box-shadow:var(--scratch-shell-shadow);overflow:hidden}.scratch-cell-shell.win.revealed{background:linear-gradient(180deg,#0d8b541f,#0d8b543d);border-color:#0d8b5440}.scratch-cell-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:10px;opacity:0;transform:scale(.92);transition:opacity .2s ease,transform .2s ease;padding:12px}.scratch-cell-content.visible{opacity:1;transform:scale(1)}.scratch-cell-caption{font-size:1rem}.scratch-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;cursor:var(--coin-cursor);touch-action:none}.scratch-particle{position:absolute;z-index:3;border-radius:3px;background:linear-gradient(180deg,#f7f9fc,#c8d0dc);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #ffffffa6,0 3px 6px #5a68802e;pointer-events:none;transform:translate(-50%,-50%);animation:scratch-fall var(--particle-duration) ease-in forwards}.scratch-particle.particle-dark{background:linear-gradient(180deg,#d0d6e0,#a8b2c2)}@keyframes scratch-fall{0%{opacity:.95;transform:translate(-50%,-50%) rotate(0)}30%{opacity:.9;transform:translate(calc(-50% + (var(--particle-drift) * .35)),calc(-50% + 14px)) rotate(calc(var(--particle-rotation) * .35))}to{opacity:0;transform:translate(calc(-50% + var(--particle-drift)),calc(-50% + var(--particle-drop))) rotate(var(--particle-rotation))}}.result-banner{margin-top:18px;padding:18px;border-radius:18px;background:var(--panel-subtle-strong)}.result-banner.win{background:#0d8b541f}.history-item{padding:18px 20px;display:flex;justify-content:space-between;gap:20px}.history-item p,.history-values strong{margin:6px 0 0}.history-values{display:grid;justify-items:end;text-align:right}.status-badge.win{background:#0d8b5424;color:var(--success)}.status-badge.loss{background:#b423181f;color:var(--danger)}.filter-bar{justify-content:space-between;padding:18px 20px;margin-bottom:18px;border-radius:20px;background:var(--surface-list);border:1px solid var(--border)}.theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-main);cursor:pointer}.theme-toggle-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--button-muted-bg);border:1px solid var(--surface-soft-border)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffd166,#f05a28);transition:transform .18s ease}.theme-toggle-thumb.dark{transform:translate(18px);background:linear-gradient(135deg,#8ec5ff,#4f46e5)}.theme-toggle-label{font-size:.85rem;font-weight:700;letter-spacing:.03em}.placeholder-panel{min-height:320px;display:grid;place-items:center;text-align:center}.scratch-rule-box{margin-block:16px}@media(max-width:900px){.topbar,.hero,.auth-layout,.scratch-layout,.dashboard-hero,.history-item,.filter-bar,.scratch-heading{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scratch-sidebar{position:static}.stat-highlight,.history-values{text-align:left;justify-items:start}.mobile-nav{position:fixed;left:14px;right:14px;bottom:14px;z-index:20;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;padding:10px;border-radius:22px;background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--mobile-nav-border);box-shadow:var(--mobile-nav-shadow)}.mobile-nav-link{display:grid;justify-items:center;gap:4px;padding:10px 8px;border-radius:16px;border:0;background:transparent;color:var(--text-soft)}.mobile-nav-link.router-link-active{background:var(--tab-active-bg);color:var(--primary-dark)}.mobile-nav-icon-image{width:22px;height:22px;object-fit:contain;opacity:.72;filter:var(--mobile-nav-icon-filter, none)}.mobile-nav-label{font-size:.78rem;font-weight:700;letter-spacing:.03em}.mobile-nav-link.router-link-active .mobile-nav-icon-image{opacity:1}.mobile-nav-button{cursor:pointer}}@media(max-width:640px){.page-wrap,.topbar{padding-inline:16px}.page-wrap{padding-bottom:110px}.topbar-nav,.topbar-logout{display:none}.brand{gap:10px}.brand-logo{width:92px}.theme-toggle{padding-inline:10px}.theme-toggle-label{display:none}.feature-grid,.ticket-stats,.stat-meta{grid-template-columns:1fr}}