:root{--color-bg:#f3f3f3;--color-surface:#fdfdff;--color-surface-strong:#fff;--color-primary:#2b3e2d;--color-primary-strong:#151e15;--color-primary-soft:#557158;--color-text:#16251b;--color-muted:#2d3648;--color-danger:#b3261e;--color-border:#8f5d002e;--color-gold-start:#ffe04d;--color-gold-end:#dfa22f;--shadow-soft:0 6px 19px #0000000a;--shadow-offset:6px 6px 0 #2b3e2d;--radius-sm:12px;--radius-md:15px;--radius-lg:28px;--tap-target:56px;--shell-width:430px;font-family:Google Sans Flex,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-primary-strong);min-height:100%}body{background:radial-gradient(circle at top, #ffe04d2e, transparent 32%), var(--color-bg);min-height:100vh;color:var(--color-text);margin:0;font-size:17px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-shell{width:min(100%, var(--shell-width));background:var(--color-bg);min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 0 1px #0000000a,0 20px 60px #00000024}.screen{padding:22px 18px 120px}.screen-tight{padding-bottom:32px}.topbar{background:var(--color-primary);color:#fff;min-height:86px;box-shadow:var(--shadow-soft);border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;padding:18px;display:flex}.brand{gap:2px;display:grid}.brand strong{font-size:24px}.brand span,.eyebrow{letter-spacing:.04em;text-transform:uppercase;opacity:.72;font-size:13px}.nav-tabs{width:min(100%, var(--shell-width));border-top:1px solid var(--color-border);z-index:20;background:#fdfdfff5;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tabs a{min-height:54px;color:var(--color-muted);border-radius:14px;place-items:center;font-weight:700;display:grid}.nav-tabs a.active{background:linear-gradient(116deg, var(--color-gold-start), var(--color-gold-end));color:#282828}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #ffc5492e;padding:18px}.hero-card{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-offset);border-radius:28px;padding:24px}.hero-card h1,.screen-title{margin:0 0 12px;font-size:34px;line-height:1.05}.hero-card p,.muted{color:#2d3648c7}.hero-card p{color:#ffffffd1;margin:0}.balance{gap:6px;margin:20px 0;display:grid}.balance strong{font-size:34px;line-height:1}.gold-panel{background:linear-gradient(116deg, var(--color-gold-start), var(--color-gold-end));color:#282828;border-radius:var(--radius-sm);padding:18px}.stack{gap:16px;display:grid}.stack-lg{gap:24px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{min-height:var(--tap-target);border-radius:var(--radius-sm);border:0;width:100%;padding:0 20px;font-weight:800}.btn-primary{background:linear-gradient(116deg, var(--color-gold-start), var(--color-gold-end));color:#282828;box-shadow:3px 2px #b3821f}.btn-secondary{background:var(--color-primary-soft);color:#fff}.btn-ghost{color:var(--color-primary);border:1px solid var(--color-border);background:0 0}.field{gap:8px;font-weight:800;display:grid}.field small{color:var(--color-muted);font-weight:500}.text-input{min-height:var(--tap-target);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text);background:#fff;outline:none;padding:0 16px}.text-input:focus{border-color:var(--color-gold-end);box-shadow:0 0 0 4px #ffe04d38}.auth-layout{align-content:center;gap:24px;min-height:100vh;padding:24px 18px;display:grid}.auth-logo{text-align:center;gap:8px;display:grid}.auth-logo h1{color:var(--color-primary);margin:0;font-size:42px}.auth-logo p{color:var(--color-muted);margin:0}.error{color:var(--color-danger);border-radius:var(--radius-sm);background:#fff0ef;border:1px solid #b3261e38;padding:12px}.success{color:var(--color-primary);border-radius:var(--radius-sm);background:#5571581f;padding:12px}.chip{border:1px solid var(--color-border);min-height:52px;color:var(--color-text);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800}.chip.is-selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.draw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.draw-chip{border-radius:var(--radius-sm);text-align:left;align-content:center;gap:4px;display:grid}.draw-chip span{color:inherit;opacity:.75;font-size:13px}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad-key{border-radius:var(--radius-sm);min-height:58px;box-shadow:var(--shadow-soft);color:var(--color-primary);background:#fff;border:0;font-size:22px;font-weight:800}.bet-slip{background:var(--color-primary);color:#fff;z-index:15;border-radius:22px;gap:10px;width:min(100% - 20px,410px);padding:14px;display:grid;position:fixed;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000047}.slip-lines{gap:6px;display:grid}.slip-lines button{text-align:left;color:#fff;background:#ffffff14;border:0;border-radius:10px;padding:8px}.slip-total{justify-content:space-between;align-items:center;display:flex}.slip-total strong{font-size:26px}.receipt-card{background:#fff;border:1px dashed #8f5d0059;border-radius:22px;gap:14px;padding:18px;display:grid}.ticket-card{gap:8px;display:grid}.ticket-card strong{font-size:24px}.line-item{border-top:1px solid #2d36481f;gap:4px;padding:12px 0;display:grid}.large-number{letter-spacing:.08em;color:var(--color-primary);font-size:36px;font-weight:900}@media (width>=900px){body{padding:28px 0}.app-shell{border-radius:30px;min-height:calc(100vh - 56px);overflow:hidden}.nav-tabs,.bet-slip{width:100%;position:sticky;left:auto;transform:none}.bet-slip{bottom:84px}}