:root{color-scheme:dark;--ink:#080a12;--pink:#ff497e;--lime:#d9ff54;--cyan:#70e3ff;--muted:#9ba1b8}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f2f1ff;font-family:Arial,Helvetica,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit}.city,.shade,.rain{position:fixed;inset:0;pointer-events:none}.city{z-index:-3;background:url('assets/city.webp') center 40%/cover}.shade{z-index:-2;background:linear-gradient(90deg,#070913e6,#07091388 55%,#08091310 80%),linear-gradient(0deg,#080a12f2,transparent 55%)}.rain{z-index:-1;opacity:.18;background:repeating-linear-gradient(107deg,transparent 0 90px,#abbfff50 91px,transparent 92px 175px);animation:rain 1s linear infinite}header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 3.2vw;border-bottom:1px solid #ffffff20;background:#080a1266}.brand{font-size:13px;font-weight:900;letter-spacing:2px;text-decoration:none}.brand span{color:#9092a5;font-size:8px;margin-left:8px}.edition{font:9px monospace;letter-spacing:2px;color:#aab0c5}.edition i{font-style:normal;color:var(--pink);margin-left:10px}.tools{display:flex;gap:8px}.tools button{font:9px monospace;letter-spacing:1px;background:#0d102080;border:1px solid #646b8355;padding:10px 13px}main{max-width:1800px;margin:auto;padding:0 3.2vw}.identity{padding:24px 0 18px;position:relative}.overline{font:9px monospace;letter-spacing:2px;color:#bdc2d8;margin:0 0 10px}.overline>span{display:inline-block;width:20px;height:2px;background:var(--pink);vertical-align:middle;margin-right:8px}h1{font-size:clamp(52px,6.5vw,104px);letter-spacing:-6px;font-style:italic;font-weight:950;line-height:.82;margin:0;display:flex;gap:17px;filter:drop-shadow(4px 4px 0 #551d5299)}h1>span{color:var(--pink)}.title-dot{color:var(--lime)}.tagline{font:9px monospace;letter-spacing:4px;margin:15px 0 0;color:#acb0c8}.mission{display:grid;grid-template-columns:1.1fr repeat(3,1fr) .6fr;border:1px solid #73789450;background:#080e1adb;backdrop-filter:blur(14px);max-width:1050px;clip-path:polygon(0 0,98% 0,100% 24%,100% 100%,0 100%)}.mission-label{display:flex;flex-direction:column;justify-content:center;padding:12px 20px}.mission-label span{font:8px monospace;color:#959bb4;letter-spacing:1px}.mission-label strong{font-size:11px;margin-top:5px;letter-spacing:1px}.lock{background:transparent;border:0;border-left:1px solid #555c753b;display:flex;gap:10px;align-items:center;padding:14px;text-align:left;transition:background .3s}.lock i{font:10px monospace;font-style:normal;color:#5b667e}.lock>span{font-size:11px;font-weight:800;letter-spacing:1px}.lock small{display:block;font:8px monospace;color:#929ab1;margin-top:5px;letter-spacing:0}.lock b{margin-left:auto;font:23px monospace;color:#606b85}.lock.active{background:#dbff5418;box-shadow:inset 0 -2px var(--lime)}.lock.active b,.lock.active i,.lock.active>span{color:var(--lime)}.mission-count{text-align:center;display:flex;flex-direction:column;justify-content:center}.mission-count strong{font:25px monospace;color:var(--lime)}.mission-count strong span{font-size:12px;color:#7b849c}.mission-count small{font:7px monospace;letter-spacing:1px;margin-top:3px}.operation{display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:35px;align-items:stretch;margin-top:18px}.reel-zone{min-width:0}.system-line{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#9ea8c5;padding:8px 2px}.system-line b{font-weight:normal}.system-line i{display:inline-block;height:5px;width:5px;background:var(--cyan);margin-right:6px;box-shadow:0 0 8px var(--cyan)}.reels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:center;min-height:300px;padding:12px 0 9px;position:relative}.column{display:flex;flex-direction:column;gap:5px;position:relative;padding:5px;background:linear-gradient(160deg,#0f192aed,#070c16ee);border:1px solid #7a8eb151;border-top:2px solid #67d3ef9a;border-bottom:2px solid #ff427a99;box-shadow:0 10px 25px #0008,0 0 16px #6a50c216;transform:skewY(-2deg)}.column:nth-child(n+4){transform:skewY(2deg)}.cell{height:clamp(49px,calc((100svh - 545px)/5),110px);min-width:0;border:1px solid #3440544f;background:linear-gradient(135deg,#122039b0,#060b1688);display:grid;place-items:center;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.symbol{width:90%;height:96%;background:url('assets/symbols.webp') no-repeat;background-size:400% 200%;mix-blend-mode:screen;filter:brightness(1.16);mask-image:radial-gradient(ellipse,#000 35%,#000d 60%,transparent 82%)}.cell.highlight{border-color:var(--pink);box-shadow:inset 0 0 23px #e91b6440}.cell.wild{border-color:var(--lime);box-shadow:inset 0 0 25px #daff5430}.cell.wild:after{content:'LOCKED';position:absolute;bottom:3px;font:6px monospace;letter-spacing:1px;color:var(--lime)}.column.scanning .symbol{animation:scan .11s linear infinite;filter:blur(3px) brightness(1.4)}.column.scanning:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#56dfff44,transparent 80%);animation:sweep .5s linear infinite}.console-line{display:flex;align-items:center;gap:12px;color:#b9c7dc;min-height:36px;border-top:1px solid #6173933b;font:10px monospace}.console-line p{margin:0;flex:1;line-height:1.5}.crosshair{font-size:24px;color:var(--pink)}.signal{color:var(--cyan);font-size:12px}.crew{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0 12px}.crew-tag{align-self:flex-end;writing-mode:vertical-rl;font:8px monospace;letter-spacing:3px;color:#a9aabd;border-right:1px solid #a9aabd66;padding:10px 8px}.crew-copy{padding:20px 0 0;background:linear-gradient(transparent,#080a1288)}.crew h2{font-size:clamp(22px,2.6vw,43px);line-height:1;letter-spacing:-1px;margin:8px 0;font-style:italic}.crew h2 em{color:var(--lime);font-style:normal}.crew p{font-size:11px;line-height:1.6;color:#c2c2d2}.crew button{display:flex;justify-content:space-between;width:100%;font:8px monospace;letter-spacing:1px;border:0;border-bottom:1px solid #c1c6db66;background:#080b1366;padding:14px 0;color:#c7d3ed}.crew button span{color:var(--lime);font-size:17px}.command-bar{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:22px;min-height:82px;padding:13px 20px;background:linear-gradient(100deg,#131b2bee,#090e19ef);border-top:1px solid #8b97b366;border-bottom:1px solid #4149626b;margin-top:12px}.preview-status{display:flex;gap:12px;align-items:center}.pulse{width:6px;height:6px;background:var(--lime);box-shadow:0 0 10px #d9ff5466}.preview-status strong{font:9px monospace;letter-spacing:1px}.preview-status small{display:block;font:8px monospace;color:#8e9bb2;margin-top:6px}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;background:var(--lime);color:#10180a;border:0;padding:17px 22px;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,6% 100%,0 75%);font-size:11px;font-weight:900;letter-spacing:1px}.primary b{font-size:17px}.primary:hover{background:#eeff9b}.reset{background:transparent;border:1px solid #5b698055;padding:17px;font:9px monospace;color:#a9b8cd}.sequence-note{text-align:right;font:8px monospace;line-height:1.8;color:#79879f}.sequence-note strong{color:#9aa7bd;font-weight:normal}footer{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font:7px monospace;letter-spacing:.5px;color:#69748c}footer button{font:inherit;color:#a6b1c7;background:none;border:0;padding:0}dialog{width:min(560px,92vw);background:#0b1221;color:#e7eeff;border:1px solid #697893;padding:35px;box-shadow:0 0 100px #000b}dialog::backdrop{background:#030610b9;backdrop-filter:blur(8px)}#close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}dialog h2{font-size:28px;font-style:italic;margin-top:8px}dialog p{font-size:13px;line-height:1.7;color:#a7b4cf}dialog label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0;font-size:12px}input{accent-color:var(--lime)}.cinema{position:fixed;inset:0;background:#070a14;z-index:10;overflow:hidden}.cinema[hidden]{display:none}.cinema video{position:absolute;width:100%;height:100%;object-fit:cover}.cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020516ae,transparent 70%),linear-gradient(0deg,#020516cc,transparent 35%);pointer-events:none}.cinema-top{position:absolute;left:4vw;right:4vw;top:30px;z-index:2;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:2px}.cinema-top button{background:#080e1aaa;border:1px solid #a7b2ce66;padding:12px;font:9px monospace}.chase-caption{position:absolute;left:7vw;bottom:24%;z-index:2}.chase-caption>span{font:10px monospace;letter-spacing:4px;color:var(--lime)}.chase-caption h2{font-size:clamp(45px,7vw,110px);line-height:.9;font-style:italic;letter-spacing:-4px;margin:18px 0}.chase-caption h2 em{color:var(--pink)}.chase-caption p{font:10px monospace;color:#bec7da}.route{position:absolute;bottom:10%;left:7vw;right:7vw;z-index:2;display:flex;align-items:center;gap:25px;font:9px monospace;letter-spacing:2px}.route i{flex:1;height:1px;background:#a7b5d4}.timeline{position:absolute;bottom:0;left:0;right:0;height:4px;z-index:2;background:#0c1022}.timeline i{display:block;width:0;height:100%;background:var(--lime)}.speed-lines{position:absolute;inset:-30%;z-index:1;background:repeating-conic-gradient(from 40deg at 50% 50%,transparent 0 20deg,#8b65fa18 21deg,transparent 22deg 40deg);animation:speed 1s ease-in infinite;pointer-events:none}@keyframes speed{to{transform:scale(1.2);opacity:0}}@keyframes rain{to{transform:translate(-22px,65px)}}@keyframes scan{to{transform:translateY(14px)}}@keyframes sweep{to{transform:translateY(40px)}}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}.reduced-motion .city{background-attachment:scroll}
@media(min-width:1500px){.operation{grid-template-columns:minmax(0,1fr) 32%;gap:50px}}
@media(max-height:760px) and (min-width:901px){header{height:46px}.identity{padding:15px 0 12px}h1{font-size:64px}.tagline{margin-top:11px}.operation{margin-top:9px}.mission{max-width:1000px}.lock{padding:10px}.cell{height:clamp(40px,calc((100svh - 435px)/5),80px)}.reels{min-height:245px;padding:7px 0}.command-bar{min-height:65px;padding:9px 15px;margin-top:6px}.primary{padding:13px 20px}.crew h2{font-size:30px}.crew p{margin:5px 0}.identity .overline{margin-bottom:8px}}
@media(max-width:900px){header{padding:0 4vw;height:54px}.brand span,.edition{display:none}main{padding:0 4vw}.identity{padding:32px 0 25px}h1{font-size:78px;display:block;letter-spacing:-5px}h1>span{display:block}.city{background-position:67% top}.shade{background:linear-gradient(0deg,#080a12 8%,#080a1280 75%,#080a1222)}.mission{grid-template-columns:repeat(3,1fr) .45fr;clip-path:none}.mission-label{display:none}.lock{padding:11px 8px;gap:5px}.lock i{font-size:8px}.lock>span{font-size:9px}.lock small{font-size:7px}.lock b{display:none}.mission-count strong{font-size:20px}.mission-count small{font-size:5px}.operation{display:block;margin-top:15px}.crew{display:none}.reels{min-height:0;gap:4px}.column{padding:3px;gap:3px}.cell{height:clamp(47px,11vw,84px)}.system-line{font-size:7px;letter-spacing:.5px}.console-line{font-size:9px}.command-bar{grid-template-columns:1fr auto;gap:12px;padding:14px;margin-top:12px}.preview-status{grid-column:1/-1}.primary{min-width:0;width:100%;gap:10px;font-size:10px;padding:16px}.reset{font-size:8px;padding:16px 10px}.sequence-note{display:none}footer{flex-wrap:wrap;font-size:6px;line-height:1.6}footer>span:last-child{width:100%}.chase-caption h2{letter-spacing:-2px}.chase-caption{bottom:30%;left:6vw}.chase-caption p{font-size:8px;max-width:250px;line-height:1.7}.route{gap:12px;font-size:7px}.cinema-top{font-size:8px}.cinema-top button{font-size:8px}.tools button{font-size:8px;padding:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* Preserve the portrait sprite-cell proportions at every reel width. */
.symbol{height:96%;width:auto;aspect-ratio:3/4;max-width:96%}
/* Complete-game control strip, retaining the approved asymmetric composition. */
.command-bar{grid-template-columns:1fr 1fr minmax(200px,1.5fr) auto 1fr;gap:16px;padding:12px 16px}.meter small,.stake-control>small{display:block;font:8px monospace;letter-spacing:1px;color:#94a2bb;margin-bottom:7px}.meter strong{font:20px monospace;color:#eef3ff}.return{text-align:right}.return strong{color:var(--lime)}.stake-control>div{display:flex;align-items:center;gap:10px}.stake-control strong{font:15px monospace;min-width:48px;text-align:center}.stake-control button{background:#172138;border:1px solid #52617a;color:#dfe7ff;width:26px;height:26px}.primary{min-width:0}.cell.wild:after{content:'WILD'}.cell.sticky:after{content:'LOCKED'}.cell.winning{border-color:var(--lime);box-shadow:inset 0 0 25px #daff5460;animation:award .5s ease-in-out 2 alternate}@keyframes award{to{filter:brightness(1.7)}}dialog{max-height:86svh;overflow:auto}dialog table{width:100%;border-collapse:collapse;font:11px monospace}dialog td,dialog th{padding:8px 3px;text-align:left;border-bottom:1px solid #53607966}dialog caption{font-size:10px;margin:12px 0;color:#aab8cf}dialog input[type=number]{width:100px;padding:10px;background:#172138;color:white;border:1px solid #64728b}dialog .primary{width:100%}.customer-logo{max-width:140px;max-height:36px}.customer-extra{max-width:80px;max-height:80px;object-fit:contain;margin:5px}h1{overflow-wrap:anywhere}#auto{min-width:115px}
@media(max-width:900px){.identity{padding:24px 0 20px}.command-bar{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px}.command-bar .primary{grid-column:1/3;grid-row:2}.command-bar #auto{grid-column:3;grid-row:2;min-width:0;padding:16px 6px}.return{grid-column:3;grid-row:1}.meter strong{font-size:17px}.stake-control strong{font-size:13px;min-width:35px}.stake-control>div{gap:4px}.stake-control button{width:23px;height:25px}.meter small,.stake-control>small{font-size:7px;letter-spacing:0}.cell{height:clamp(40px,10.7vw,78px)}}