/* Общие правила страницы из корневых стилей образца (подвал, кнопки, поля). */
.site-footer{--footer-text:#628875;--footer-link:#41745b;--footer-line:#ddefe6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:100%;border-top:1px solid var(--footer-line);margin-top:36px;padding:22px 0 8px;color:var(--footer-text);font-size:12px;line-height:1.7;letter-spacing:.01em}
.site-footer p{margin:0;color:inherit;font:inherit}
.site-footer p strong{font-weight:600;color:var(--footer-link)}
.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0}
.site-footer a{display:inline-block;color:var(--footer-link);text-decoration:none;font:inherit;padding:4px 0;transition:color .15s ease}
.site-footer a:hover{color:#45df92;text-decoration:underline;text-underline-offset:4px}
.site-footer a:focus-visible{outline:2px solid #5bf6a9;outline-offset:4px;border-radius:2px}
.site-footer--dark{--footer-text:#9cbfae;--footer-link:#c4e3d3;--footer-line:#ffffff1c}
.site-footer--standalone{max-width:1240px;width:calc(100% - 80px);margin:32px auto 0;padding-bottom:28px}
@media(max-width:600px){.site-footer{align-items:flex-start;flex-direction:column;gap:10px;margin-top:24px;padding-top:18px}
.site-footer nav{gap:8px 18px}
.site-footer--standalone{width:calc(100% - 40px);padding-bottom:24px}
.site-footer p span{display:block}
.site-footer a{min-height:32px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.site-footer a{transition:none}}
:root{--tt-ink:#19442f;--tt-muted:#547a67;--tt-border:#d5ece0;--tt-surface:#f1faf5;--tt-focus:#32de88}
body.wheel-page{font-weight:450;line-height:1.5}
.wheel-page :is(h1,h2,h3){font-weight:650;text-wrap:pretty}
.wheel-page :is(input,select,textarea){font-size:16px;line-height:1.5}
.wheel-page :is(button,.get-code-button){font-size:15px;font-weight:600;min-height:44px}
.wheel-page :is(.card-top,.eyebrow){font-size:12px;font-weight:600;letter-spacing:1.2px}
.wheel-page #entry label{font-size:12px;font-weight:600;letter-spacing:1.4px}
.wheel-page :is(.get-code-panel span,#spin-note,.spin-note){font-size:14px;line-height:1.6;color:#c7e6d6}
.wheel-page .status{font-size:12px;font-weight:600;line-height:1.5}
:root{--ui-blue:linear-gradient(180deg,#31f493 0%,#12e27a 55%,#12c96e 100%);--ui-soft:linear-gradient(180deg,#fff,#ebfbf3);--ui-edge:#bbe5d0;--ui-raised:inset 0 1px 0 #ffffff60,0 2px 3px #10724121,0 6px 15px -6px #11c46b65;--ui-soft-shadow:inset 0 1px 0 #fff,0 2px 3px #1f5d3e10,0 5px 12px -7px #1c734840;--ui-radius:12px}
body.roulette-skin :is(.spin-button,.claim-button,.get-code-btn){background:var(--ui-blue);color:#fff;border:1px solid #32dd88;border-radius:var(--ui-radius);box-shadow:var(--ui-raised);font-weight:750;min-height:46px;line-height:1.3}
body.roulette-skin button:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;filter:none}
body.roulette-skin{--ui-soft:linear-gradient(180deg,#2b6347,#194630)}
body.roulette-skin :is(.copy-prize-code,#entry button,#copy-prize-code){border-radius:12px;min-height:46px;background:var(--ui-blue);border:1px solid #5fce97;color:#fff;box-shadow:var(--ui-raised);font-weight:700}
body.roulette-skin :is(.code-card,.prize-card,.reward-card,dialog){border-color:#3b7156;box-shadow:inset 0 1px 0 #cafce31f,0 14px 36px -20px #0009;border-radius:18px}
body.roulette-skin input{border-radius:10px;border:1px solid #5a9276;background:#123a26;color:#effef6;font-size:16px;box-shadow:inset 0 2px 5px #0003}
body.roulette-skin button.close{border:1px solid #69a386;background:linear-gradient(#376c52,#1d4a34);color:#fff;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff25;min-width:44px;min-height:44px}
body.roulette-skin{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#11241b;background-image:none;--ui-blue:#2dde86;--ui-raised:none;--ui-soft-shadow:none;--ui-radius:8px}
body.roulette-skin :is(.spin-button,.claim-button,.get-code-btn,.copy-prize-code,#entry button,#copy-prize-code){background:#2dde86;border-color:#3ede8e;border-radius:8px;box-shadow:none;font-weight:600}
body.roulette-skin :is(.code-card,.prize-card,.reward-card,dialog){background:#193628;border-color:#355646;border-radius:12px;box-shadow:none}
body.roulette-skin input{border-radius:8px;box-shadow:none;background:#132e21;border-color:#456957}
body.roulette-skin :is(#spin,#claim,.get-code-button){border-radius:8px;box-shadow:none;background:#2dde86}
body.roulette-skin .result-card{background:#193628;border:1px solid #355646;border-radius:12px;box-shadow:none}