:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f1df;background:#081012;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.fatal-screen{color:#f7f1df;background:#081012;align-content:center;gap:12px;min-height:100vh;padding:28px;display:grid}.fatal-screen h1,.fatal-screen p{margin:0}.fatal-screen h1{color:#63d5e5;font-size:30px}.fatal-screen p{font-size:16px;line-height:1.4}.fatal-screen small{color:#ffb39f;line-height:1.4}.oil-shell{background:linear-gradient(rgba(31,94,105,.32),rgba(4,13,16,.96)),#081012;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:100vh;padding:14px;display:grid}.stage-panel,.control-panel{background:rgba(7,19,23,.94);border:1px solid rgba(247,241,223,.14)}.stage-panel{grid-template-rows:auto minmax(460px,1fr) auto;min-width:0;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 16px;display:flex}.topbar p{color:#63d5e5;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.topbar h1{margin:0;font-size:28px;line-height:1}.top-actions,.quick-bets{gap:8px;display:flex}.top-actions button,.quick-bets button,.debug-toggle{color:#f7f1df;background:rgba(12,35,42,.92);border:1px solid rgba(247,241,223,.16);min-height:38px;padding:0 13px}.top-actions .selected{color:#1e1606;background:#f2b94f;border-color:#f2b94f;font-weight:900}.map-stage{isolation:isolate;background:#083039;min-height:460px;position:relative;overflow:hidden}.map-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(rgba(4,12,15,.26),transparent 26%,rgba(4,12,15,.32)),radial-gradient(circle at 50% 52%,transparent 0,transparent 38%,rgba(3,11,14,.28) 76%);position:absolute;top:0;bottom:0;left:0;right:0}.map-stage picture,.map-stage img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-image,.clouds{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.map-image{z-index:0}.clouds{z-index:1;opacity:.58;mix-blend-mode:screen;animation:16s ease-in-out infinite alternate cloud-drift}.ship{z-index:5;filter:drop-shadow(0 16px 18px rgba(0,0,0,.38));width:max(110px,min(12vw,230px));transition:filter .18s;position:absolute}.ship-wake{z-index:4;opacity:.48;filter:blur(6px);background:linear-gradient(90deg,transparent,rgba(220,251,255,.36),transparent);border-radius:999px;width:max(110px,min(12vw,230px));height:max(18px,min(2.2vw,34px));position:absolute}.escort{z-index:5;opacity:.88;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35));width:max(70px,min(8vw,140px));animation:5.2s ease-in-out infinite alternate escort-pass;position:absolute;top:13%;left:9%;transform:rotate(72deg)}.route-line{z-index:4;opacity:.72;filter:drop-shadow(0 0 14px rgba(243,73,61,.54));width:max(52px,min(5vw,92px));animation:1.3s ease-in-out infinite alternate mine-pulse;position:absolute;transform:translate(-50%,-50%)}.mine-secondary{opacity:.52;width:max(38px,min(4vw,74px));animation-delay:.5s}.multiplier-readout{z-index:7;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(5,18,22,.78);border:1px solid rgba(247,241,223,.2);min-width:220px;padding:12px 22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.multiplier-readout span{color:#91dbe0;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.multiplier-readout strong{font-size:max(44px,min(6vw,82px));line-height:.95;display:block}.explosion{z-index:6;left:var(--explosion-x,58%);top:var(--explosion-y,52%);filter:drop-shadow(0 0 24px rgba(255,98,47,.7));width:max(220px,min(30vw,520px));animation:.7s ease-out both explosion-pop;position:absolute;transform:translate(-50%,-50%)}.ticker-row{border-top:1px solid rgba(247,241,223,.14);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ticker-row div{border-right:1px solid rgba(247,241,223,.14);min-width:0;padding:13px 16px}.ticker-row div:last-child{border-right:0}.ticker-row span,.balance-card span,.result-card span{color:#9eb9bb;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.ticker-row strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.control-panel{flex-direction:column;gap:13px;padding:16px;display:flex}.balance-card,.result-card,.history{background:rgba(247,241,223,.05);border:1px solid rgba(247,241,223,.13)}.balance-card,.result-card{gap:5px;padding:14px;display:grid}.balance-card strong{font-size:26px}label{color:#aac1c2;text-transform:uppercase;gap:8px;font-size:12px;font-weight:900;display:grid}input,select{color:#f7f1df;background:#0a252c;border:1px solid rgba(247,241,223,.17);width:100%;min-height:46px;padding:0 12px}.quick-bets{grid-template-columns:repeat(4,1fr);display:grid}.quick-bets button{padding:0 8px}.primary-action{color:#03231a;text-transform:uppercase;background:#1fd08d;min-height:58px;font-weight:900}.primary-action:disabled,.quick-bets button:disabled,input:disabled{cursor:not-allowed;opacity:.56}.result-card strong{font-size:28px}.result-card.positive strong{color:#67f2b3}.result-card.negative strong{color:#ff7968}.result-card small{color:#bcd0d1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.debug-panel{gap:10px;padding-top:2px;display:grid}.debug-toggle{justify-self:start}.debug-panel.open{background:rgba(99,213,229,.06);border:1px solid rgba(99,213,229,.24);padding:12px}.error{color:#ff8b73;margin:0;font-size:13px;line-height:1.4}.history{gap:0;display:grid;overflow:hidden}.history h2,.history p{margin:0;padding:12px 14px}.history h2{font-size:14px}.history p{color:#9eb9bb;font-size:13px}.history div{border-top:1px solid rgba(247,241,223,.1);grid-template-columns:80px minmax(0,1fr);gap:8px;padding:10px 14px;display:grid}.history span{color:#91dbe0}.history strong{justify-self:end}@keyframes cloud-drift{0%{transform:translate(-1.6%,-.5%)scale(1.03)}to{transform:translate(1.5%,.8%)scale(1.05)}}@keyframes escort-pass{0%{transform:translate(0,0)rotate(72deg)}to{transform:translate(90px,38px)rotate(82deg)}}@keyframes escort-pass-mobile{0%{transform:translate(0,0)rotate(22deg)}to{transform:translate(42px,86px)rotate(30deg)}}@keyframes mine-pulse{0%{opacity:.42;transform:translate(-50%,-50%)scale(.96)}to{opacity:.9;transform:translate(-50%,-50%)scale(1.04)}}@keyframes explosion-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:940px){.oil-shell{grid-template-columns:1fr}.stage-panel{grid-template-rows:auto 58vh auto}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.primary-action,.history,.debug-panel,.error{grid-column:1/-1}}@media (max-width:620px){.oil-shell{gap:10px;padding:10px}.topbar{flex-direction:column;align-items:stretch}.top-actions{grid-template-columns:repeat(3,1fr);display:grid}.ticker-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker-row div{border-bottom:1px solid rgba(247,241,223,.14)}.control-panel{grid-template-columns:1fr}.map-stage{min-height:420px}.ship{width:max(58px,min(18vw,92px))}.ship-wake{filter:blur(5px);width:max(66px,min(22vw,112px));height:18px}.escort{width:max(48px,min(16vw,82px));animation-name:escort-pass-mobile;top:8%;left:6%;transform:rotate(22deg)}.route-line{width:max(44px,min(15vw,72px))}.mine-secondary{width:max(34px,min(12vw,58px))}.explosion{width:max(180px,min(78vw,380px))}.multiplier-readout{min-width:180px;padding:10px 16px;top:12px}}
