:root{--bg-app: #0e0d0c;--bg-surface: #181614;--bg-surface-elevated: #221f1b;--bg-surface-card: #1c1a17;--bg-surface-active: #2b2722;--bg-surface-input: #121110;--border-subtle: #2e2a24;--border-default: #3d3730;--border-focus: #d4af37;--border-amber-glow: rgba(212, 175, 55, .4);--amber-primary: #d4af37;--amber-light: #f3c759;--amber-dark: #a37c18;--amber-dim: rgba(212, 175, 55, .12);--amber-dim-hover: rgba(212, 175, 55, .2);--teal-accent: #264e45;--teal-light: #3d796c;--teal-dim: rgba(38, 78, 69, .2);--success-text: #4ade80;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .28);--error-text: #f87171;--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .28);--warning-text: #fbbf24;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .28);--text-primary: #f8f5ee;--text-secondary: #c7beaf;--text-muted: #8c8273;--text-inverted: #0e0d0c;--font-serif: "Playfair Display", Georgia, Cambria, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5), 0 0 0 1px var(--border-subtle);--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .7), 0 0 0 1px var(--border-default);--shadow-amber-glow: 0 0 25px rgba(212, 175, 55, .25);--transition-fast: .15s ease;--transition-normal: .22s cubic-bezier(.16, 1, .3, 1);--touch-target: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--amber-primary);outline-offset:2px}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em}h1{font-size:1.75rem;line-height:1.25}h2{font-size:1.35rem;line-height:1.3}h3{font-size:1.15rem;line-height:1.35}a{color:var(--amber-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--amber-light);text-decoration:underline}button,input,select,textarea,a{min-height:var(--touch-target);font-family:inherit;font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#d4af37,#b88e22);color:#0e0d0c;box-shadow:0 2px 10px #d4af3740;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f3c759,#c99e2a);box-shadow:0 4px 16px #d4af3766;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-active);border-color:var(--amber-primary);color:var(--amber-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--amber-dim);color:var(--amber-primary)}.btn-danger{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:var(--error-text)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:left}.input-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input-field{width:100%;padding:10px 14px;background-color:var(--bg-surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--amber-primary);box-shadow:0 0 0 3px #d4af3726}.input-field::placeholder{color:var(--text-muted)}.card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}@media(max-width:480px){.card{padding:14px;border-radius:var(--radius-md)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-amber{background:var(--amber-dim);color:var(--amber-light);border:1px solid rgba(212,175,55,.3)}.badge-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-teal{background:var(--teal-dim);color:#7ab8ac;border:1px solid rgba(122,184,172,.3)}.badge-neutral{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border-subtle)}.brasao-25d-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;perspective:1000px}.brasao-25d-halo{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18) 0%,rgba(38,78,69,.15) 50%,transparent 70%);filter:blur(14px);pointer-events:none;z-index:0}.brasao-25d-img{position:relative;z-index:1;display:block;max-width:100%;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.8)) drop-shadow(0 2px 6px rgba(212,175,55,.3));transition:transform var(--transition-normal),filter var(--transition-normal)}@media(hover:hover){.brasao-25d-wrapper:hover .brasao-25d-img{transform:rotateX(4deg) rotateY(-3deg) scale(1.02);filter:drop-shadow(0 16px 28px rgba(0,0,0,.85)) drop-shadow(0 0 16px rgba(212,175,55,.45))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.brasao-25d-wrapper:hover .brasao-25d-img{transform:none!important}}.container{width:100%;max-width:720px;margin:0 auto;padding:16px}@media(max-width:380px){.container{padding:10px}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:8px}.gap-md{gap:14px}.gap-lg{gap:20px}.raffle-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:100%;max-width:500px;margin:0 auto}@media(max-width:400px){.raffle-grid{gap:2.5px}}.raffle-num-btn{aspect-ratio:1 / 1;width:100%;min-height:0;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;background:var(--bg-surface-elevated);color:var(--text-secondary);transition:all var(--transition-fast)}@media(max-width:400px){.raffle-num-btn{font-size:.72rem}}.raffle-num-btn:disabled{cursor:not-allowed;opacity:.6}.raffle-num-btn.free{background:var(--bg-surface-card);border-color:var(--border-subtle);color:var(--text-primary)}.raffle-num-btn.free:hover:not(:disabled){border-color:var(--amber-primary);background:var(--amber-dim);color:var(--amber-light);transform:scale(1.08)}.raffle-num-btn.mine{background:linear-gradient(135deg,#d4af37,#a87e14);color:#0e0d0c;border-color:#f3c759;box-shadow:0 0 10px #d4af3766;font-weight:700}.raffle-num-btn.taken{background:#141312;border-color:#262421;color:#555047}.raffle-num-btn.winning{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;border-color:#86efac;box-shadow:0 0 16px #22c55eb3;animation:pulse-win 2s infinite ease-in-out}@keyframes pulse-win{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.winner-banner-reveal{animation:winner-reveal 1.5s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes winner-reveal{0%{opacity:0;transform:scale(.92) translateY(10px);box-shadow:0 0 #22c55e00}50%{transform:scale(1.02) translateY(-2px);box-shadow:0 0 35px #22c55e73}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 0 20px #22c55e40}}.winner-big-number{font-family:var(--font-mono);font-size:3.5rem;font-weight:800;line-height:1;color:#86efac;text-shadow:0 2px 14px rgba(34,197,94,.6);letter-spacing:.05em;margin:6px 0;display:inline-block;animation:number-pop 1.2s ease-out}@keyframes number-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.payment-check-pop{display:inline-flex;align-items:center;gap:4px;animation:check-pop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes check-pop{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.winner-banner-reveal,.winner-big-number,.payment-check-pop,.raffle-num-btn.winning{animation:none!important;transform:none!important;transition:none!important}}