/* PRIZEFEST — mobile-first interaction layer. All demo notices are intentional. */
:root{--deep:#111c69;--bright:#1057ed;--lightblue:#eff5ff;--line:#dce7ff;--surface:#ffffff;--shadow-lg:0 24px 65px rgba(13,45,117,.18)}
body{background:#e6f1ff;min-width:280px}
body.modal-lock{overflow:hidden}
.demo-ribbon{z-index:2001;position:relative;min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 10px;background:#08164c;color:#e4eaff;text-align:center;font-weight:820;font-size:10px;letter-spacing:.055em;line-height:1.4}
.demo-pulse{width:6px;height:6px;flex:0 0 6px;background:#ffc85a;border-radius:50%}
.welcome{z-index:1900;top:0}
.welcome-dialog{padding-top:48px;padding-bottom:46px}
.welcome-footnote{max-width:440px;margin:18px auto 0;line-height:1.6;color:#dbe5ff}
.masthead .topbar,.masthead-content{position:relative}
.play-section{padding-top:58px}
.new-reel-frame{padding:0 16px 16px;box-shadow:0 19px 65px rgba(23,78,173,.19)}
.prizes-live{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font-weight:900;letter-spacing:.06em;font-size:9px;background:#f0f5ff;border-radius:999px;color:#3464bc}
.prizes-live span{width:6px;height:6px;border-radius:50%;background:#27b879}
.spin-window{position:relative;height:198px;overflow:hidden;border-radius:16px;border:1px solid #e3ebff;background:linear-gradient(145deg,#f7faff,#e8f1ff);isolation:isolate;touch-action:pan-y}
.spin-window::before,.spin-window::after{content:'';position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none}
.spin-window::before{left:0;background:linear-gradient(90deg,#eaf2ff,transparent)}
.spin-window::after{right:0;background:linear-gradient(270deg,#eaf2ff,transparent)}
.spin-track{height:100%;display:flex;align-items:stretch;gap:10px;padding:9px 0;will-change:transform;transform:translate3d(0,0,0)}
.spin-slot{display:flex;flex:0 0 151px;width:151px;min-width:151px;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid #e2eafa;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(37,74,160,.06);text-align:center;overflow:hidden}
.spin-slot strong{max-width:135px;min-height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#264076;line-height:1.25}
.spin-slot.is-miss{background:linear-gradient(145deg,#fff,#fff7f8)}
.spin-slot.is-bonus{background:linear-gradient(145deg,#fffdf0,#fff0c7)}
.spin-slot.is-win{background:linear-gradient(145deg,#fff,#f2f7ff)}
.spin-slot .cross{font-size:95px;line-height:1;color:#ed243b;font-weight:900;text-shadow:1px 6px 2px rgba(165,0,13,.11);transform:rotate(-8deg);font-family:Arial,sans-serif}
.spin-slot .slot-symbol{display:grid;place-items:center;height:91px;min-height:91px;font-size:71px;line-height:1;filter:drop-shadow(0 8px 8px rgba(20,36,90,.11))}
.spin-slot .slot-symbol.bonus-symbol{color:#b16d00;font-size:58px}
.spin-slot .slot-symbol.cash-symbol{font-size:40px;font-weight:900;background:linear-gradient(130deg,#ffe39f,#ffb35a);padding:12px;border-radius:16px;color:#884400}
.spin-slot .slot-symbol.x-symbol{color:#e22d43;font-weight:950;font-size:110px}
.spin-slot .gpu-graphic{transform:scale(.65)}
.spin-slot .phone-graphic{transform:scale(.65)}
.spin-marker{position:absolute;pointer-events:none;inset:0 auto 0 50%;border-left:3px solid #1857d8;z-index:3;filter:drop-shadow(0 1px 5px rgba(30,76,193,.35))}
.spin-marker::before,.spin-marker::after{content:'';position:absolute;left:-12px;border:10px solid transparent}
.spin-marker::before{top:-7px;border-top-color:#1857d8}
.spin-marker::after{bottom:-7px;border-bottom-color:#1857d8}
.spin-window.is-spinning .spin-marker{border-color:#f6a323}
.spin-window.is-spinning .spin-marker::before{border-top-color:#f6a323}
.spin-window.is-spinning .spin-marker::after{border-bottom-color:#f6a323}
.reel-legend{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;padding:12px 7px 0;color:#7e8db0;font-weight:710;font-size:11px}
.start-button[disabled]{opacity:.58;cursor:not-allowed;filter:grayscale(.3);pointer-events:none}
.demo-explanation{text-align:center;color:#6780b5;font-size:12px;max-width:500px;line-height:1.5;margin:24px 0 0}
/* GPU / phone: self-contained art, no external images */
.gpu-graphic{width:136px;height:70px;display:flex;align-items:center;justify-content:space-evenly;padding:7px 3px;border-radius:9px;background:linear-gradient(130deg,#111825,#3a4454 55%,#0e1825);border:5px solid #303847;box-shadow:0 7px 10px rgba(21,37,71,.18)}
.gpu-fan{position:relative;width:34px;height:34px;border:5px solid #0a0f18;border-radius:50%;background:repeating-conic-gradient(from 10deg,#636b7a 0deg 25deg,#151f2a 27deg 50deg);box-shadow:0 0 0 2px #697280}
.gpu-fan::after{content:'';position:absolute;top:8px;left:8px;width:8px;height:8px;background:#a8b2be;border-radius:50%}
.phone-graphic{position:relative;width:54px;height:93px;border:4px solid #161b2d;border-radius:12px;background:linear-gradient(132deg,#09132b,#405bbb 45%,#171c39 46%,#7d91dc 82%,#0d1323);box-shadow:-9px 4px 0 -3px #333d50,0 10px 14px rgba(31,47,80,.22)}
.phone-graphic::before{content:'';position:absolute;width:23px;height:6px;border-radius:8px;background:#030817;top:4px;left:11px}
/* Modal */
.result-backdrop{position:fixed;inset:0;z-index:1950;display:grid;place-items:center;padding:max(26px,env(safe-area-inset-top)) 17px max(18px,env(safe-area-inset-bottom));overflow-y:auto;background:rgba(1,11,36,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.result-dialog{width:min(100%,540px);text-align:center;position:relative;padding:20px 12px 26px;animation:rise .45s cubic-bezier(.2,.9,.25,1.05) both}
@keyframes rise{from{transform:translateY(26px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.result-icon{margin:0 auto 16px;display:grid;place-items:center;width:175px;height:175px;border-radius:50%;background:linear-gradient(140deg,#fffce5,#ffe488);box-shadow:0 0 65px 15px rgba(255,211,107,.34);font-size:118px}
.result-icon.miss-icon{box-shadow:none;background:linear-gradient(145deg,#ffcd30,#f6921e)}
.result-icon .gpu-graphic{transform:scale(1.16)}
.result-icon .phone-graphic{transform:scale(1.3)}
.result-price{position:relative;display:table;margin:-23px 0 13px auto;padding:10px 16px;min-width:135px;background:linear-gradient(130deg,#ff453a,#b92426);border-radius:10px;color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(2,0,0,.3)}
.result-eyebrow{font-size:16px;font-weight:750;margin:12px 0 6px;color:#e7eaff}
.result-dialog h2{font-size:clamp(29px,6vw,39px);line-height:1.1;letter-spacing:-.04em;font-weight:900;margin:3px 0 19px}
.result-dialog p:not(.modal-demo-label){max-width:520px;margin:0 auto 23px;font-size:clamp(17px,3vw,21px);line-height:1.45;font-weight:700;color:#f1f3ff}
.result-continue{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:470px;min-height:74px;margin:4px auto 21px;border-radius:15px;border:1px solid #5485ed;color:#fff;font-weight:850;font-size:clamp(22px,4vw,29px);background:linear-gradient(116deg,#2669e8,#163aaf);box-shadow:0 13px 27px rgba(0,0,0,.26)}
.result-continue span{font-size:25px}
.result-dialog .result-remaining{font-size:17px!important;font-weight:450!important;color:#dfe7ff!important;margin-bottom:18px!important}
.modal-demo-label{display:inline-block;border:1px solid rgba(255,255,255,.23);border-radius:999px;padding:8px 12px;font-size:10px;color:#b5c6f2;line-height:1.4}
/* Flow stage and win cards */
.flow-section{background:linear-gradient(160deg,#dceaff,#eef5ff);padding:37px 0 65px}
.flow-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(250px,335px);justify-content:center;align-items:start;gap:22px}
.flow-primary,.flow-aside{min-width:0}
.flow-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(23,69,150,.1)}
.flow-top{padding:23px 23px 18px;display:flex;align-items:center;gap:14px;border-bottom:4px repeating-linear-gradient(120deg,#376bda 0 3px,#fff 3px 6px)}
.flow-top-icon{flex:0 0 51px;height:51px;width:51px;display:grid;place-items:center;background:#eaf0ff;border-radius:17px;font-size:28px}
.flow-top strong{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:3px;color:#13275c}
.flow-top p{font-size:13px;color:#7080a8;line-height:1.45;margin:0}
.flow-body{padding:22px}
.flow-body h3{font-size:21px;line-height:1.2;margin:0 0 14px;letter-spacing:-.027em}
.flow-body > p{font-size:14px;color:#536992;line-height:1.65}
.flow-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:13px;min-height:62px;padding:15px 18px;margin-top:12px;background:linear-gradient(116deg,#1e5be2,#142e98);font-weight:850;color:white;font-size:15px;text-align:center;box-shadow:0 5px 12px rgba(16,54,162,.16)}
.flow-button.secondary{background:#edf3ff;color:#2052bd;border:1px solid #d7e6ff;box-shadow:none}
.flow-button:hover,.start-button:hover:not([disabled]),.result-continue:hover{filter:brightness(1.08)}
.flow-disclaimer{font-size:12px!important;color:#8b96ad!important;margin:16px 2px 3px!important;line-height:1.55!important;text-align:center}
.prize-card{position:relative;display:flex;align-items:center;gap:14px;border:1px solid #e2e9ff;border-radius:15px;margin:8px 0;padding:13px 11px;background:#eff3ff}
.prize-card .prize-count{align-self:flex-start;flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;background:#2755c7;border:2px solid white;color:#fff;border-radius:50%;font-size:11px;font-weight:900;box-shadow:0 3px 6px rgba(0,0,0,.13)}
.prize-art{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border-radius:50%;background:#fff;overflow:hidden}
.prize-art .gpu-graphic{transform:scale(.42)}
.prize-art .phone-graphic{transform:scale(.6)}
.prize-card .prize-meta{min-width:0;flex:1}
.prize-meta small{display:block;color:#526896;font-size:11px}
.prize-meta strong{font-size:13px;line-height:1.35;display:block;margin:3px 0;color:#162657}
.prize-meta span{font-size:12px;color:#60759d}
.prize-card::after{content:'🎀';position:absolute;right:6px;top:4px;font-size:24px;transform:rotate(25deg)}
.summary-box{background:#edf0ff;border-radius:15px;margin:18px 0;padding:18px;color:#516286;text-align:center;line-height:1.6;font-size:13px}
.summary-total{display:block;font-size:25px;color:#172858;margin-top:11px;letter-spacing:-.025em}
.summary-total strong{border-bottom:3px solid #b49bfa}
.flow-aside{border-radius:20px;padding:22px;background:#182e93;color:white;box-shadow:0 16px 40px rgba(30,53,151,.16);position:sticky;top:10px}
.aside-heading{font-weight:850;margin-bottom:13px;font-size:16px}
.flow-aside .prize-card{padding:8px 4px;gap:6px;background:#fff;margin-bottom:10px}
.flow-aside .prize-count{flex-basis:21px;width:21px;height:21px;font-size:9px}
.flow-aside .prize-art{width:42px;height:42px;flex-basis:42px}
.flow-aside .prize-art .gpu-graphic{transform:scale(.30)}
.flow-aside .prize-art .phone-graphic{transform:scale(.39)}
.flow-aside .prize-meta strong{font-size:11px}
.flow-aside > p{font-size:12px;line-height:1.5;color:#d3dfff}
.flow-aside .empty-wins{color:#fff}
/* warehouse, status, queue */
.stage-visual{display:grid;place-items:center;margin:4px auto 13px;width:160px;height:135px;background:radial-gradient(circle,#e8f0ff 0 50%,transparent 70%);font-size:89px}
.progress-list{display:grid;gap:12px;margin:20px 0}
.progress-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#eef3ff;color:#566c9b;font-weight:700;font-size:13px}
.progress-row.done{color:#287a5d;background:#eafbf4}
.progress-row.active{color:#1954c7;background:#e0eeff}
.status-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%;border:2px solid currentColor}
.progress-row.done .status-dot{background:#27ac78}
.progress-row.active .status-dot{border-top-color:transparent;animation:spin-dot .85s linear infinite}
@keyframes spin-dot{to{transform:rotate(360deg)}}
.inventory-error{color:#9b303a;background:#fff0f2;border:1px solid #ffe0e4;padding:18px;border-radius:14px;font-size:13px;line-height:1.55;margin:16px 0}
.inventory-error strong{font-size:17px}
.queue-number{width:105px;height:105px;display:grid;place-items:center;margin:17px auto 6px;border-radius:50%;border:10px solid #e3edff;background:#fff;font-size:47px;color:#2350bc;font-weight:900;box-shadow:0 10px 19px rgba(44,90,177,.08)}
.queue-caption{font-weight:850;color:#27447d;font-size:16px;text-align:center}
.queue-visual{height:120px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px}
.queue-visual span{display:grid;place-items:center;width:75px;height:75px;border-radius:30px;background:#dceaff;font-size:39px}
.queue-loader{height:4px;width:80%;margin:20px auto 0;background:#e8eeff;border-radius:9px;overflow:hidden}
.queue-loader::after{content:'';display:block;background:#1c65e5;width:45%;height:100%;animation:load-shift 2s ease-in-out infinite alternate}
@keyframes load-shift{from{transform:translateX(0)}to{transform:translateX(126%)}}
/* Bot mock chat, with one message at a time */
.operator-profile{display:flex;align-items:center;gap:14px;padding:16px 18px 13px;border-bottom:4px repeating-linear-gradient(120deg,#376bda 0 3px,#fff 3px 6px)}
.operator-avatar{width:65px;height:65px;flex:0 0 65px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#c9dfff,#b2abff);font-size:38px}
.operator-profile strong{display:block;font-size:15px}
.operator-profile span{display:block;font-size:12px;line-height:1.6;color:#61749e}
.operator-profile em{font-style:normal;color:#30956a}
.operator-profile .bot-label{color:#f17c43;font-size:11px;font-weight:800}
.operator-chat{margin:14px;background:#eaf1ff;border-radius:13px;padding:14px;min-height:340px;max-height:480px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px}
.operator-chat::before{content:'✧ ДЕМО-ДИАЛОГ · АВТОМАТИЧЕСКИЕ СООБЩЕНИЯ';display:block;text-align:center;font-size:9px;letter-spacing:.08em;color:#728fca;font-weight:900;margin-bottom:4px}
.bot-bubble{align-self:flex-start;max-width:94%;font-size:13px;line-height:1.55;border-radius:12px 12px 12px 3px;padding:13px 14px;background:#fff;color:#25375a;box-shadow:0 5px 12px rgba(25,52,109,.11);animation:rise .23s ease both}
.bot-bubble small{color:#7390ba;font-size:10px;display:block;margin-bottom:5px;font-weight:800}
.bot-time{display:block;text-align:right;color:#9cabc5;font-size:10px;margin-top:5px}
.bot-typing{align-self:flex-start;color:#7086ad;background:#e1eaff;border-radius:12px;padding:11px 14px;font-size:12px}
.bot-typing .dots{display:inline-flex;gap:3px;margin-left:6px}
.bot-typing .dots i{display:block;width:5px;height:5px;border-radius:50%;background:#5b7bb5;animation:dot .75s ease-in-out infinite alternate}
.bot-typing .dots i:nth-child(2){animation-delay:.15s}.bot-typing .dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{to{opacity:.15;transform:translateY(-3px)}}
.chat-action{padding:0 15px 16px}
.chat-action .flow-button{margin:0}
/* Card test screen */
.form-label{display:block;font-size:13px;font-weight:800;color:#3b4e75;margin:13px 0 8px}
.card-input-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid #b9c9e9;border-radius:12px;padding:3px 14px;background:#fff}
.card-input-wrap:focus-within{border-color:#2a69ea;box-shadow:0 0 0 4px rgba(42,105,234,.1)}
.card-input-wrap input{border:0;outline:0;min-width:0;flex:1;min-height:56px;font-size:clamp(16px,4.4vw,22px);font-weight:700;letter-spacing:.06em;color:#183575;font-family:ui-monospace,Menlo,monospace}
.card-input-wrap .card-symbol{font-size:26px}
.form-warning{margin:12px 0 19px;border-radius:11px;padding:12px 14px;background:#fff1f1;color:#9c3c4b;font-size:12px;line-height:1.65}
.card-validation{font-size:12px;line-height:1.5;margin:9px 0;color:#7b86a5}
.card-validation.error{color:#cc3048}.card-validation.success{color:#178452}
.card-brands{display:flex;justify-content:center;gap:8px;margin-top:18px;align-items:center;color:#3c5b9a;font-weight:950}
.card-brands span{display:inline-flex;align-items:center;justify-content:center;min-width:57px;padding:6px 9px;border:1px solid #d3e1ff;border-radius:7px;background:#f5f8ff;font-size:14px}
.done-check{display:grid;place-items:center;width:114px;height:114px;margin:5px auto 20px;border-radius:50%;background:linear-gradient(125deg,#cdf6e5,#a5efd9);color:#159969;font-weight:900;font-size:69px}
/* Lower scroll section */
.community-section{padding:77px 0 85px;background:linear-gradient(135deg,#f3f8ff,#e8f2ff)}
.community-grid{display:grid;grid-template-columns:1fr 430px;gap:46px;align-items:center}
.community-info h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.055em;line-height:1.11;margin:13px 0}
.community-info h2 span{color:#155be0}
.community-info > p{max-width:470px;line-height:1.68;color:#67789e;font-size:15px}
.community-stats{display:flex;gap:13px;flex-wrap:wrap;margin:27px 0}
.community-stats span{background:#fff;border:1px solid #e3ebff;border-radius:13px;padding:13px 17px;font-size:12px;font-weight:750;color:#6880af}
.community-stats strong{display:block;font-size:25px;color:#234ebd}
.empty-wins{background:#fff;border:1px dashed #becff4;padding:22px;border-radius:13px;font-size:13px;color:#6b80a9}
.community-chat{background:white;border-radius:22px;overflow:hidden;box-shadow:0 19px 52px rgba(31,71,150,.13)}
.community-chat-header{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(120deg,#204cb8,#172d88);color:#fff}
.chat-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#377afa;font-weight:950}
.community-chat-header strong,.community-chat-header span{display:block}.community-chat-header strong{font-size:14px}.community-chat-header span{color:#cddaff;margin-top:4px;font-size:11px}
.community-chat-messages{height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;padding:20px 18px;background:#f6f9ff}
.sample-msg{max-width:87%;align-self:flex-start;background:#fff;border:1px solid #e8eefe;padding:13px 15px;border-radius:12px 12px 12px 4px;font-size:12px;line-height:1.55;color:#385070;box-shadow:0 3px 8px rgba(35,53,112,.05)}
.sample-msg.mine{align-self:flex-end;background:#e1eeff;border-color:#bed5ff;border-radius:12px 12px 4px 12px}
.sample-msg small{display:block;font-size:10px;color:#8398bf;margin-bottom:5px;font-weight:800}
.community-send{display:flex;gap:9px;padding:14px;background:#1a3190}
.community-send input{min-width:0;flex:1;border:0;border-radius:10px;padding:15px;font-size:13px;outline-color:#82baff}
.community-send button{flex:0 0 44px;border:0;border-radius:10px;background:#fff;color:#1851c7;font-size:22px}
.reset-link{background:transparent;border:0;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:12px}
.footer-inner{flex-wrap:wrap;padding:15px 0}
.toast{z-index:2200}
@media(max-width:850px){.community-grid{grid-template-columns:1fr;gap:24px}.community-chat{max-width:560px;width:100%;margin:auto}.flow-layout{grid-template-columns:minmax(0,560px)}.flow-aside{position:static}}
@media(max-width:600px){
  .demo-ribbon{font-size:8px;line-height:1.3;min-height:29px}
  .play-section{padding-top:43px}
  .new-reel-frame{padding:0 10px 11px;border-radius:17px}
  .spin-window{height:164px;border-radius:11px}
  .spin-slot{flex-basis:137px;width:137px;min-width:137px;gap:4px}
  .spin-track{gap:8px;padding:7px 0}
  .spin-slot strong{font-size:11px}
  .spin-slot .cross{font-size:80px}
  .spin-slot .slot-symbol{height:79px;min-height:79px;font-size:55px}
  .spin-slot .slot-symbol.cash-symbol{font-size:33px}
  .reel-legend{font-size:9px;justify-content:center;gap:12px;padding-top:9px}
  .prizes-head{margin-top:-16px;margin-bottom:12px}
  .prizes-live{font-size:8px}
  .result-dialog{padding:9px 3px 15px}
  .result-icon{width:149px;height:149px;font-size:96px}
  .result-icon .gpu-graphic{transform:scale(1.02)}
  .result-icon .phone-graphic{transform:scale(1.06)}
  .result-dialog p:not(.modal-demo-label){font-size:17px}
  .result-continue{min-height:67px}
  .flow-section{padding:23px 0 42px}
  .flow-top{padding:17px 15px 14px;gap:12px}
  .flow-top-icon{width:43px;height:43px;flex-basis:43px;font-size:24px}
  .flow-top strong{font-size:16px}
  .flow-body{padding:14px}
  .flow-card{border-radius:17px}
  .prize-card{gap:9px}
  .prize-art{flex-basis:52px;width:52px;height:52px}
  .prize-art .gpu-graphic{transform:scale(.35)}
  .prize-art .phone-graphic{transform:scale(.45)}
  .prize-meta strong{font-size:12px}
  .prize-card::after{font-size:18px}
  .operator-chat{margin:9px;max-height:390px;min-height:270px}
  .community-section{padding:53px 0}
  .community-info h2{font-size:33px}
  .community-chat-messages{height:300px}
  .flow-aside{padding:15px}
}
@media(max-width:355px){.edition{display:none}.prizes-live{display:none}.prize-card .prize-count{display:none}.flow-top p{font-size:11px}.demo-ribbon{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}