*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#e7f3ff;background:#071324}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 66% 35%,#183c5e 0,#0a2038 40%,#061221 80%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:3px solid #6fedff;outline-offset:5px}button:disabled{cursor:default;opacity:.46}button,summary{touch-action:manipulation}.workspace{display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,110px);min-height:100dvh;padding:22px 32px}.review{width:320px;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#8dafcd}.review h1{font-family:Georgia,"Microsoft JhengHei",serif;font-size:33px;letter-spacing:1px;line-height:1.45;margin:22px 0 12px}.lead{font-size:14px;line-height:1.9;color:#aac1d4;margin:0 0 22px}.version{display:flex;gap:8px;align-items:center;font-size:11px;color:#adcbdc}.version i{width:6px;height:6px;border-radius:50%;background:#5ddbcc;box-shadow:0 0 15px #50dace}.version span{margin-left:auto;padding:4px 9px;border:1px solid #31506a;border-radius:4px}.review-card{border-block:1px solid #29435a;margin:26px 0 20px;padding:18px 0}.review small{font-size:10px;letter-spacing:2px;color:#8badc7}.review-card strong{display:block;font-size:25px;letter-spacing:4px;margin:8px 0}.review-card p{font-size:12px;color:#89a7c1;margin:0}.review-tools summary{font-size:14px;cursor:pointer;color:#d8e8f7}.review-tools p{font-size:12px;line-height:1.7;color:#8eabc1}.scenarios{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenarios button{border:1px solid #355773;background:#122e45;border-radius:7px;padding:10px 4px;font-size:12px;color:#ddedfa}.scenarios button:hover{background:#1d4664;border-color:#6b95b4}.text-button{border:0;background:none;color:#8bcbe6;padding:12px 0 6px;font-size:12px}#case-status{font-size:11px;color:#dcc187}.round-notes{margin-top:22px}.event-log-toggle{margin:0;padding:8px 12px;border:1px solid #325a77;border-radius:8px;background:linear-gradient(#1d4461,#0f2948);color:#dff2ff;font-size:13px;font-weight:700;letter-spacing:1px;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.event-log-toggle::after{content:"▼";font-size:12px;opacity:.8;transition:transform .18s}.event-log-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}.event-log-wrap{margin-top:8px;max-height:135px;overflow:auto;padding-left:18px;border:1px solid #264d68;background:#0a2135c7;border-radius:8px}.event-log-wrap[hidden]{display:none}.event-log-wrap::-webkit-scrollbar{width:8px}.event-log-wrap::-webkit-scrollbar-thumb{background:#2f5978;border-radius:999px}#event-log{font-size:12px;line-height:1.7;color:#a3bed5;padding:8px 0 8px 0;margin:0;max-height:none;overflow:visible}.footnote{font-size:10px;line-height:1.8;color:#7090ac;margin-top:20px}.game-viewport{position:relative;flex:none;width:var(--game-width,450px);height:var(--game-height,800px);box-shadow:0 24px 95px #0008,0 0 0 1px #6da1c32e;border-radius:14px;overflow:hidden;background:#163b64}.game{position:absolute;top:0;left:0;width:720px;height:1280px;transform:scale(var(--scale,.625));transform-origin:top left;overflow:hidden;background:#11345d url('./assets/background.webp') center center/1280px 1280px no-repeat;isolation:isolate}.game::after{content:"";position:absolute;inset:880px 0 0;z-index:-1;background:linear-gradient(transparent,#06316666)}.hero{position:absolute;left:0;top:0;width:720px;height:338px;object-fit:cover}.top-tag{position:absolute;left:18px;top:14px;background:#051a3699;color:#d6e9fb;padding:5px 11px;font-size:14px;letter-spacing:1px;border-radius:5px}.mode-badge{position:absolute;right:18px;top:16px;font-size:14px;font-weight:700;color:#fff1ae;background:#062246c9;padding:5px 11px;border-radius:5px}.multiplier{position:absolute;left:8px;top:315px;width:704px;height:130px;z-index:5}.rail{position:absolute;left:0;top:19px;width:704px;height:112px}.rail-window{position:absolute;left:64px;top:46px;width:576px;height:63px;overflow:hidden}.rail-values{display:flex;position:relative;left:-11px;align-items:center;height:100%;width:690px;gap:0}.rail-values span{width:115px;flex:none;text-align:center;font:bold 42px Georgia,serif;color:#ffe394;text-shadow:0 3px 1px #813a09,1px 0 #fff9cc;letter-spacing:-2px}.rail-values span:nth-child(1){font-size:30px}.rail-values span:nth-child(3){opacity:0}.current-badge{position:absolute;width:156px;height:131px;left:274px;top:0}.current-label{position:absolute;left:279px;top:33px;width:146px;text-align:center;font-size:12px;color:#b5ecff;text-shadow:0 2px 3px #123}.current-number{position:absolute;top:44px;left:275px;width:154px;text-align:center;font:bold 56px Georgia,serif;line-height:1.2;color:#fff1b7;text-shadow:0 3px 0 #934509,0 0 15px #25d6ff}.current-number.large{font-size:39px;top:55px}.multiplier.pulse .current-badge{animation:badge-pulse .55s ease-out}.multiplier.pulse .rail-values{animation:rail-step .45s ease-out}.board{position:absolute;left:12px;top:421px;width:696px;height:490px;z-index:3}.board-art{position:absolute;width:100%;height:100%;object-fit:fill;pointer-events:none}#reels{position:absolute;inset:0}.reel{position:absolute;overflow:visible}.reel-clip{position:absolute;inset:0;overflow:hidden;border-radius:7px;opacity:0;pointer-events:none}.reel.rolling .reel-clip{opacity:1}.reel.rolling .cell{opacity:0}.motion-strip{position:absolute;top:0;left:0;width:100%;animation:rolling .24s linear infinite;filter:blur(2px)}.motion-strip img{display:block;object-fit:contain;width:100%;height:var(--cell-height)}.cell{position:absolute;left:0;width:100%;height:var(--cell-height);display:flex;align-items:center;justify-content:center;transition:filter .15s;z-index:1}.cell::before{content:"";position:absolute;inset:0 5px;border-bottom:1px solid #6a9bc315;pointer-events:none}.symbol{position:relative;object-fit:contain;width:86%;height:87%;filter:drop-shadow(0 4px 2px #030f3299);pointer-events:none;user-select:none}.symbol.high{width:94%;height:94%}.symbol.ODIN{width:107%;height:108%;z-index:3}.symbol.THOR{width:101%;height:99%;z-index:3}.symbol.VIKING,.symbol.FREYA{width:89%;height:88%}.symbol.WILD,.symbol.SCATTER{width:112%;height:100%;z-index:3}.cell.gold::after{content:"";position:absolute;inset:5% 2%;border:4px solid #ffcf60;border-radius:7px;box-shadow:inset 0 0 0 2px #9b4c06,inset 0 0 9px #ffb52c,0 0 0 1px #fff7bd,0 0 10px #ffc137aa;z-index:4;pointer-events:none}.gold-corner{position:absolute;width:12px;height:12px;right:0;top:4%;background:#ffe291;border:2px solid #a97112;transform:rotate(45deg);z-index:5}.cell.winning{z-index:8;filter:brightness(1.22);animation:win-breathe .55s ease-in-out infinite alternate}.cell.winning::before{inset:2px;border:2px solid #a2f7ff;background:#87e4ff22;box-shadow:0 0 16px #39caff;border-radius:8px}.cell.burst{animation:burst .34s ease-in forwards}.cell.transforming{animation:transform-wild .55s ease-in-out}.cell.land .symbol{animation:land .28s ease-out}.cell .dual-label{position:absolute;left:6px;bottom:3px;border-radius:4px;font:bold 11px Georgia;color:#ffe798;background:#172443d9;padding:2px 5px;z-index:8}.cell.overlay-wild .symbol{opacity:.85;filter:drop-shadow(0 0 8px #9aeaff)}.cell.overlay-wild::after{content:"WILD";position:absolute;top:5px;right:2px;font:bold 14px Georgia;color:#dafcff;text-shadow:0 0 8px #38baff}.reel.expanded{outline:2px solid #a0f4ff;box-shadow:0 0 28px #23bdff99,inset 0 0 20px #44aaff;border-radius:7px}.effects{position:absolute;inset:0;width:720px;height:1280px;pointer-events:none;z-index:9;overflow:visible}.effects path{fill:none;stroke:#e1ffff;stroke-width:3;filter:drop-shadow(0 0 5px #48caff);stroke-linejoin:round;animation:lightning .42s ease-out forwards}.effects circle{fill:none;stroke:#abf8ff;stroke-width:3;animation:ring .45s ease-out forwards;transform-box:fill-box;transform-origin:center}.status{position:absolute;top:912px;left:40px;width:640px;text-align:center;font-size:18px;font-weight:600;line-height:25px;height:27px;color:#ebf8ff;text-shadow:0 2px 5px #031728,0 0 12px #001329;z-index:10}.status.won{color:#ffec99}.feature-controls{position:absolute;top:944px;left:53px;width:614px;height:89px;display:flex;align-items:center;justify-content:space-between;gap:16px}.art-button{width:194px;height:84px;background:none;padding:0;border:0;transition:filter .2s,transform .15s;flex:none}.art-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.art-button:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-2px)}.total-win{flex:1;text-align:center;min-width:180px;line-height:1.1}.total-win span{font:bold 21px Georgia,"Microsoft JhengHei",serif;color:#edf9ff;text-shadow:0 2px #254271}.total-win strong{display:block;font:bold 45px Georgia,serif;color:#ffdf7f;text-shadow:0 3px 1px #8a400a,0 0 15px #007fff;letter-spacing:-1px;white-space:nowrap}.total-win strong.big{font-size:33px}.stats{position:absolute;top:1040px;left:55px;width:610px;display:grid;grid-template-columns:1.3fr 1fr 1.3fr;text-align:center}.stats>div{position:relative}.stats>div+div::before{content:"";position:absolute;top:8px;left:0;width:1px;height:45px;background:linear-gradient(transparent,#5be2ff,transparent)}.stats span{font:bold 18px Georgia,serif;color:#f0f8ff;text-shadow:0 2px #122544;display:block}.stats strong{font:bold 35px Georgia,serif;color:#ffecb6;text-shadow:0 3px #733606,0 0 12px #09123a;display:block;margin-top:2px;white-space:nowrap}.stats strong.big{font-size:27px}.controls{position:absolute;left:59px;top:1104px;width:602px;height:135px;display:flex;align-items:center;justify-content:space-between;gap:19px}.small-control{width:79px;height:79px;flex:none;position:relative;border:0;background:transparent;padding:0;border-radius:50%;transition:filter .15s,transform .15s}.small-control img{width:100%;height:100%;pointer-events:none}.small-control:hover:not(:disabled){filter:brightness(1.35)}.small-control[aria-pressed="true"]{box-shadow:0 0 0 2px #63e1f9,0 0 20px #30ceff77}.small-control span{position:absolute;bottom:-8px;left:0;right:0;color:#fff2b4;font-weight:700;font-size:20px}.spin{position:relative;width:176px;height:176px;flex:none;background:none;padding:0;border:0;border-radius:50%;margin-top:-9px;transition:transform .15s,filter .15s}.spin img{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 5px 8px #032359)}.spin:hover{filter:brightness(1.13)}.spin:active{transform:scale(.96)}.spin.busy img{animation:spin-glow 1s ease-in-out infinite alternate}.spin span{position:absolute;left:0;right:0;bottom:21px;text-align:center;font-size:12px;letter-spacing:2px;font-weight:800;color:#d8ffff;text-shadow:0 1px 3px #003265}.bottom-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:2px;color:#c5e6fb;text-shadow:0 1px 5px #052946}.feature-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#264fbdef,#07162af5 75%);text-align:center;padding:80px 50px}.feature-overlay[hidden]{display:none}.feature-overlay>img{width:315px;height:230px;object-fit:contain;margin-bottom:25px;filter:drop-shadow(0 0 40px #5cdeff88);animation:float 3s ease-in-out infinite}.feature-overlay small{font-size:18px;letter-spacing:4px;color:#a4dff7}.feature-overlay h2{font-size:54px;color:#f2e0ac;letter-spacing:6px;margin:20px 0 0}.feature-overlay strong{font:bold 112px Georgia;color:#ffe9a8;text-shadow:0 4px #986120,0 0 45px #35c6ff;margin:20px 0;max-width:100%;overflow-wrap:anywhere}.feature-overlay p{font-size:25px;color:#c4e9ff;line-height:1.8;margin:10px 0 40px}.feature-overlay button{border:2px solid #e9c576;border-radius:16px;background:linear-gradient(#2272bd,#103f7a);font-size:26px;padding:20px 48px;color:#fff0c3;box-shadow:0 0 25px #55d6f84d}.feature-overlay .feature-glow{position:absolute;width:500px;height:500px;border:1px solid #64d4ff22;border-radius:50%;pointer-events:none;top:220px}dialog{width:min(92vw,520px);max-height:86dvh;overflow:auto;border:1px solid #698caa;border-radius:18px;background:linear-gradient(140deg,#193851,#0a1e32);color:#e7f4ff;padding:35px 28px;box-shadow:0 24px 90px #000a}dialog::backdrop{background:#020d1ec9;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin-top:0;color:#ffe8ad}dialog h3{font-size:15px;margin-top:24px}dialog p,dialog li{font-size:14px;line-height:1.8;color:#bfd3e6}dialog .close{position:absolute;right:12px;top:8px;width:32px;height:32px;background:none;border:0;font-size:27px;color:#9bc5dd}dialog .choices{display:flex;gap:8px;flex-wrap:wrap}dialog .choices button,dialog .primary{background:#174771;color:#e9f8ff;border:1px solid #659ac1;border-radius:8px;padding:12px 18px;font-size:15px}dialog .choices button.active{background:#35688a;border-color:#ffe5a6;color:#ffe5a6}dialog table{width:100%;border-collapse:collapse;font-size:13px}dialog td,dialog th{padding:7px;border-bottom:1px solid #35536b;text-align:right}dialog td:first-child,dialog th:first-child{text-align:left}dialog .notice{padding:12px;border-radius:7px;background:#092336;color:#8fb9cf;font-size:12px}dialog .buy-choice{display:block;width:100%;text-align:left;margin:12px 0;border:1px solid #ba9959;border-radius:10px;background:#193c60;color:#f4e2b8;padding:20px;font-size:17px}dialog .buy-choice small{display:block;margin-top:7px;color:#aacde4;font-size:12px}dialog .buy-choice strong{float:right}dialog label{display:block;padding:10px 0;color:#c9dded}dialog input{margin-right:8px;accent-color:#64c9f2}dialog details{margin-top:15px}dialog summary{cursor:pointer;color:#9ed9f3;font-size:14px}
@keyframes rolling{from{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes land{0%{transform:translateY(-12px) scale(.96)}65%{transform:translateY(3px) scale(1.025)}100%{transform:none}}@keyframes win-breathe{to{filter:brightness(1.5) drop-shadow(0 0 6px #8df2ff)}}@keyframes burst{40%{transform:scale(1.09);filter:brightness(2)}100%{transform:scale(.25);opacity:0}}@keyframes transform-wild{50%{filter:brightness(2.6);transform:scale(1.1)}}@keyframes lightning{0%{opacity:0}12%{opacity:1}65%{opacity:.9}100%{opacity:0}}@keyframes ring{from{transform:scale(.3);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes rail-step{from{transform:translateX(115px)}to{transform:translateX(0)}}@keyframes badge-pulse{30%{filter:brightness(1.8);transform:scale(1.08)}100%{filter:none;transform:none}}@keyframes spin-glow{to{filter:drop-shadow(0 0 18px #65e9ff);opacity:.85}}@keyframes float{50%{transform:translateY(-10px)}}
.rail{top:0;height:130px}.rail-window{top:27px}.rail-values span:first-child{transform:translateX(-12px)}.current-label{top:25px}.current-number{top:37px}.current-number.large{top:46px}.stats{top:1028px}.controls{top:1100px;height:140px}.spin{width:150px;height:150px}.spin span{bottom:18px}.bottom-hint{bottom:15px}.small-control::after{content:"";position:absolute;inset:-5px;border-radius:50%}
.spin{width:144px;height:144px}
.review{order:3}.game-viewport{order:1}#config-panel,#symbol-panel{order:2}
@media(max-width:850px){body{background:#11345d url('./assets/background.webp') center/cover fixed}.review{display:none}.workspace{padding:0;min-height:100dvh}.game-viewport{border-radius:0;box-shadow:none}.review,#config-panel,#symbol-panel,.game-viewport{order:0}}@media(prefers-reduced-motion:reduce){.cell,.symbol,.current-badge,.rail-values,.feature-overlay img{animation:none!important}.effects{opacity:.45}.motion-strip{filter:none;animation-duration:.7s}}