@font-face{font-family:Oxanium;src:url(./Oxanium-wght-Cxng1r8B.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{color:#fff5da;background:#061a32;font-family:Oxanium,system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;font-synthesis:none;--gold: #f7b92f;--cream: #fff2d3;--navy: #062a43;--cyan: #58f2e8;--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: max(12px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:320px;min-height:360px;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.52}.game-root{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:#071d38}.scene-layers{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene-layers:after{position:absolute;inset:0;z-index:9;content:"";background:radial-gradient(circle at 50% 42%,transparent 25%,rgb(0 10 28 / .22) 78%),linear-gradient(180deg,#010d231f,#010b1b57)}.scene-image{position:absolute;left:50%;transform:translate(-50%);width:100%;object-fit:contain}.layer-bg{top:0;z-index:0;width:max(100%,178vh);height:100%;object-fit:cover}.layer-mid{bottom:3%;z-index:2;width:max(100%,178vh)}.layer-ground{bottom:0;z-index:3;width:max(100%,178vh)}.layer-canopy{top:8%;z-index:10;width:min(96%,1536px);opacity:.82}.layer-lights{top:4%;z-index:14;width:min(96%,1536px);filter:drop-shadow(0 0 10px #ffd669)}.layer-bunting{top:13%;z-index:13;width:min(96%,1536px)}.layer-counter{bottom:-3%;z-index:18;width:min(96%,1536px)}.scene-prop{position:absolute;z-index:15;max-width:18vw;object-fit:contain}.prop-welcome{left:1%;bottom:14%;width:180px}.prop-flag{left:5%;top:27%;width:190px}.prop-board{right:1%;bottom:16%;width:170px}.prop-cone{left:1%;bottom:-2%;z-index:19;width:110px}.prop-ticket{right:4%;bottom:0;z-index:19;width:100px}.hud{position:absolute;z-index:60;top:var(--safe-top);left:50%;display:grid;grid-template-columns:1.1fr 1.35fr 1fr 1fr;width:min(870px,calc(100% - 350px));min-height:90px;overflow:hidden;border:3px solid var(--gold);border-radius:22px;background:#04273ff0;box-shadow:0 10px 30px #00000047;transform:translate(-50%)}.hud-field{display:flex;min-width:0;padding:12px 18px;flex-direction:column;justify-content:center;border-right:1px solid rgb(255 255 255 / .23)}.hud-field:last-child{border-right:0}.hud-field span{color:var(--gold);font-size:clamp(.7rem,1vw,.95rem);font-weight:800;letter-spacing:.04em}.hud-field strong{overflow:hidden;font-size:clamp(1.1rem,1.7vw,1.75rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.hud-field small{margin-top:2px;color:#a9d5df;font-size:.65rem}.utility-controls{position:absolute;z-index:74;top:calc(var(--safe-top) + 8px);right:var(--safe-right);display:flex;align-items:center;gap:8px}.icon-button{display:grid;width:48px;height:48px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button img{width:100%;height:100%;object-fit:contain}.test-badge{padding:6px 10px;border:2px solid #ffcb38;border-radius:99px;color:#12243a;background:#ffcb38;font-size:.68rem;font-weight:900}.gameplay-layout{position:absolute;z-index:20;top:clamp(108px,13vh,126px);right:var(--safe-right);bottom:clamp(128px,17vh,158px);left:var(--safe-left);display:grid;grid-template-columns:minmax(120px,.42fr) minmax(520px,3.2fr) minmax(270px,1.12fr);gap:clamp(8px,1vw,16px);align-items:center}.scene-context{position:relative;z-index:16;align-self:stretch;min-width:0}.scene-context img{position:absolute;top:9%;left:50%;width:min(230px,100%);transform:translate(-50%)}.scene-context p{position:absolute;top:37%;left:50%;width:82%;margin:0;color:#ffe894;font-size:clamp(.75rem,1.1vw,1.1rem);font-weight:900;text-align:center;text-shadow:0 2px 3px #000;transform:translate(-50%) rotate(-2deg)}.board-region{position:relative;z-index:20;width:100%;max-height:100%;aspect-ratio:1000 / 620;align-self:center;filter:drop-shadow(0 14px 25px rgb(0 0 0 / .42));transition:filter .2s,transform .25s}.board-region.busy{filter:drop-shadow(0 0 24px rgb(88 242 232 / .3))}.game-canvas,.game-canvas canvas{display:block;width:100%;height:100%}.reveal-sweep{position:absolute;inset:6% 5%;overflow:hidden;border-radius:28px;pointer-events:none}.reveal-sweep:after{position:absolute;top:0;bottom:0;width:22%;content:"";background:linear-gradient(90deg,transparent,rgb(255 245 190 / .42),transparent);animation:sweep .52s ease-out}@keyframes sweep{0%{left:-25%}to{left:105%}}.feature-workspace{z-index:60;display:flex;max-height:100%;flex-direction:column;gap:12px}.panel{border:3px solid var(--gold);border-radius:20px;background:#04273ff0;box-shadow:0 10px 30px #00000040}.tracker{padding:14px 18px}.tracker h1{margin:0 0 9px;color:#fff5dc;font-size:clamp(1rem,1.5vw,1.35rem);text-align:center}.tracker .ability-line{margin:-3px 0 8px;color:#9edce4;font-size:clamp(.56rem,.72vw,.7rem);font-weight:700;text-align:center}.tracker-row{display:flex;min-height:48px;padding:6px 0;align-items:center;gap:9px;border-top:1px solid rgb(161 208 217 / .25);color:#86a7b3}.tracker-row img{width:38px;height:38px;object-fit:contain;filter:grayscale(.85);opacity:.62}.tracker-row span{display:flex;min-width:0;flex-direction:column}.tracker-row b{overflow:hidden;font-size:clamp(.66rem,.9vw,.88rem);text-overflow:ellipsis;white-space:nowrap}.tracker-row small{color:#76bdd1;font-size:.62rem;font-weight:800}.tracker-row.active{color:var(--gold)}.tracker-row.active img,.tracker-row.complete img{filter:none;opacity:1}.tracker-row.complete{color:#e9f2ed}.bonus-stats{padding:14px 18px}.bonus-stats>div{display:flex;padding:8px 0;align-items:baseline;justify-content:space-between;border-bottom:1px solid rgb(161 208 217 / .25);gap:8px}.bonus-stats span,.bonus-stats p{color:var(--gold);font-size:.73rem;font-weight:800}.bonus-stats strong{font-size:clamp(1.1rem,1.6vw,1.65rem);white-space:nowrap}.bonus-stats p{margin:10px 0 0;text-align:center}.status-line{position:absolute;z-index:64;right:clamp(16px,19vw,330px);bottom:clamp(111px,14vh,135px);left:clamp(16px,18vw,290px);min-height:28px;margin:0;padding:6px 16px;overflow:hidden;color:#fff3d7;background:#04192bb8;border-radius:99px;font-size:clamp(.68rem,.9vw,.85rem);font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.controls{position:absolute;z-index:72;right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);display:flex;min-height:104px;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,18px)}.controls:before{position:absolute;inset:8px 6%;z-index:-1;content:"";border-radius:30px;background:linear-gradient(90deg,transparent,rgb(2 24 41 / .78) 15%,rgb(2 24 41 / .78) 85%,transparent)}.bet-group{display:flex;align-items:center;gap:8px}.bet-group>span{color:#ffe09a;font-size:.72rem;font-weight:800}.bet-chip{width:clamp(58px,5.8vw,82px);height:clamp(58px,5.8vw,82px);padding:0;border:0;border-radius:50%;color:#fff;background:url(./sfbb_ui_bet_chip_normal-BVw16zmy.png) center / contain no-repeat;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:900;text-shadow:0 2px 2px #000;cursor:pointer}.bet-chip.selected{background-image:url(./sfbb_ui_bet_chip_selected-1Hk_RQ5e.png);color:#fff1a8;transform:translateY(-3px)}.max-bet,.help-button{min-width:74px;min-height:52px;padding:8px 12px;border:2px solid var(--gold);border-radius:16px;color:#fff;background:#07557c;font-size:.72rem;font-weight:900;cursor:pointer}.image-action{position:relative;display:flex;width:clamp(170px,15vw,225px);min-height:78px;padding:12px 18px;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent center / 100% 100% no-repeat;filter:drop-shadow(0 6px 5px rgb(0 0 0 / .35));cursor:pointer}.image-action span{position:relative;z-index:1;font-size:clamp(.8rem,1vw,1rem);font-weight:900;text-shadow:0 2px 3px #001}.image-action small{position:relative;z-index:1;max-width:210px;font-size:clamp(.64rem,.72vw,.72rem);font-weight:700;line-height:1.25;text-align:center}.spin-action{width:clamp(96px,8.5vw,132px);height:clamp(96px,8.5vw,132px);min-height:0;border-radius:50%;background-image:url(./sfbb_ui_spin_button_normal-DUhkF8Gy.png)}.spin-action:hover{background-image:url(./sfbb_ui_spin_button_hover-B0MzaR8K.png)}.spin-action:active{background-image:url(./sfbb_ui_spin_button_pressed-DMsyNpDl.png)}.spin-action:disabled{background-image:url(./sfbb_ui_spin_button_disabled-RH4lEKWL.png)}.spin-action span{font-size:clamp(1rem,1.4vw,1.35rem)}.continue-action{background-image:url(./sfbb_ui_risk_button_continue_normal-DUeF8Vsz.png)}.continue-action:hover{background-image:url(./sfbb_ui_risk_button_continue_hover-DECrUbu4.png)}.collect-action{background-image:url(./sfbb_ui_risk_button_collect_normal-BzEY3oJE.png)}.collect-action:hover{background-image:url(./sfbb_ui_risk_button_collect_hover-Cz_b1XlF.png)}.reopen-action{background-image:url(./sfbb_ui_risk_button_reopen_normal-DAGKRzZv.png)}.reopen-action:hover{background-image:url(./sfbb_ui_risk_button_reopen_hover-B29P5dmS.png)}.night-action{background-image:url(./sfbb_ui_risk_button_night_normal-D5KTyLvp.png)}.night-action:hover{background-image:url(./sfbb_ui_risk_button_night_hover-DoIJbkiE.png)}.risk-controls{min-height:112px}.risk-controls .image-action:disabled{filter:saturate(.6);opacity:.78}.modal-layer{position:absolute;inset:0;z-index:90;display:grid;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:auto;place-items:center;background:#000e1ebf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-layer{z-index:95;background:#061a32}.modal-card{position:relative;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 28px);padding:clamp(22px,4vw,38px);overflow:auto;border:4px solid var(--gold);border-radius:26px;background:#04273ffa;box-shadow:0 24px 70px #000a,inset 0 0 45px #329bbb1f}.modal-card h2{margin:0 0 14px;color:#fff3d4;font-size:clamp(1.25rem,3vw,2rem);text-align:center}.modal-card p{color:#d4e9e9;line-height:1.65}.modal-card button:not(.modal-close){min-height:48px;padding:10px 18px;border:2px solid #eab23b;border-radius:14px;background:#07557c;font-weight:800;cursor:pointer}.modal-card .modal-primary{display:block;min-width:180px;margin:20px auto 0;background:#27823c}.intro-card{text-align:center}.intro-card>img{width:min(180px,42vw);height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px #0007)}.modal-close{position:absolute;top:9px;right:12px;width:44px;height:44px;border:0;color:#fff;background:transparent;font-size:2rem;cursor:pointer}.help-card{width:min(720px,calc(100vw - 32px))}.paytable-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paytable-grid span{display:flex;padding:10px;justify-content:space-between;border-radius:10px;background:#082f4b;font-size:.78rem}.paytable-grid b{color:var(--gold);margin-left:8px}.menu-card{display:grid;gap:10px;width:min(460px,calc(100vw - 32px))}.menu-card h2{grid-column:1 / -1}.menu-card .modal-primary{width:100%;margin-top:4px}.danger-lite{color:#ffd8cf;background:#713b32!important}.stats-box{display:grid;padding:12px;grid-template-columns:1fr 1fr;gap:6px;border-radius:12px;background:#082f4b;font-size:.75rem}.stats-box b{grid-column:1 / -1;color:var(--gold)}.test-card{width:min(620px,calc(100vw - 32px))}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settlement-layer{background:#000d1cad}.settlement-card{width:min(600px,calc(100vw - 28px))}.settlement-card>p{text-align:center}.formula{display:block;margin:18px 0;padding:15px;border-block:1px solid #6b9cad;color:var(--gold);font-size:clamp(1rem,2.2vw,1.4rem);text-align:center}.settlement-card dl{margin:0}.settlement-card dl>div{display:flex;padding:8px 0;justify-content:space-between;gap:20px}.settlement-card dt{color:#d1e9e9;font-weight:700}.settlement-card dd{margin:0;color:#fff;font-weight:900;text-align:right}.settlement-card>small{display:block;overflow-wrap:anywhere;color:#89b7c4;font-size:.62rem}@media(max-width:1179px){.hud{width:min(760px,calc(100% - 150px))}.gameplay-layout{grid-template-columns:minmax(500px,3fr) minmax(250px,1fr)}.scene-context{display:none}.tracker{padding:10px 12px}.tracker-row{min-height:42px}.tracker-row img{width:32px;height:32px}.bet-group>span,.help-button{display:none}.status-line{right:20%;left:20%}}@media(max-width:800px),(max-aspect-ratio:1.049/1){body{overflow:auto}.game-root{position:relative;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.layer-bg{position:fixed;width:100%}.layer-mid,.layer-canopy,.layer-counter{width:auto;height:68%;max-width:none;opacity:.65}.layer-lights,.layer-bunting{position:fixed;width:150%}.scene-prop{display:none}.hud{position:relative;top:var(--safe-top);left:var(--safe-left);z-index:65;width:calc(100% - var(--safe-left) - var(--safe-right) - 92px);min-height:94px;grid-template-columns:1fr 1.25fr;border-radius:16px;transform:none}.hud-field{min-height:45px;padding:5px 10px;border-bottom:1px solid rgb(255 255 255 / .18)}.hud-field span{font-size:.58rem}.hud-field strong{font-size:clamp(.82rem,4vw,1rem)}.hud-field small{display:none}.utility-controls{position:fixed;z-index:78}.utility-controls .test-badge{position:fixed;top:112px;right:10px}.gameplay-layout{position:relative;inset:auto;z-index:20;display:flex;min-height:calc(100dvh - 268px);margin:calc(var(--safe-top) + 12px) var(--safe-right) 190px var(--safe-left);flex-direction:column;gap:8px}.board-region{width:100%;height:min(298px,calc((100vw - var(--safe-left) - var(--safe-right)) * .62));flex:0 0 auto;aspect-ratio:auto}.feature-workspace{width:100%;max-height:none;flex-direction:column;gap:7px}.tracker{display:grid;padding:6px;grid-template-columns:repeat(4,1fr);gap:3px;border-width:2px;border-radius:13px}.tracker h1{display:none}.tracker .ability-line{display:block;margin:0 4px 2px;grid-column:1 / -1;font-size:.52rem}.tracker-row{min-width:0;min-height:43px;padding:3px;flex-direction:column;justify-content:center;gap:0;border:0;border-radius:8px;text-align:center}.tracker-row.active{background:#f7b92f29}.tracker-row img{width:25px;height:25px}.tracker-row b{max-width:100%;font-size:.48rem}.tracker-row small{font-size:.43rem}.bonus-stats{display:grid;padding:7px 12px;grid-template-columns:1fr 1fr;border-width:2px;border-radius:13px}.bonus-stats>div{padding:2px 4px}.bonus-stats span{font-size:.55rem}.bonus-stats strong{font-size:.9rem}.bonus-stats p{grid-column:1 / -1;margin:4px 0 0;font-size:.57rem}.status-line{position:fixed;z-index:75;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 142px);left:var(--safe-left);padding:5px 9px;white-space:normal}.controls{position:fixed;z-index:76;right:0;bottom:0;left:0;min-height:142px;padding:8px var(--safe-right) var(--safe-bottom) var(--safe-left);background:linear-gradient(180deg,transparent,rgb(2 20 37 / .97) 22%)}.controls:before{display:none}.base-controls{display:grid;grid-template-columns:1fr 98px;grid-template-rows:auto auto;gap:2px 7px}.bet-group{grid-column:1;grid-row:1 / 3;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.bet-chip{width:clamp(48px,13vw,60px);height:clamp(48px,13vw,60px)}.spin-action{grid-column:2;grid-row:1 / 3;width:94px;height:94px}.max-bet{display:none}.help-button{position:fixed;top:112px;left:var(--safe-left);display:block;min-width:52px;min-height:38px;padding:4px 8px}.risk-controls{display:grid;min-height:208px;grid-template-columns:1fr 1fr;gap:6px}.game-root.bonus-active .gameplay-layout{margin-bottom:238px}.game-root.bonus-active .status-line{bottom:calc(var(--safe-bottom) + 214px)}.image-action{width:100%;min-height:94px;padding:8px 10px}.image-action span{font-size:.78rem}.image-action small{max-width:170px;font-size:.68rem;line-height:1.18}.risk-controls+.modal-layer{z-index:90}}@media(min-width:801px)and (max-height:429px){.scene-prop,.scene-context{display:none}.layer-canopy,.layer-bunting{opacity:.55}.hud{top:5px;left:8px;width:calc(100% - 336px);min-height:54px;border-width:2px;border-radius:13px;transform:none}.hud-field{min-height:50px;padding:3px 8px}.hud-field span{font-size:.53rem}.hud-field strong{font-size:clamp(.72rem,1.65vw,.9rem)}.hud-field small{display:none}.utility-controls{top:4px}.icon-button{width:42px;height:42px}.test-badge{font-size:.55rem}.gameplay-layout{inset:84px 8px 8px;grid-template-columns:minmax(0,1fr) 320px;gap:7px}.board-region{height:100%;aspect-ratio:auto}.feature-workspace{align-self:stretch;gap:4px}.tracker{display:grid;padding:3px;grid-template-columns:repeat(4,1fr);gap:2px;border-width:2px;border-radius:11px}.tracker h1,.tracker .ability-line{display:none}.tracker-row{min-width:0;min-height:51px;padding:2px;flex-direction:column;justify-content:center;gap:0;border:0;text-align:center}.tracker-row img{width:24px;height:24px}.tracker-row b{max-width:100%;font-size:.46rem;text-overflow:clip}.tracker-row small{font-size:.42rem}.bonus-stats{display:grid;padding:4px 8px;grid-template-columns:1fr 1fr;border-width:2px;border-radius:11px}.bonus-stats>div{padding:2px 3px}.bonus-stats span{font-size:.5rem}.bonus-stats strong{font-size:.8rem}.bonus-stats p{grid-column:1 / -1;margin:3px 0 0;font-size:.52rem}.game-root.bonus-active .feature-workspace{padding-bottom:174px}.status-line{inset:60px auto auto 8px;width:calc(100% - 336px);min-height:21px;padding:3px 8px;font-size:.61rem;white-space:normal}.controls{right:8px;bottom:8px;left:auto;width:320px;padding:0;background:none}.controls:before{display:none}.risk-controls{display:grid;min-height:168px;grid-template-columns:1fr 1fr;gap:4px}.risk-controls .image-action{width:100%;min-width:0;min-height:80px;padding:4px 5px}.risk-controls .image-action span{font-size:.66rem}.risk-controls .image-action small{max-width:150px;font-size:.59rem;line-height:1.12}.base-controls{display:grid;min-height:126px;grid-template-columns:1fr 88px;gap:5px}.base-controls .bet-group{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.base-controls .bet-group>span,.base-controls .max-bet{display:none}.base-controls .bet-chip{width:48px;height:48px}.base-controls .spin-action{width:86px;height:86px}.base-controls .help-button{position:absolute;right:92px;bottom:0;min-width:92px;min-height:44px}.settlement-layer{padding:10px 12px;overflow:hidden}.settlement-card{display:grid;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 20px);padding:12px 18px;overflow:hidden;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:18px}.settlement-card h2{grid-column:1;margin-bottom:4px;font-size:1.1rem}.settlement-card>p{grid-column:1;margin:0;font-size:.76rem;line-height:1.3}.settlement-card .formula{grid-column:1;margin:7px 0;padding:7px;font-size:.88rem}.settlement-card dl{grid-row:1 / span 5;grid-column:2;min-width:0;padding-left:18px;align-self:stretch;border-left:1px solid rgb(107 156 173 / .7)}.settlement-card dl>div{min-height:31px;padding:4px 0;gap:10px;font-size:.72rem}.settlement-card dt,.settlement-card dd{min-width:0;line-height:1.2}.settlement-card>small{grid-column:1;font-size:.54rem;line-height:1.15}.settlement-card .modal-primary{grid-column:1;min-height:44px;margin:8px auto 0;padding-block:7px}}@media(max-width:380px),(max-height:580px)and (max-width:800px){.hud{width:calc(100% - 84px);min-height:82px}.utility-controls .icon-button{width:40px;height:40px}.gameplay-layout{min-height:calc(100dvh - 244px);margin-bottom:168px}.tracker-row b{display:none}.status-line{bottom:calc(var(--safe-bottom) + 145px)}.paytable-grid{grid-template-columns:1fr}}@media(max-width:800px)and (max-height:700px){.game-root.bonus-active .feature-workspace{gap:4px}.game-root.bonus-active .tracker{padding:2px}.game-root.bonus-active .tracker .ability-line{display:none}.game-root.bonus-active .tracker-row{min-height:39px}.game-root.bonus-active .status-line{display:none}.game-root.bonus-active .risk-controls{min-height:196px}.game-root.bonus-active .risk-controls .image-action{min-height:86px}}@media(max-width:319px),(max-height:359px){.game-root:after{position:fixed;inset:0;z-index:999;display:grid;padding:24px;place-items:center;color:#fff;background:#061a32;content:"Please enlarge the window / 請放大視窗";text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}