@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#bce9ee;--ink:#061322;--muted:#8ba4b7;--gold:#cdb98a;--border:#9edbe52c;--duration:1s;color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#061322;color:#eaf6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sky,.grain{position:fixed;inset:0;pointer-events:none}.sky{background:linear-gradient(0deg,#04101ef5 0%,#05152625 45%,#04101e8a 100%),url('assets/scene.webp') center 44%/cover}.grain{background:radial-gradient(ellipse at center,transparent 25%,#000b 110%)}.atlas{position:relative;overflow:hidden;max-width:1440px;min-height:100svh;margin:auto;padding:20px 44px 12px}.masthead{display:flex;align-items:center;justify-content:space-between;height:76px}.house{font:600 25px Georgia,serif;letter-spacing:-2px;width:100px}.house span{display:block;font:8px Manrope,Arial,sans-serif;letter-spacing:3px;margin-top:4px}.identity{text-align:center}.eyebrow{font-size:8px;letter-spacing:3.5px;color:var(--gold)}h1{font:500 41px/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;margin:7px 0}.tagline{font-size:9px;letter-spacing:2.6px;color:#b2c6d0;margin:7px 0}.icon-button{width:40px;height:40px;font-size:27px;background:#061b2780;border:1px solid var(--border);border-radius:50%}.game-heading{height:36px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;position:relative;z-index:2}.edition{color:#9eb0be}.edition i{display:inline-block;width:4px;height:4px;margin-right:6px;background:var(--accent);border-radius:100%}.preview-button{background:transparent;color:var(--accent);font-size:11px;letter-spacing:.5px;padding:8px 0}.preview-button:first-letter{font-size:17px}.observatory{position:relative;height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;top:50%;left:50%;border:1px solid #b9dce32b;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:538px;height:538px;transform:translate(-50%,-50%);border-top-color:#dfeaec8c;border-bottom-color:#dfeaec8c}.orbit-two{width:600px;height:600px;transform:translate(-50%,-50%) rotate(35deg);border-style:dotted;border-color:#d9bd83aa}.orbit-three{width:680px;height:360px;transform:translate(-50%,-50%) rotate(-16deg);border-color:#a7cad936}.orbit-one:after,.orbit-two:after{content:'✦';position:absolute;left:50%;top:-12px;color:var(--accent);font-size:22px;text-shadow:0 0 15px #b9eeff}.celestial-caption{position:absolute;top:44%;font-size:8px;letter-spacing:2.5px;line-height:2.2;color:#afcbd4a1}.caption-left{left:2%}.caption-right{right:2%;text-align:right}.bonus-meter{display:flex;align-items:center;gap:11px;margin-bottom:12px;min-height:38px}.bonus-meter>div{display:grid;gap:5px}.bonus-meter span:not(.eclipse-mini,.multiplier){font-size:8px;letter-spacing:2.8px;color:var(--gold)}.bonus-meter strong{font-size:11px;font-weight:500;letter-spacing:.4px}.eclipse-mini{width:28px;height:28px;background:#051422;border:1px solid #cef2f1;border-radius:50%;box-shadow:2px 0 10px #bfefffa0,inset -4px 0 5px #cce4ed60}.multiplier{font:500 26px 'Cormorant Garamond',Georgia,serif;color:var(--accent);border-left:1px solid var(--border);padding-left:14px;margin-left:4px}.board-shell{position:relative;width:min(680px,70vw);padding:27px 12px 18px;background:linear-gradient(135deg,#132a3adb,#071621e8 40%,#112a3cdb);border:1px solid #9bd5e66b;border-radius:6px;box-shadow:0 18px 70px #0009,inset 0 0 0 4px #081a27,inset 0 0 0 5px #7dabbe2d}.board-shell:before,.board-shell:after{content:'✧';position:absolute;top:-13px;font-size:24px;color:var(--gold)}.board-shell:before{left:-9px}.board-shell:after{right:-9px}.coordinate{position:absolute;top:9px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#9fc1cf}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;height:268px}.reel{display:grid;grid-template-rows:repeat(4,1fr);gap:3px;min-width:0}.cell{position:relative;min-height:0;border-radius:3px;background:#071625aa;overflow:hidden;transition:box-shadow .3s}.symbol{position:absolute;inset:0;background-image:url('assets/symbols.webp');background-size:400% 200%;background-repeat:no-repeat;filter:saturate(.9);transform:scale(.92);transition:filter .3s,transform .3s}.cell.wild{box-shadow:inset 0 0 18px #bce9ee32,inset 0 0 0 1px #bce9ee5c}.cell.locked:after{content:'✦';position:absolute;right:4px;bottom:2px;color:#daf7ff;font-size:9px}.cell.winning{z-index:1;box-shadow:inset 0 0 0 1px var(--accent),0 0 20px #bce9ee44}.cell.winning .symbol{filter:brightness(1.4);transform:scale(1.02)}.cell.star{box-shadow:inset 0 0 20px #deb34a25}.symbol.custom{background-size:contain;background-position:center!important}.reel-rail{display:flex;justify-content:space-around;position:absolute;bottom:3px;left:12px;right:12px;color:#759cad;font:8px Georgia,serif}.routes{position:absolute;left:12px;top:27px;width:calc(100% - 24px);height:268px;pointer-events:none;z-index:3;overflow:visible}.routes polyline{fill:none;stroke:#c9f4ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #6ce8ff);stroke-dasharray:800;animation:draw 1s ease both}.routes polyline.constellation{stroke:#e7ce8e;stroke-width:2.5}.status{font-size:11px;letter-spacing:.35px;min-height:18px;margin:14px 0 9px;text-align:center;max-width:85%;color:#d8ebf1}.feature-strip{display:flex;gap:25px;color:#b5c8d0;font-size:7px;letter-spacing:1.5px}.command-deck{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:30px;margin:3px auto 0;padding:16px 28px;width:max-content;max-width:100%;border-top:1px solid #99c2cf40;border-bottom:1px solid #99c2cf25;background:linear-gradient(90deg,transparent,#051624ed 18%,#051624ed 82%,transparent)}.readout{display:grid;gap:5px;min-width:115px}.readout>span,.stake-control>span{font-size:8px;letter-spacing:2px;color:#a6c0ce}.readout strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.5px}.readout small{font-size:8px;letter-spacing:.5px;color:#6f94a8}.last-win{text-align:right}.stake-control{text-align:center}.stake-control>div{display:flex;align-items:center;gap:14px;margin-top:7px}.stake-control strong{font-size:16px;font-weight:500;min-width:45px}.stake-control button{background:none;border:1px solid var(--border);border-radius:50%;width:24px;height:24px;font-size:16px}.spin-button{background:linear-gradient(120deg,#e8eff0,#b4dfe5);color:#092633;min-width:156px;display:flex;align-items:center;justify-content:center;gap:15px;height:60px;border:1px solid #d7fafb;border-radius:3px;box-shadow:0 0 20px #bce9ee26;font-size:12px;letter-spacing:3px;font-weight:800}.spin-icon{font-size:32px;font-weight:400}.spin-button:hover{filter:brightness(1.12)}.auto-button{background:transparent;display:grid;place-items:center;gap:3px;min-width:66px}.auto-button>span:first-child{font-size:28px;line-height:1}.auto-button>span:last-child{font-size:8px;letter-spacing:1.4px}.auto-button.running{color:#eed399}footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#6e94a8;padding-top:13px}.footer-actions{display:flex;align-items:center;gap:9px}footer button{background:none;padding:2px 0;font-size:9px;letter-spacing:.2px;color:#b1c4ce}footer b{font-weight:500;color:#b7c8d0}.ornament{position:absolute;max-width:120px;max-height:220px;object-fit:contain;top:25%;z-index:-1}.ornament-left{left:0}.ornament-right{right:0}.customer-logo{max-width:250px;max-height:55px;object-fit:contain}.spinning .reel{animation:reel-shimmer .19s linear infinite}.spinning .orbit-one{animation:orbit-turn 2.8s linear infinite}.spinning .orbit-two{animation:orbit-turn 5s linear infinite reverse}.spinning .orbit-three{border-color:#bce9ee80}.reel.landed{animation:land .27s ease}.in-bonus .board-shell{border-color:#e7ce8eaa;box-shadow:0 0 60px #addfff22,inset 0 0 0 4px #081a27,inset 0 0 0 5px #d0bb822d}.in-bonus .eclipse-mini{box-shadow:0 0 20px #dcf9ff,inset -3px 0 8px #f2f9ff}.in-bonus .multiplier{color:#efdaa6}.cinematic{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(0deg,#02111ce8,#02111c00 80%),url('assets/bonus.webp') center/cover;animation:cinema-enter 1.2s ease both;pointer-events:none}.cinematic-copy{position:absolute;bottom:13%;text-align:center;padding:20px;width:100%;text-shadow:0 2px 30px #000}.cinematic-copy>span{font-size:10px;letter-spacing:6px;color:#d9e8ed}.cinematic h2{font:500 100px/.95 'Cormorant Garamond',Georgia,serif;margin:10px 0 16px;color:#f2f8f6}.cinematic p{font-size:15px;letter-spacing:1px}.cinematic strong{font-size:8px;letter-spacing:3px;color:#ddc88f}.corona{width:35vw;height:35vw;max-width:470px;max-height:470px;border:1px solid #e7f8ff55;border-radius:50%;box-shadow:0 0 90px #cbeaff40;animation:corona 2s infinite;position:absolute;top:16%}.preview-banner{position:fixed;top:0;left:0;right:0;background:#d3ecf0;color:#0a2936;z-index:30;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px 30px #0007}.preview-banner>div{display:grid;gap:4px}.preview-banner b{font-size:9px;letter-spacing:1.5px}.preview-banner span{font-size:10px}.preview-banner button{background:#092333;color:#edf6fa;border-radius:3px;padding:9px 14px;font-size:11px}.previewing .atlas{padding-top:70px}.previewing .command-deck{opacity:.5}.previewing .status{color:#f6e4b9}dialog{width:min(540px,calc(100vw - 30px));max-height:85svh;background:linear-gradient(135deg,#142d3e,#071827);color:#e2f2f5;border:1px solid #aacbd35c;border-radius:8px;padding:24px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#010c15c7;backdrop-filter:blur(8px)}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.panel-top span{font-size:8px;letter-spacing:3px;color:var(--gold)}.panel-top button{background:none;font-size:26px;line-height:1}dialog h2{font:500 37px 'Cormorant Garamond',Georgia,serif;margin:20px 0 14px}dialog h3{font-size:12px;color:var(--accent);margin-top:22px}dialog p,dialog li{font-size:12px;line-height:1.8;color:#c0d3dd}dialog label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;padding:14px 0;border-bottom:1px solid var(--border)}dialog input[type=range]{max-width:170px;accent-color:var(--accent)}dialog input[type=number]{width:95px;background:#061723;border:1px solid var(--border);padding:9px;border-radius:3px;color:#f3f9fc;font:inherit}dialog input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.primary{background:var(--accent);color:#082332;padding:13px 18px;border-radius:3px;font-weight:700;margin-top:22px;width:100%}.secondary{background:none;border:1px solid var(--border);padding:11px 14px;margin-top:18px;border-radius:3px;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:right;padding:10px 7px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{color:var(--accent);font-weight:500;font-size:9px}.route-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.route-card{padding:6px;background:#061522;border:1px solid var(--border);border-radius:3px}.route-card svg{width:100%;height:45px;display:block}.route-card span{font-size:8px;color:#91b1bf}.notice{color:#eed9a9!important}.no-effects .orbit,.no-effects .corona{display:none}@keyframes draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes reel-shimmer{0%{filter:blur(2px);transform:translateY(-3px)}50%{filter:blur(4px) brightness(1.3);transform:translateY(4px)}100%{filter:blur(2px);transform:translateY(-3px)}}@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes land{0%{transform:translateY(-6px)}50%{transform:translateY(3px)}100%{transform:none}}@keyframes cinema-enter{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes corona{50%{transform:scale(1.15);opacity:.5}}.reduced-motion *{animation:none!important;transition:none!important}
@media(min-width:1500px) and (min-height:850px){.atlas{padding-top:35px}.observatory{height:560px}.board{height:360px}.routes{height:360px}.board-shell{width:800px}.orbit-one{width:650px;height:650px}.orbit-two{width:720px;height:720px}.command-deck{margin-top:10px}}
@media(max-height:720px) and (min-width:701px){.atlas{padding-top:10px}.masthead{height:69px}.observatory{height:421px}.command-deck{padding-top:11px;padding-bottom:11px}footer{padding-top:10px}}
@media(max-width:1000px){.atlas{padding-left:24px;padding-right:24px}.celestial-caption{display:none}.command-deck{gap:20px;padding-left:10px;padding-right:10px}.board-shell{width:min(680px,86vw)}.readout{min-width:96px}.readout strong{font-size:18px}.orbit-three{width:85vw}.spin-button{min-width:132px}}
@media(max-width:700px){.atlas{padding:16px 15px 16px;overflow:hidden;min-height:100svh}.sky{background-position:50% 32%;background-size:auto 110%}.masthead{height:82px;align-items:flex-start}.house{font-size:22px;width:39px;margin-top:8px}.house span{font-size:5px;letter-spacing:1px}.identity{max-width:260px;padding-top:5px}.eyebrow{font-size:6px;letter-spacing:1.6px}h1{font-size:35px;margin-top:8px;letter-spacing:.5px}.tagline{font-size:8px;letter-spacing:1.5px}.icon-button{width:32px;height:32px;font-size:24px;margin-top:7px}.game-heading{height:44px;font-size:6px;letter-spacing:1px}.preview-button{font-size:10px}.observatory{height:466px;justify-content:flex-start;padding-top:16px}.bonus-meter{margin-bottom:18px}.board-shell{width:100%;padding:25px 7px 17px;border-radius:4px}.board{height:308px;gap:3px}.reel{gap:3px}.symbol{transform:scale(.97)}.coordinate{font-size:6px;letter-spacing:1.2px;left:10px;right:10px}.routes{height:308px;top:25px;left:7px;width:calc(100% - 14px)}.orbit-one{width:465px;height:465px;top:48%}.orbit-two{width:520px;height:520px;top:48%}.orbit-three{width:490px;height:330px}.feature-strip{font-size:6px;gap:14px;letter-spacing:1px}.status{font-size:10px;margin-top:13px;max-width:98%;min-height:25px}.command-deck{width:100%;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:17px 10px;padding:14px 0 15px;margin:0;background:linear-gradient(90deg,transparent,#041523f2 10%,#041523f2 90%,transparent)}.readout{min-width:0;text-align:left;grid-row:1;grid-column:1;gap:5px}.readout strong{font-size:18px}.readout>span,.stake-control>span{font-size:7px;letter-spacing:1.5px}.last-win{text-align:right;grid-column:3}.stake-control{grid-row:1;grid-column:2;align-self:start}.stake-control>div{gap:5px;justify-content:center;margin-top:8px}.stake-control strong{font-size:15px;min-width:43px}.stake-control button{width:22px;height:22px}.spin-button{grid-row:2;grid-column:1/3;height:62px;min-width:0;letter-spacing:3px}.auto-button{grid-row:2;grid-column:3;height:62px;border:1px solid var(--border);border-radius:3px}.readout small{font-size:7px}.auto-button>span:last-child{font-size:7px}footer{align-items:center;flex-direction:column;gap:15px;padding-top:17px;font-size:6px}.footer-actions{gap:13px}footer button{font-size:9px}.cinematic-copy{bottom:18%;padding:15px}.cinematic h2{font-size:80px}.cinematic p{font-size:12px;line-height:1.8}.cinematic strong{font-size:7px;letter-spacing:1.8px}.corona{width:65vw;height:65vw;top:28%}.preview-banner{padding:10px;align-items:center}.preview-banner b{font-size:7px;letter-spacing:.8px}.preview-banner span{font-size:8px;max-width:220px;line-height:1.4}.preview-banner button{font-size:9px;padding:9px;white-space:nowrap}.previewing .atlas{padding-top:75px}.ornament{max-width:75px;opacity:.45}.route-list{grid-template-columns:repeat(5,1fr);gap:4px}.route-card{padding:3px}dialog{padding:20px}dialog input[type=range]{max-width:130px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Preserve the original portrait sprite cell proportions. */
.symbol{inset:auto;top:50%;left:50%;height:100%;width:auto;aspect-ratio:3/4;transform:translate(-50%,-50%) scale(.96)}.cell.winning .symbol{transform:translate(-50%,-50%) scale(1.04)}.symbol.custom{width:90%;aspect-ratio:auto}.spinning .symbol{animation:star-flight .25s linear infinite}@keyframes star-flight{from{transform:translate(-50%,-160%) scale(.9)}to{transform:translate(-50%,70%) scale(.9)}}
@media(min-width:701px) and (max-height:849px){.observatory{height:445px}.board,.routes{height:292px}}

.spinning .reel.settled .symbol{animation:none}