:root{color-scheme:light;--line-red: #d83a34;--line-blue: #2677c9;--line-green: #2f9a4b;--line-orange: #ef8d24;--line-violet: #8d57c8;--line-brown: #8a5a3c;--neutral-line: #7b7f8a;--neutral-line-rgb: 123 127 138;--active-line: var(--neutral-line);--active-line-rgb: var(--neutral-line-rgb);--text-main: #1c2240;--text-soft: rgba(28, 34, 64, .68);--panel-border: #e7eaf3;--panel-shadow: rgba(30, 41, 82, .1);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(90deg,rgba(216,58,52,.04) 0 16.66%,transparent 16.66% 100%),linear-gradient(90deg,rgba(38,119,201,.04) 0 33.33%,transparent 33.33% 100%),linear-gradient(90deg,rgba(47,154,75,.04) 0 50%,transparent 50% 100%),linear-gradient(90deg,rgba(239,141,36,.04) 0 66.66%,transparent 66.66% 100%),linear-gradient(90deg,rgba(141,87,200,.04) 0 83.33%,transparent 83.33% 100%),linear-gradient(90deg,rgba(138,90,60,.04) 0 100%,transparent 100%),#fff;color:var(--text-main)}.app-shell{position:relative;z-index:1;width:min(1100px,calc(100% - 32px));margin:0 auto;padding:48px 0 56px}.hero{margin-bottom:16px}.eyebrow{margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--active-line)}h1,h2{font-family:Arial Black,Avenir Next Condensed,Trebuchet MS,sans-serif}h1{margin:0;font-size:clamp(2.5rem,7vw,5rem);line-height:.98;text-transform:uppercase;text-wrap:balance;text-shadow:0 10px 22px rgba(141,87,200,.12)}.result-label{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--active-line)}h2{margin:16px 0 0;font-size:clamp(1.5rem,4vw,2.6rem);line-height:1}#stationName{display:flex;align-items:center;gap:12px}.station-logo{width:46px;height:36px;flex:0 0 auto;color:var(--active-line)}.branch-pill{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:999px;background:rgb(var(--active-line-rgb) / .1);border:1px solid rgb(var(--active-line-rgb) / .18);color:var(--active-line);font-size:.95rem;font-weight:700}.branch-pill:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--active-line);box-shadow:0 0 0 4px rgb(var(--active-line-rgb) / .12)}.spin-button{border:0;border-radius:999px;padding:16px 22px;min-width:220px;background:var(--active-line);color:#fff;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 20px 34px rgb(var(--active-line-rgb) / .24),inset 0 1px #ffffff57;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.spin-button:hover{transform:translateY(-2px);box-shadow:0 26px 38px rgb(var(--active-line-rgb) / .3),inset 0 1px #ffffff57}.spin-button:active{transform:translateY(1px) scale(.99)}.spin-button:disabled{cursor:progress;filter:saturate(.6)}.slot-machine{margin:28px 0 24px;transition:opacity .22s ease}.slot-frame{position:relative;width:100%;padding:18px;border-radius:26px;margin:0;background:linear-gradient(135deg,#d83a341f,#ef8d241f,#2f9a4b1f,#2677c91f,#8d57c81f,#8a5a3c1f),#f6ffffd1;box-shadow:inset 0 0 0 1px rgb(var(--active-line-rgb) / .18),inset 0 14px 20px #ffffff6b;overflow:hidden}.payline{position:absolute;left:14px;right:14px;top:50%;height:84px;transform:translateY(-50%);border-top:2px solid rgb(var(--active-line-rgb) / .34);border-bottom:2px solid rgb(var(--active-line-rgb) / .34);background:linear-gradient(90deg,transparent,rgb(var(--active-line-rgb) / .06) 20%,rgb(var(--active-line-rgb) / .12) 50%,rgb(var(--active-line-rgb) / .06) 80%,transparent);pointer-events:none}.reel-window{position:relative;height:252px;border-radius:18px;background:linear-gradient(180deg,#fffffff7,#f5f3fff0);overflow:hidden}.reel-edge-blur{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;border-radius:inherit;padding:18px;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 24px #ffffffb3;transition:opacity .22s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.slot-machine.is-blurred .reel-edge-blur{opacity:1}.reel-window:before,.reel-window:after{content:"";position:absolute;left:0;right:0;height:76px;z-index:2;pointer-events:none}.reel-window:before{top:0;background:linear-gradient(180deg,rgba(245,255,255,.98),transparent)}.reel-window:after{bottom:0;background:linear-gradient(0deg,rgba(233,249,252,.98),transparent)}.reel-strip{will-change:transform}.reel-item{height:84px;display:flex;align-items:center;justify-content:center;padding:0 14px;font-family:Arial Black,Avenir Next Condensed,Trebuchet MS,sans-serif;font-size:clamp(1rem,2vw,1.35rem);text-align:center;line-height:1.15;text-transform:uppercase;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}.reel-item--red{color:var(--line-red)}.reel-item--blue{color:var(--line-blue)}.reel-item--green{color:var(--line-green)}.reel-item--orange{color:var(--line-orange)}.reel-item--violet{color:var(--line-violet)}.reel-item--brown{color:var(--line-brown)}.reel-item.highlight{text-shadow:0 0 18px rgb(var(--active-line-rgb) / .28);transform:scale(1.02)}.machine-card{background:linear-gradient(180deg,rgba(255,255,255,.78),transparent 18%),#ffffffdb;border:1px solid rgb(var(--active-line-rgb) / .22);border-radius:28px;box-shadow:0 24px 60px var(--panel-shadow),inset 0 1px #ffffffb8;padding:22px 24px}#stationHint{margin:0;color:var(--text-soft);font-size:1.05rem;line-height:1.55}@media(max-width:820px){.app-shell{width:min(100% - 20px,1100px);padding-top:28px}}@media(max-width:620px){h1{font-size:clamp(1.8rem,10vw,3rem)}.spin-button{width:100%}.payline{left:10px;right:10px}}