:root { --deep:#1c1232; --gold:#ffdb94; --muted:#b9adc9; }
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { text-decoration:none }
button,input,textarea { font:inherit }
button { cursor:pointer }
.site-shell { min-height:100vh; position:relative; color:#fff; background:radial-gradient(ellipse 72% 68% at 83% 28%,#663273 0%,#352044 47%,transparent 81%),radial-gradient(ellipse 50% 60% at -5% 8%,#563057 0%,transparent 80%),#19132c; overflow:hidden }
.site-grain { position:absolute; inset:0; pointer-events:none; opacity:.24; background-image:radial-gradient(#fff 0.55px, transparent .55px); background-size:24px 24px; mask-image:linear-gradient(#000,transparent 55%) }
.topbar { position:relative; z-index:2; height:91px; display:flex; align-items:center; justify-content:space-between; max-width:1240px; padding:0 30px; margin:auto; border-bottom:1px solid #ffffff1a }
.brand,.header-right,.brand-icon,.admin-link,.header-assurance { display:flex; align-items:center }
.brand { font-size:18px; font-weight:900; letter-spacing:1.2px; gap:11px; color:white }
.brand-icon { width:40px;height:40px;border-radius:13px;justify-content:center; background:linear-gradient(135deg,#ffe3a9,#efb768); color:#5b2857;box-shadow:0 5px 26px #ffc77945 }
.brand-asterisk { color:#f7c977; margin-left:-7px; font-size:16px }
.header-right { gap:28px }
.header-assurance { color:#e9e0f2; font-size:12px; gap:9px }
.live-dot { height:8px;width:8px;border-radius:50%;background:#9deac1;box-shadow:0 0 0 5px #9deac119 }
.admin-link { color:#e8d7ee; font-size:13px;gap:9px; padding:11px 16px; border:1px solid #ffffff26; border-radius:12px; transition:background .2s }
.admin-link:hover { background:#ffffff18 }
.hero-grid { position:relative;max-width:1240px;margin:auto;padding:78px 30px 85px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px;align-items:center }
.hero-copy { position:relative;z-index:1;max-width:495px }
.eyebrow { display:inline-flex;align-items:center;gap:11px;color:#ffd996;background:#eebf7840;border:1px solid #ffda9f55;border-radius:30px;padding:9px 15px;font-size:10px;font-weight:850;letter-spacing:2.5px }
.eyebrow-stars { color:#f7c269;letter-spacing:1px }
.hero-copy h1 { font-family:Georgia,"Times New Roman",serif;font-size:clamp(53px,5.4vw,85px);letter-spacing:-3.4px;line-height:1.045;font-weight:700;margin:30px 0 17px;max-width:510px }
.hero-copy h1 em { color:#ffd588;font-weight:500;display:block;font-style:italic }
.hero-heading { font-size:22px;line-height:1.4;font-weight:750;letter-spacing:-.5px;color:#fff2f9;margin:10px 0 9px }
.hero-description { max-width:435px;color:#ccbed9;font-size:15px;line-height:1.78;margin:0 }
.guarantee-badge { display:flex;align-items:center;gap:12px;margin-top:27px }
.guarantee-badge>span { display:grid;place-items:center;background:#a6f1d11f;border:1px solid #a6f1d155;color:#a6f1d1;height:43px;width:43px;border-radius:13px }
.guarantee-badge strong,.guarantee-badge small { display:block }
.guarantee-badge strong { font-size:14px;color:#e6fce9 }
.guarantee-badge small { font-size:12px;color:#aca1bb;margin-top:4px }
.spin-form { background:linear-gradient(135deg,#ffffff16,#ffffff0b);border:1px solid #ffffff29;box-shadow:0 24px 70px #0a061644;border-radius:23px;max-width:445px;padding:26px;margin-top:35px;backdrop-filter:blur(12px) }
.form-heading { display:flex;align-items:center;gap:13px;margin-bottom:19px }
.form-icon { display:grid;place-items:center;background:#e8baff22;color:#f4cfff;border-radius:12px;width:43px;height:43px }
.form-heading strong { display:block;font-size:16px }
.form-heading p { margin:4px 0 0;color:#bdb0c7;font-size:12px }
.spin-form label { display:block;font-size:12px;font-weight:750;letter-spacing:.1px;color:#eee6f5;margin:15px 0 8px }
.input-wrap { position:relative;display:flex;align-items:center;gap:11px;padding:0 15px;height:49px;border:1px solid #ffffff27;border-radius:12px;background:#ffffff0e;color:#d6c5e1 }
.input-wrap:focus-within { border-color:#ecc08d;box-shadow:0 0 0 3px #ecc08d20 }
.input-wrap input { min-width:0;width:100%;border:0;outline:0;color:white;background:transparent;font-size:13px }
.input-wrap input::placeholder { color:#a998b6 }
.input-leading { font-size:16px }
.spin-button { width:100%;height:57px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(95deg,#ffd485,#ffbd75);color:#442246;border:0;border-radius:12px;font-weight:900;letter-spacing:1px;font-size:14px;margin-top:23px;box-shadow:0 13px 28px #ffae5850;transition:transform .2s,filter .2s }
.spin-button:hover:not(:disabled) { transform:translateY(-2px);filter:brightness(1.06) }
.spin-button:disabled { opacity:.7;cursor:not-allowed }
.spin-button svg:last-child { margin-left:auto;margin-right:13px }
.spin-button svg:first-child { margin-left:auto }
.error-message { font-size:12px;color:#ffb0ac;line-height:1.5;margin:12px 0 0 }
.form-foot { font-size:10px;color:#aa9dbc;display:flex;gap:7px;align-items:center;justify-content:center;margin:14px 0 0 }
.hero-wheel { position:relative;min-width:0;text-align:center;align-self:start;padding-top:8px }
.wheel-caption { display:flex;align-items:center;justify-content:center;gap:14px;color:#edd3b4;font-weight:800;letter-spacing:3px;font-size:11px;margin-bottom:18px }
.wheel-stage { position:relative;display:grid;place-items:center;width:100%;min-height:580px }
.wheel-aura { position:absolute;width:95%;aspect-ratio:1;max-width:590px;border-radius:50%;background:radial-gradient(circle,#f29fbe50 0%,#c56dae20 49%,transparent 71%);filter:blur(12px) }
.wheel-outer { position:relative;z-index:1;width:min(96%,515px);aspect-ratio:1;border-radius:50%;padding:17px;background:linear-gradient(125deg,#fff1b5 0%,#ca853e 23%,#ffe2a2 51%,#b97437 77%,#fff0bf 100%);box-shadow:0 0 0 7px #ffe1a81c,0 0 0 14px #bd6fa730,0 36px 78px #0b051b91,0 0 40px #f8a4c380 }
.wheel-outer:before { content:"";position:absolute;inset:7px;border:2px dashed #5d335c7c;border-radius:50%;pointer-events:none;z-index:2 }
.wheel-disc { position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 4px #2c17355e,inset 0 0 40px #fff8;transition:transform 6s cubic-bezier(.13,.73,.05,1);will-change:transform }
.wheel-disc:after { content:"";pointer-events:none;position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffffff29 0%,transparent 45%,#592e3727 100%) }
.wheel-separators { position:absolute;inset:0;background:repeating-conic-gradient(from -1deg, #fff9 0deg 1.5deg,transparent 1.5deg 72deg);pointer-events:none }
.wheel-prize { position:absolute;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1.05;color:#4b2852;text-shadow:0 1px 0 #fffc;white-space:nowrap }
.wheel-prize strong { font-size:clamp(19px,2.6vw,31px);letter-spacing:-1px;font-weight:950 }
.wheel-prize small { font-size:clamp(6px,.82vw,9px);font-weight:950;letter-spacing:.5px;margin-top:5px }
.wheel-pointer { position:absolute;z-index:7;top:-29px;left:50%;transform:translateX(-50%);width:60px;height:83px;filter:drop-shadow(0 4px 5px #26122a80);display:flex;justify-content:center }
.wheel-pointer span { width:47px;height:74px;background:linear-gradient(90deg,#bd7427,#ffe7a1,#da963f);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:8px }
.wheel-hub { position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);height:108px;width:108px;background:radial-gradient(circle at 35% 20%,#794171,#301a45 78%);border:8px solid #ffdc96;border-radius:50%;box-shadow:0 0 0 4px #643a5a,0 6px 19px #160a29a1;color:#ffe4aa;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px }
.wheel-hub span { font-size:12px;font-weight:900;letter-spacing:1px }
.orbit-dot { position:absolute;color:#f4c583;font-size:29px;text-shadow:0 0 19px #ffc47b;z-index:1 }
.orbit-one { top:9%;left:6% }.orbit-two { right:6%;top:16%;font-size:37px }.orbit-three { bottom:12%;right:12%;font-size:18px }
.wheel-bottom-shadow { position:absolute;width:70%;height:37px;bottom:17px;left:15%;background:#0c081c78;filter:blur(26px);border-radius:50% }
.wheel-note { display:flex;align-items:center;justify-content:center;gap:13px;color:#ffd39e;font-size:13px;font-weight:700;margin-top:0 }
.wheel-note svg { color:#d28aab }
.wheel-support { display:flex;align-items:center;justify-content:center;gap:24px;margin-top:27px;color:#c8b9d4 }
.wheel-support span { display:flex;align-items:center;gap:8px;font-size:11px }
.wheel-support svg { color:#caaee3 }
.how-it-works { padding:68px 30px 86px; background:linear-gradient(180deg,#211733,#161224);border-top:1px solid #ffffff16 }
.section-title { text-align:center }.section-title>p { font-weight:900;color:#e6bb85;font-size:11px;letter-spacing:2.8px }.section-title h2 { font:600 clamp(29px,3vw,42px) Georgia,serif;margin:12px 0 33px }
.steps { max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px }
.steps>div { position:relative;background:#ffffff08;border:1px solid #ffffff17;border-radius:20px;padding:30px;min-height:205px }
.steps b { position:absolute;right:28px;top:22px;color:#e0b67f45;font-size:30px;font-weight:950 }
.steps span { display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#e9b9851a;color:#f1cc95;margin-bottom:16px }
.steps h3 { font-size:16px;margin:0 0 8px }.steps p { font-size:13px;color:#a99eb8;line-height:1.7;margin:0 }
.footer { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px max(30px,calc((100vw - 1180px)/2));background:#141021;color:#8e859f;font-size:11px }
.footer div,.footer a { display:flex;align-items:center;gap:8px }.footer div { color:#f6dba8;font-weight:900;font-size:12px }.footer a { color:#a49ab3 }
.result-backdrop { position:fixed;inset:0;background:#090511d9;backdrop-filter:blur(9px);z-index:30;display:grid;place-items:center;padding:18px }
.result-card { width:min(100%,455px);background:linear-gradient(150deg,#4d315f,#221732);border:1px solid #f4d59d78;border-radius:27px;text-align:center;color:white;padding:29px 36px 32px;box-shadow:0 30px 120px #0009,0 0 70px #f9c08844;max-height:95vh;overflow:auto }
.confetti { color:#f1bd8f;letter-spacing:14px;font-size:19px }
.result-illustration { display:grid;place-items:center;width:91px;height:91px;margin:12px auto 18px;border-radius:50%;background:linear-gradient(130deg,#ffe1a4,#d99447);color:#602951;box-shadow:0 0 0 8px #ffc97e23,0 10px 35px #f4ae5963 }
.result-eyebrow { color:#eeca8c;font-size:11px;letter-spacing:2px;font-weight:950 }
.result-card h2 { font:600 33px Georgia,serif;margin:12px 0 }.result-card p { color:#d5c1db;font-size:14px }
.win-percent { font-size:64px;font-weight:950;line-height:1;color:#ffdc91;margin:18px 0 }.win-percent span { display:block;font-size:13px;letter-spacing:1.7px;margin-top:8px }
.result-card .code-label { color:#f8e6bf;font-weight:900;letter-spacing:1.5px;font-size:11px;margin:26px 0 10px }
.coupon-box { display:flex;justify-content:space-between;align-items:center;width:100%;background:#f9eacb;color:#462446;border:2px dashed #b5844c;border-radius:13px;padding:15px 20px;letter-spacing:2px;font-size:21px }
.copy-hint { font-size:11px;color:#beaec9;margin:10px 0 17px }
.result-close { display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#f7c681;color:#42213d;border:0;border-radius:12px;height:47px;font-weight:850;margin-bottom:15px }
.result-card>small { display:block;color:#a79ab7;font-size:10px;line-height:1.6 }
@media(max-width:1000px) { .hero-grid { grid-template-columns:1fr;gap:48px;padding-top:55px } .hero-copy { max-width:690px;margin:auto;text-align:center } .hero-copy h1 { max-width:none } .hero-copy h1 em { display:inline } .hero-description { margin:auto }.guarantee-badge { justify-content:center }.spin-form { margin:35px auto 0;text-align:left }.hero-wheel { order:-1 }.wheel-stage { min-height:520px }.wheel-outer { width:min(87vw,480px) } }
@media(max-width:640px) { .topbar { height:73px;padding:0 20px }.brand { font-size:15px }.brand-icon { width:36px;height:36px }.header-assurance { display:none }.admin-link { font-size:0;gap:0;padding:10px }.admin-link svg { width:19px;height:19px }.hero-grid { padding:28px 18px 54px;gap:34px }.hero-copy { text-align:left }.hero-copy h1 { font-size:clamp(46px,12vw,63px);letter-spacing:-2.4px;margin-top:23px }.hero-copy h1 em { display:block }.hero-heading { font-size:19px }.hero-description { font-size:14px }.eyebrow { font-size:9px;letter-spacing:1.5px }.guarantee-badge { justify-content:flex-start }.guarantee-badge small { line-height:1.4 }.spin-form { padding:19px;margin-top:25px }.hero-wheel { order:0 }.wheel-caption { font-size:10px }.wheel-stage { min-height:340px }.wheel-outer { width:min(88vw,340px);padding:12px }.wheel-pointer { top:-18px;width:40px;height:55px }.wheel-pointer span { width:30px;height:49px }.wheel-hub { width:76px;height:76px;border-width:6px }.wheel-hub svg { width:25px;height:25px }.wheel-hub span { font-size:9px }.wheel-prize strong { font-size:20px }.wheel-prize small { font-size:6px }.wheel-note { margin-top:7px;font-size:11px }.wheel-support { gap:14px;flex-wrap:wrap;margin-top:18px }.wheel-support span { font-size:10px }.how-it-works { padding:51px 19px 65px }.steps { grid-template-columns:1fr;gap:13px }.steps>div { min-height:auto;padding:24px }.footer { flex-wrap:wrap;justify-content:center;text-align:center;padding:28px 20px }.footer p { width:100%;order:3 }.result-card { padding:24px 22px }.result-card h2 { font-size:27px }.win-percent { font-size:55px } }
@media(prefers-reduced-motion:reduce) { .wheel-disc { transition-duration:.1s } .spin-button { transition:none } }

/* Administration */
.admin-shell { min-height:100vh;background:#f7f7fb;color:#232239;font-size:14px }
.admin-topbar { height:76px;padding:0 max(24px,calc((100vw - 1210px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8ee;background:#fff }
.admin-brand,.admin-topbar>div,.back-public,.admin-user { display:flex;align-items:center }
.admin-brand { gap:10px;color:#29223d;font-size:16px;font-weight:950;letter-spacing:.5px }
.admin-brand .brand-icon { background:linear-gradient(135deg,#6752c2,#a17ae2);color:#fff;box-shadow:none }
.admin-brand>span:last-child { background:#f2edff;color:#6d54a7;padding:5px 7px;border-radius:6px;font-size:8px;letter-spacing:1px;margin-left:1px }
.admin-topbar>div { gap:20px }.back-public { color:#74708b;gap:7px;font-size:12px }.admin-user { gap:7px;color:#6753b4;font-size:12px;background:#f1edfb;border-radius:10px;padding:9px 12px }
.admin-container { max-width:1210px;margin:auto;padding:47px 24px 70px }
.admin-intro { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px }
.admin-overline { font-size:10px;letter-spacing:2px;font-weight:900;color:#8065bc }
.admin-intro h1 { font-size:clamp(27px,3vw,35px);letter-spacing:-1.3px;font-weight:900;margin:9px 0 }
.admin-intro h1 span { color:#a379d7 }.admin-intro p { font-size:13px;color:#77748c;margin:0 }
.primary-admin-button { border:0;border-radius:11px;color:#fff;background:linear-gradient(110deg,#7456c6,#5f4cb1);min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;box-shadow:0 9px 18px #6951ba31 }
.primary-admin-button:disabled { cursor:not-allowed;opacity:.45 }
.stat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px }
.stat-card { background:#fff;min-height:158px;border:1px solid #e9e8f0;border-radius:18px;padding:23px;box-shadow:0 8px 26px #29254408;position:relative }
.stat-card>span { position:absolute;right:22px;top:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f3efff;color:#7861bd }
.stat-card small { display:block;color:#77738b;font-size:12px;font-weight:650 }
.stat-card strong { display:block;font-size:35px;letter-spacing:-1.4px;margin:10px 0 3px;line-height:1.1 }
.stat-card em { font-size:11px;color:#9692a3;font-style:normal }.stat-card .good-number { color:#23996a }.stat-card .bad-number { color:#c95256 }
.admin-card { background:#fff;border:1px solid #e9e8f0;border-radius:19px;box-shadow:0 8px 26px #29254408;padding:27px;margin-bottom:22px }
.card-heading { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px }
.card-heading>div:first-child { display:grid;grid-template-columns:45px auto;column-gap:12px;align-items:center }
.card-heading .card-icon { grid-row:1 / span 2;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#f4f0fe;color:#8267c5 }
.card-heading h2 { font-size:17px;letter-spacing:-.4px;font-weight:850;margin:0 }
.card-heading p { margin:4px 0 0;color:#8e8a9c;font-size:12px }
.campaign-toggle { border:1px solid #d1e9db;border-radius:11px;padding:10px 15px;background:#edf9f0;color:#278453;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;white-space:nowrap }
.campaign-toggle.off { color:#a9733f;background:#fbf0e3;border-color:#efdec5 }
.settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:21px }
.settings-grid label { font-size:12px;color:#6c687d;font-weight:750;display:block }
.settings-grid label.full-width { grid-column:1 / -1 }
.settings-grid input,.settings-grid textarea { display:block;width:100%;background:#fafaff;border:1px solid #e5e3ed;border-radius:10px;outline:none;padding:12px 14px;font-size:13px;color:#302943;margin-top:9px;resize:vertical }
.settings-grid input:focus,.settings-grid textarea:focus { border-color:#9175d1;box-shadow:0 0 0 3px #9175d120 }
.sum-pill { display:flex;align-items:center;gap:7px;white-space:nowrap;border-radius:25px;padding:9px 14px;font-weight:850;font-size:12px }
.sum-pill.valid { color:#24875d;background:#eaf8ef }.sum-pill.invalid { color:#b44c4a;background:#fff0ed }
.prize-table-wrap { overflow:auto;margin:0 -2px }
.prize-table { width:100%;border-collapse:collapse;text-align:left;min-width:790px;font-size:12px }
.prize-table th { font-size:10px;letter-spacing:.9px;font-weight:900;color:#9691a5;background:#f8f8fc;text-transform:uppercase;padding:13px 12px;white-space:nowrap }
.prize-table th:first-child { border-radius:9px 0 0 9px }.prize-table th:last-child { border-radius:0 9px 9px 0 }
.prize-table td { padding:15px 10px;border-bottom:1px solid #f0eef5;color:#5b566d }
.prize-table tr:last-child td { border:0 }
.prize-table input { background:#fff;color:#332d46;border:1px solid #e3e0ed;border-radius:8px;outline:0;padding:9px 10px;height:38px;font-size:12px }
.prize-table input:focus { border-color:#8d78c7 }
.prize-name { display:flex;align-items:center;gap:9px }.prize-name i { display:block;width:13px;height:13px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ddd8e5 }.prize-name input { width:155px }
.number-input { display:flex;align-items:center;position:relative;width:80px }.number-input input { width:80px;padding-right:25px }.number-input b { position:absolute;right:12px;color:#a19bb0 }
.prize-table .code-input { width:127px;font-size:11px;font-weight:750;letter-spacing:.4px }
.prize-table .color-input { padding:2px;width:42px;height:38px;cursor:pointer }.prob-track { width:105px;height:9px;background:#f0edf6;border-radius:20px;overflow:hidden }.prob-track span { display:block;height:100%;border-radius:20px;transition:width .2s }
.table-help { display:flex;gap:9px;align-items:flex-start;margin-top:22px;padding:14px 16px;background:#f7f5ff;color:#7b7394;border-radius:11px }
.table-help svg { flex-shrink:0;color:#8370c5 }.table-help p { margin:0;font-size:11px;line-height:1.6 }
.count-badge { padding:8px 12px;border-radius:25px;background:#f4f2f8;color:#706c86;font-size:11px }
.history th { padding:13px }.history td { padding:14px 13px }.history code { background:#f4f0fc;padding:5px 7px;border-radius:6px;color:#7954af }
.empty-state { display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#a9a4b7;padding:28px }
.empty-state strong { color:#504c62;font-size:14px }.empty-state span { font-size:12px }
.admin-bottom { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px }.admin-bottom p { color:#938f9e;font-size:11px;margin:0;line-height:1.6 }
.admin-toast { position:fixed;right:23px;bottom:23px;z-index:10;border-radius:12px;padding:16px 20px;box-shadow:0 8px 28px #0002;font-size:12px;font-weight:850 }
.admin-toast.success { background:#e7f8ed;color:#23774c }.admin-toast.error { background:#fff0ee;color:#a7484b }
.admin-centered { width:min(90%,490px);margin:90px auto;background:#fff;border:1px solid #e9e8f0;border-radius:20px;padding:35px;text-align:center;box-shadow:0 10px 30px #2221 }
.admin-centered .admin-lock { width:70px;height:70px;display:grid;place-items:center;color:#735dbd;background:#eee9fb;margin:0 auto 20px;border-radius:20px }
.admin-centered h1 { font-size:23px;font-weight:900 }.admin-centered p { color:#77718a;font-size:13px;line-height:1.65 }.admin-centered .primary-admin-button { margin-top:14px }
@media(max-width:800px) { .admin-container { padding:32px 18px }.admin-card { padding:21px }.stat-grid { gap:10px }.stat-card { padding:17px;min-height:136px }.stat-card strong { font-size:29px }.stat-card>span { right:12px;top:12px;width:32px;height:32px }.stat-card small { width:66% }.card-heading { align-items:flex-start } }
@media(max-width:580px) { .admin-topbar { padding:0 16px;height:68px }.admin-topbar .back-public { font-size:0 }.admin-topbar .back-public svg { width:20px;height:20px }.admin-user { display:none }.admin-intro { flex-direction:column;align-items:flex-start }.admin-intro>.primary-admin-button { width:100% }.stat-grid { grid-template-columns:1fr 1fr }.stat-card:last-child { grid-column:1 / -1 }.stat-card { min-height:118px }.stat-card strong { font-size:27px }.admin-card { padding:17px }.card-heading { gap:10px;flex-direction:column }.card-heading p { line-height:1.5 }.settings-grid { grid-template-columns:1fr }.settings-grid label.full-width { grid-column:1 }.campaign-toggle { align-self:flex-start }.admin-bottom { flex-direction:column;align-items:stretch }.admin-bottom button { width:100% }.admin-toast { left:16px;right:16px;bottom:14px } }

/* Adaptaciones para la versión sin dependencias de interfaz */
[hidden] { display:none !important }
.brand-icon { font-size:20px }
.wheel-hub .hub-gift { font-size:34px;line-height:1 }
.result-illustration { font-size:45px }
.result-illustration>span { display:block }
.result-card .win-percent>span:first-child { display:block;font-size:64px;letter-spacing:-2px;margin:0 }
.result-card .win-percent>span:last-child { display:block;font-size:13px;letter-spacing:1.7px;margin-top:8px }
.admin-lock { font-size:31px }
.stat-card>span { font-size:21px }
.card-icon { font-size:20px }
.admin-topbar .logout-button { background:transparent;border:1px solid #ddd5ed;color:#6b579c;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800 }
.export-button { display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:11px;font-size:12px;font-weight:850;background:#f3effd;color:#6752b1;white-space:nowrap }
.export-button:hover { background:#e9dffc }
.admin-login-form { text-align:left;display:flex;flex-direction:column;gap:9px;margin-top:22px }
.admin-login-form label { font-size:12px;font-weight:850;color:#68617c }
.admin-login-form input { width:100%;border:1px solid #ded9e9;background:#fbfaff;border-radius:10px;outline:0;padding:13px 14px;margin-bottom:9px;color:#2c2440 }
.admin-login-form input:focus { border-color:#8668c7;box-shadow:0 0 0 3px #8668c720 }
.admin-login-form .primary-admin-button { width:100%;margin-top:8px }
.admin-form-error { color:#b7474b !important;font-size:12px !important;margin:8px 0 0 }
.header-right .admin-link { gap:8px }
.spin-button>span:first-child { margin-left:auto;font-size:20px }
.spin-button>span:last-child { margin-left:auto;margin-right:13px;font-size:24px }
.result-card .coupon-box>span { font-size:24px;line-height:1 }
.table-help>span { color:#8069bd;font-size:20px }
.steps>div>span { font-size:24px }
@media(max-width:640px) {
  .header-right .admin-link { font-size:14px;gap:0;padding:8px 12px }
  .header-right .admin-link>span { display:none }
  .wheel-hub .hub-gift { font-size:24px }
}
@media(max-width:580px) {
  .admin-topbar .back-public { font-size:20px }
  .admin-topbar .back-public span { display:none }
  .admin-topbar .logout-button { display:block }
}