@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#100923;--navy:#170d3f;--card:#1b1144;--card2:#221454;--line:rgba(214,192,255,.23);--text:#fffafc;--muted:#c6bae4;--gold:#ffe27b;--pink:#ff51c5;--cyan:#4af6ff;--ruby:#ff3f78;--sapphire:#4695ff;--emerald:#32ec9a;--shadow:0 25px 65px rgba(8,2,34,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'Nunito',system-ui,-apple-system,sans-serif;font-weight:700}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3,b,strong{font-family:'Baloo 2','Nunito',sans-serif}h1{line-height:1.08;letter-spacing:-.04em;font-weight:800}h2{font-size:1.65rem;letter-spacing:-.025em;line-height:1.12}p{line-height:1.54;color:var(--muted)}.skybox{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0% -10%,#401371 0%,transparent 45%),radial-gradient(ellipse at 100% 5%,#182a6b 0%,transparent 38%),radial-gradient(ellipse at 50% 100%,#25115d 0%,transparent 65%),#0d0924}.nebula{position:absolute;filter:blur(66px);opacity:.27;border-radius:50%}.nebula-one{width:400px;height:400px;background:#fb29b3;left:-185px;top:24%}.nebula-two{width:450px;height:450px;background:#00eaff;right:-230px;top:40%}.nebula-three{width:400px;height:400px;background:#862dff;left:42%;bottom:-230px}.star-field{position:absolute;inset:0;background-image:radial-gradient(#ffe9a8 1.2px,transparent 1.5px),radial-gradient(#e58cff 1px,transparent 1.5px);background-size:91px 91px,133px 133px;background-position:23px 11px,47px 63px;opacity:.23}.shell{width:min(1440px,calc(100% - 42px));margin:0 auto;padding-bottom:22px}.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 17px;border-bottom:1px solid var(--line);margin-bottom:24px}.logo-lockup{display:flex;align-items:center;gap:13px;min-width:0}.logo-icon{width:74px;height:74px;filter:drop-shadow(0 5px 11px rgba(255,57,208,.45))}.logo-text{display:flex;flex-direction:column;gap:0;min-width:0}.logo-text small{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:900}.logo-text b{font-size:clamp(22px,2.6vw,34px);white-space:nowrap;line-height:1.05;letter-spacing:.045em;color:#fff}.logo-text em{color:var(--pink);font-style:normal;text-shadow:0 0 23px rgba(255,75,203,.55)}.logo-text span{color:#93eaff;font-size:10px;font-weight:900;letter-spacing:.09em}.mast-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap}.top-btn,.tiny-chip{background:#251957;color:#fff;border:1px solid #54408e;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;font-size:12px;font-weight:900;min-height:42px;white-space:nowrap}.top-btn:hover{background:#382071;border-color:#8e78dd}.top-btn.reset{color:#ffb7cb;border-color:#ce428d}.top-btn.install{border-color:#b18b40;color:var(--gold)}.tiny-chip{color:#a9f4ff}.live-pin{width:7px;height:7px;background:#3dffa9;border-radius:50%;box-shadow:0 0 9px #3dffa9}.disclaimer{font-size:11px;line-height:1.7;color:#9c91c2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0 10px;border-top:1px solid var(--line);margin-top:28px}.hero-card,.panel,.guide-illustration,.seat-guide,.stop-guide,.treasure-input{background:linear-gradient(145deg,rgba(40,24,95,.96),rgba(19,17,54,.94));border:1px solid rgba(183,134,253,.38);border-radius:24px;box-shadow:var(--shadow);position:relative}.hero-card::before,.bet-card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.08)}.eyebrow{font-size:11px;color:var(--gold);font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.btn{min-height:51px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:none;border-radius:15px;padding:11px 19px;font-size:14px;font-weight:1000;letter-spacing:.04em;transition:transform .15s,filter .15s;text-align:center}.btn:hover{transform:translateY(-2px);filter:brightness(1.09)}.btn:active{transform:translateY(1px)}.btn-gold{color:#35204e;background:linear-gradient(125deg,#ffed96,#ffc84e 58%,#ffad4a);box-shadow:0 7px 0 #996134,0 12px 26px rgba(255,182,52,.17)}.btn-dark{background:#362165;color:#ffecf5;border:1px solid #9671c7}.btn-outline{background:rgba(255,255,255,.06);border:1px solid rgba(179,164,250,.5);color:#fff}.btn-danger{color:#fff;background:linear-gradient(125deg,#ff4078,#df2b63);box-shadow:0 6px 0 #721b53}.btn.wide{width:100%}.btn.small-btn{min-height:44px;font-size:12px}.fine-print,.form-help,.field-hint{font-size:12px;color:#ac9fce;line-height:1.5}.form-help{margin:14px 0 0}.form-label{display:block;color:#d2c6ef;letter-spacing:.06em;font-size:11px;font-weight:1000;margin-bottom:16px}.form-label input,.pin-form input{width:100%;background:rgba(4,4,33,.45);border:2px solid #5e4c98;border-radius:13px;color:#fff;padding:14px 15px;font-size:18px;font-weight:900;letter-spacing:normal;outline:none;margin-top:8px}.form-label input:focus,.pin-form input:focus{border-color:#5efff5;box-shadow:0 0 0 3px rgba(82,255,246,.11)}.landing{min-height:calc(100svh - 175px);display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1080px;margin:auto;gap:30px}.landing-graphic{height:510px;display:flex;align-items:center;justify-content:center;position:relative}.pirate-illustration{max-width:100%;height:100%;filter:drop-shadow(0 0 32px rgba(202,56,251,.47));animation:float 5s ease-in-out infinite}.float-sparkle{position:absolute;font-size:40px;color:#ffde78;text-shadow:0 0 30px #ffdb4e}.float-sparkle.one{top:20%;left:4%}.float-sparkle.two{right:3%;bottom:26%;color:#73eeff}.login-card{padding:40px 36px;max-width:465px}.login-card h1{font-size:clamp(40px,5.2vw,65px);margin:9px 0 12px}.login-card h1 span{color:var(--pink);text-shadow:0 0 30px #fa31b970}.login-card p{font-size:15px}.pin-form{display:grid;gap:10px;margin:22px 0 18px}.pin-form label{font-size:12px;letter-spacing:.14em;color:#f9e69e}.pin-form input{text-align:center;letter-spacing:.5em;font-size:29px;margin:0}.pin-form button{margin-top:7px}.setup-page{min-height:calc(100svh - 165px);display:grid;grid-template-columns:1fr 490px;gap:50px;align-items:center;max-width:1120px;margin:auto}.setup-side{text-align:center}.setup-mascot{height:390px;max-width:100%;filter:drop-shadow(0 0 32px rgba(187,58,255,.38))}.setup-side h1{font-size:clamp(40px,4.6vw,60px);margin:7px auto 11px}.setup-side h1 em{color:var(--pink);font-style:normal}.setup-side p{max-width:420px;margin:auto}.setup-title-mini{letter-spacing:.22em;color:var(--gold);font-size:11px}.boot-pills{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:24px}.boot-pills span{font-size:10px;background:#292052;padding:8px 10px;border:1px solid #6f439a;border-radius:9px}.setup-form{padding:32px}.setup-form h2{font-size:32px;margin:5px 0 23px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.mode-option input{position:absolute;opacity:0}.mode-option span{min-height:95px;padding:12px 10px;background:rgba(14,11,54,.75);border:2px solid #5e4b87;border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.mode-option input:checked+span{border-color:var(--cyan);background:rgba(34,79,137,.25);box-shadow:0 0 0 2px rgba(94,255,245,.13)}.mode-option b{font-size:15px}.mode-option small{font-size:11px;color:#bdb1d8;white-space:nowrap}.ship-belt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.ship-belt>span{background:#261752;border:1px solid #694f9d;color:#d5d5ff;padding:8px 11px;border-radius:9px;font-size:11px;font-weight:900}.ship-belt .belt-recovery{background:#5b2b54;color:#ffe18e;border-color:#e5a453}.dash-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.kpi{border-radius:16px;background:linear-gradient(133deg,#29205e,#1c163f);padding:15px 17px;border:1px solid #61529b;display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-label{font-size:10px;color:#cbbede;letter-spacing:.1em;font-weight:1000}.kpi strong{font-family:'Baloo 2',sans-serif;line-height:1.18;font-size:clamp(22px,2.9vw,31px);color:white;word-break:break-word;letter-spacing:-.02em}.kpi small{font-size:10px;color:#b2a3cf}.kpi.plus{border-color:rgba(58,246,182,.44)}.kpi.plus strong{color:#82ffd3}.kpi.minus,.kpi.debt{border-color:rgba(255,78,128,.39)}.kpi.debt strong,.kpi.minus strong{color:#ff9fbc}.kpi.target strong{color:#ffe28c}.kpi.balance strong{color:#8eeaff}.stage-heading{text-align:center;margin:30px auto 23px}.stage-heading h1{font-size:clamp(36px,5vw,56px);margin:8px 0}.stage-heading em,.stop-guide h2 em{color:var(--pink);font-style:normal}.stage-heading p{margin:0}.seat-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:17px}.seat-workspace{padding:28px;min-height:470px}.seat-workspace h2{margin:7px 0}.seat-workspace .subline{font-size:13px}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.selection-option{min-height:258px;background:linear-gradient(170deg,#32236b,#21194d);border:2px solid #715bad;color:#fff;border-radius:18px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:8px}.selection-option:hover{border-color:var(--cyan);transform:translateY(-3px)}.selection-option.automatic{border-color:#ba5bab}.selection-option.automatic:hover{border-color:#ff7ade}.option-icon{font-size:42px}.selection-option strong{font-size:21px;line-height:1.1}.selection-option small{font-size:13px;line-height:1.45;color:#d4cdec}.selection-option .option-link{font-size:10px;letter-spacing:.1em;color:var(--gold);margin-top:auto;font-weight:1000}.seat-guide,.stop-guide{padding:20px;overflow:hidden}.guide-illustration{height:110px;overflow:hidden;position:relative;background:radial-gradient(ellipse,#7434ab,transparent 80%);margin-bottom:12px;border:none;box-shadow:none}.guide-pirate{height:220px;position:absolute;top:-45px;left:40%;transform:translateX(-50%)}.guide-floating{position:absolute;top:14px;right:9px;color:#ffde75;font-weight:1000;font-size:20px}.panel-title,.panel-head{font-size:12px;color:#fff0af;font-weight:1000;letter-spacing:.09em}.seat-guide>p{font-size:13px;margin:8px 0 14px}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pattern-example{border-radius:14px;border:1px solid rgba(230,135,178,.45);background:rgba(45,26,80,.75);padding:10px 9px;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.pattern-example.neutral{border-color:rgba(73,251,182,.45);background:rgba(10,70,81,.25)}.pattern-mini{display:flex;justify-content:center;align-items:flex-start;gap:5px;min-height:57px}.pattern-col{display:flex;flex-direction:column;align-items:center;gap:3px}.road-dot{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset -3px -4px 4px rgba(0,0,0,.3),inset 2px 3px 3px rgba(255,255,255,.43),0 0 9px rgba(255,255,255,.12);flex-shrink:0}.road-dot.ruby{background:linear-gradient(125deg,#ff9fbf,#fa245e 65%,#a41255);border:1px solid #ffc7db}.road-dot.sapphire{background:linear-gradient(125deg,#b6faff,#2d87ff 65%,#2532ac);border:1px solid #c6f6ff}.road-dot.emerald{background:linear-gradient(125deg,#d8ffe6,#18e997 65%,#096a6a);border:1px solid #c5ffdc}.pattern-example b{font-size:13px;text-align:center;line-height:1.2}.pattern-example small{font-size:10px;text-align:center;color:#bfb5d6}.scientific-note{padding:10px;border-radius:10px;background:rgba(12,11,37,.6);color:#c9badc;font-size:11px!important}.seat-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.text-link{background:none;border:none;color:var(--cyan);font-size:11px;font-weight:1000}.sequence-entry{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:18px 0 10px}.entry-slot{aspect-ratio:.85;border:1px dashed #6154a8;border-radius:9px;background:rgba(10,7,43,.55);display:flex;align-items:center;justify-content:center;font-weight:1000;color:#7e71a8}.entry-slot.ruby{background:#a8255c;border-color:#ff9fbc;color:white}.entry-slot.sapphire{background:#1d57b0;border-color:#83b4ff;color:white}.entry-slot.emerald{background:#087c63;border-color:#7effca;color:white}.progress-micro{text-align:right;font-size:10px;color:#a0eaff;letter-spacing:.1em;margin-bottom:13px}.result-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gem-button{position:relative;min-height:159px;color:white;border-radius:17px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-weight:1000;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -7px 0 rgba(0,0,0,.2),0 9px 20px rgba(0,0,0,.3);transition:transform .13s,filter .13s;overflow:hidden}.gem-button::before{content:'';position:absolute;inset:-25%;background:linear-gradient(130deg,transparent 15%,rgba(255,255,255,.2) 28%,transparent 38%);transform:translateX(-65%) skewX(-20deg);transition:transform .25s}.gem-button:hover::before{transform:translateX(75%) skewX(-20deg)}.gem-button:active{transform:translateY(4px);filter:brightness(.92)}.gem-button.ruby{background:linear-gradient(150deg,#ff6790,#da1858 60%,#8f1455);border-color:#ffafc5}.gem-button.sapphire{background:linear-gradient(150deg,#65c7ff,#1767db 60%,#2623a6);border-color:#adeaff}.gem-button.emerald{background:linear-gradient(150deg,#59ffc2,#04a981 60%,#04706b);border-color:#bbffe1}.gem-shape{font-family:serif;font-size:51px;line-height:1;color:rgba(255,255,255,.93);text-shadow:0 4px 0 rgba(0,0,0,.2),0 0 12px #fff9;filter:drop-shadow(0 0 7px rgba(255,255,255,.4));margin-bottom:2px}.gem-button b{font-size:clamp(15px,1.8vw,20px);line-height:1.1;letter-spacing:.06em;text-shadow:0 2px 3px rgba(0,0,0,.5)}.gem-button small{font-size:11px;letter-spacing:.15em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.seat-result .gem-button{min-height:123px}.seat-result .gem-shape{font-size:39px}.diamond-button{width:100%;padding:13px 12px;margin-top:12px;border:2px solid #bbf8ff;border-radius:13px;background:linear-gradient(110deg,#34407c,#246195,#1a355d);box-shadow:inset 0 1px 0 #b9eeff,0 5px 15px rgba(32,213,255,.11);color:#dcfcff;font-size:12px;font-weight:1000;letter-spacing:.09em;display:flex;align-items:center;justify-content:center;gap:12px}.diamond-button:hover{filter:brightness(1.14)}.detector-result{margin-top:20px;padding:17px;border:2px solid #b0d6a7;border-radius:15px;background:#173d47}.detector-result.warn{border-color:#ff6c97;background:#431c45}.detector-result.caution{border-color:#fbe277;background:#43324d}.detector-result>strong{font-size:19px;color:#fff}.detector-result p{font-size:13px;margin:7px 0}.detector-warning{display:flex;flex-direction:column;gap:3px;margin:8px 0;background:#ffffff12;border-radius:9px;padding:9px 12px}.detector-warning b{font-size:13px}.detector-warning small{font-size:11px;color:#ded4ec}.detector-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.detector-actions .btn{flex:1;font-size:11px}.play-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px}.play-main,.play-side{min-width:0;display:flex;flex-direction:column;gap:16px}.bet-card{border-radius:27px;padding:25px 26px 25px;position:relative;overflow:hidden;isolation:isolate;border:2px solid #8f6fe7;background:radial-gradient(ellipse at 74% 31%,rgba(160,90,237,.42),transparent 56%),linear-gradient(140deg,#402174,#1c1648);box-shadow:0 20px 55px rgba(0,0,0,.3),inset 0 0 40px rgba(109,57,206,.3)}.bet-card::after{content:'🏴‍☠️';font-size:170px;opacity:.07;position:absolute;right:-4px;bottom:65px;z-index:-1}.bet-card.ruby{background:radial-gradient(ellipse at 75% 30%,rgba(255,96,145,.38),transparent 56%),linear-gradient(130deg,#6b1c55,#270c40);border-color:#ff6897;box-shadow:0 20px 52px #3d122982,0 0 25px #ff316f33}.bet-card.sapphire{background:radial-gradient(ellipse at 75% 30%,rgba(61,219,255,.38),transparent 56%),linear-gradient(130deg,#193e83,#170f48);border-color:#58c1ff;box-shadow:0 20px 52px #021e4caa,0 0 25px #21b7ff33}.bet-card.neutral{border-color:#a49cc5}.bet-upper{display:flex;align-items:center;justify-content:space-between;gap:14px}.bet-crest{font-size:10px;color:#ffebb8;letter-spacing:.12em;font-weight:1000}.live-tag{border-radius:30px;padding:8px 13px;background:#ffffff18;border:1px solid #ffffff4d;font-size:11px;font-weight:1000;letter-spacing:.09em}.bet-question{font-size:12px;font-weight:1000;color:#f4e5ff;letter-spacing:.13em;margin:27px 0 4px}.prediction-hero{display:flex;align-items:center;justify-content:space-between;gap:8px}.prediction-text{font-family:'Baloo 2',sans-serif;font-size:clamp(28px,4.4vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.02em;text-shadow:0 4px 15px #0008}.prediction-jewel{font-size:clamp(70px,9vw,132px);font-family:Georgia,serif;line-height:1;color:#ffbdd3;text-shadow:0 0 15px #ff4e81,0 8px 0 #521343;opacity:.8;transform:rotate(-13deg)}.bet-card.sapphire .prediction-jewel{color:#a0ecff;text-shadow:0 0 20px #39baff,0 8px 0 #09276e}.prediction-amount{font-family:'Baloo 2',sans-serif;font-size:clamp(72px,10.5vw,142px);font-weight:800;line-height:1.06;letter-spacing:-.06em;display:flex;flex-direction:column;color:white;text-shadow:0 5px 0 rgba(0,0,0,.15),0 0 30px rgba(255,255,255,.18);margin:7px 0 18px}.prediction-amount>span{font-family:'Nunito',sans-serif;letter-spacing:.1em;font-size:11px;font-weight:1000;color:#fff0b5;text-shadow:none;margin-top:5px}.engine-reason{border-top:1px solid #ffffff3a;padding-top:14px;color:#f0e6ff;font-size:12px;line-height:1.5}.glow-tiny{color:#ffeb8b;font-size:15px}.calib-alert{margin-top:13px;border-radius:11px;background:#f5e18b22;border:1px solid #f4d67666;padding:12px;color:#ffe49c;font-size:12px}.treasure-input{padding:21px}.treasure-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:15px}.treasure-top h2{margin:2px 0 0;font-size:25px}.treasure-label{font-size:10px;color:#bbb2df;letter-spacing:.1em;font-weight:900}.event-banner{font-size:12px;color:#c8eeff;border-left:4px solid #5eeeff;padding:11px 13px;margin-top:13px;background:#fff1;border-radius:6px}.event-banner.win{color:#a4ffcf;border-color:#51f3a6}.event-banner.loss,.event-banner.lock{color:#ffc2d3;border-color:#ff578d}.event-banner.tie{color:#bcffdd;border-color:#48edb3}.panel{padding:18px 19px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head small{color:#aca1cd;font-size:10px;white-space:nowrap}.history-track{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:41px}.gem-chip{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:1000;border:1px solid #fff7;border-radius:50%;box-shadow:inset 0 3px 2px #fff4,0 3px 7px #0003}.gem-chip.ruby{background:#d62160}.gem-chip.sapphire{background:#267be3}.gem-chip.emerald{background:#0ba77f}.column-view{display:flex;gap:7px;margin-top:13px;align-items:flex-start;min-height:55px;overflow-x:auto}.road-column{display:flex;flex-direction:column;gap:4px;padding:4px;background:#ffffff0b;border-radius:9px;min-width:25px;align-items:center}.overflow-dot{font-size:9px;color:#ddd}.muted{color:#a99ec6;font-size:12px}.pill{font-size:9px;letter-spacing:.08em;border:1px solid #58bcb7;color:#8feaff;border-radius:30px;padding:5px 7px}.pill.warn{border-color:#ffb55a;color:#ffe6a1}.scale-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.scale-step{border:1px solid #53428f;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;background:#110e39;white-space:nowrap;min-width:0}.scale-step small{color:#a596db;font-size:9px}.scale-step b{font-size:clamp(9px,1vw,14px);color:#fff;letter-spacing:-.03em}.scale-step.active{border-color:#ffe584;background:linear-gradient(180deg,#72553b,#654078);box-shadow:0 0 20px #ffcb544d}.scale-step.active b{color:#fff4b6}.scale-step.muted-step{opacity:.55}.scale-foot{font-size:11px;margin:11px 0}.cycle-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.cycle-stats>div{background:#080c322b;border:1px solid #5b5090;border-radius:11px;padding:10px}.cycle-stats span{display:block;font-size:9px;color:#b8b0d2;letter-spacing:.09em}.cycle-stats b{font-size:20px}.good{color:#84ffc8!important}.bad{color:#ff94b7!important}.risk-ribbon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:13px 0;background:#18123d;border-radius:10px;border:1px solid #4c397d;padding:12px;font-size:10px;color:#b4a9ce}.risk-ribbon span{display:flex;flex-direction:column;gap:4px}.risk-ribbon b{color:#fff}.ledger-list{max-height:400px;overflow-y:auto;scrollbar-color:#8562b5 transparent}.ledger-row{display:grid;grid-template-columns:30px minmax(0,1fr) 88px 54px;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #ffffff16}.ledger-gem{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:white;font-weight:1000;font-size:11px}.ledger-gem.ruby{background:#da2c64}.ledger-gem.sapphire{background:#286fd1}.ledger-gem.emerald{background:#0ca77b}.ledger-action{font-size:12px;display:flex;flex-direction:column}.ledger-action small{font-size:10px;color:#b5a8d5}.ledger-row strong{font-size:12px;text-align:right}.ledger-row>small{font-size:10px;color:#b7add1;text-align:right}.stop-page{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start;margin:30px 0 20px}.lock-panel{padding:33px;text-align:center}.lock-icon{font-size:58px}.lock-panel h1{font-size:clamp(32px,4.7vw,58px);margin:9px 0;color:#ffe08f}.lock-panel.loss h1{color:#ff91b7}.big-stop-message{font-size:16px;color:#eee2ff}.stop-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:left;margin:22px 0}.stop-figures .kpi{padding:12px 10px}.stop-figures .kpi strong{font-size:clamp(17px,2.2vw,25px)}.stop-figures .kpi-label{font-size:9px}.next-table-card{background:#100d38b0;border:1px solid #69559b;padding:20px;border-radius:17px;text-align:left;margin-top:19px}.next-table-card p{font-size:13px;margin:9px 0}.next-table-card>small{display:block;font-size:11px;color:#b7abc9;margin:-5px 0 18px}.stop-guide{padding:22px}.stop-guide h2{font-size:32px;margin:6px 0 18px}.stop-guide .pattern-grid{grid-template-columns:repeat(2,1fr)}.guide-note{font-size:12px;color:#dacde9;line-height:1.5;border:1px solid #63edb065;background:#11534333;border-radius:11px;margin-top:15px;padding:12px}.stop-pirate{width:230px;max-height:230px;object-fit:contain;display:block;margin:0 auto -33px;filter:drop-shadow(0 0 20px #ff62d34d)}.alert-copy{background:#a3305436;border:1px solid #ff698069;border-radius:12px;padding:14px;font-size:13px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#060312d8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.dialog-card{position:relative;width:min(510px,100%);max-height:calc(100svh - 32px);overflow-y:auto;background:linear-gradient(145deg,#352063,#170d3f);border:2px solid #af74ed;border-radius:24px;padding:28px;box-shadow:0 30px 100px #000c}.dialog-card h2{font-size:30px;margin:8px 0}.dialog-card p{font-size:13px}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff17;border:1px solid #ffffff34;color:white;border-radius:10px;width:35px;height:35px}.modal-tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.danger-dialog{border-color:#ff6696}.toast{position:fixed;z-index:100;bottom:18px;left:50%;transform:translate(-50%,150px);opacity:0;max-width:min(500px,94vw);pointer-events:none;background:#39296e;color:#fff;border:2px solid #64fff5;border-radius:14px;padding:14px 18px;box-shadow:0 10px 40px #000a;font-size:13px;line-height:1.4;text-align:center;transition:transform .18s,opacity .18s}.toast.info,.toast.bad,.toast.good{transform:translate(-50%,0);opacity:1}.toast.bad{border-color:#ff668c}.toast.good{border-color:#84ffb4}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1100px){.play-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}.sequence-entry{gap:3px}.seat-layout{grid-template-columns:1.1fr .9fr}.setup-page{gap:20px;grid-template-columns:minmax(0,1fr) 460px}}
@media(max-width:870px){.shell{width:min(700px,calc(100% - 26px))}.masthead{min-height:85px}.logo-icon{width:59px;height:59px}.logo-text b{font-size:24px}.mast-actions .top-btn span{display:none}.mast-actions .top-btn{min-width:40px;min-height:41px}.mast-actions .tiny-chip{display:none}.dash-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-layout,.play-layout,.stop-page,.setup-page,.landing{grid-template-columns:1fr}.seat-guide{order:2}.play-side{order:2}.landing{min-height:auto;gap:0;max-width:540px}.landing-graphic{height:290px}.pirate-illustration{height:330px}.landing-graphic .pirate-illustration{height:320px}.login-card{margin:0 auto 20px;width:min(100%,470px)}.setup-side .setup-mascot{height:270px}.setup-side p{max-width:460px}.setup-side{margin-bottom:17px}.setup-form{max-width:510px;width:100%;margin:auto}.stop-guide{order:2}.bet-card{padding:22px}.prediction-text{font-size:clamp(29px,7vw,48px)}.prediction-amount{font-size:clamp(75px,14vw,120px)}.gem-button{min-height:138px}.gem-shape{font-size:45px}}
@media(max-width:520px){.shell{width:calc(100% - 18px)}.masthead{gap:5px;margin-bottom:15px}.logo-icon{width:49px;height:49px}.logo-lockup{gap:6px}.logo-text small{font-size:7px;letter-spacing:.06em}.logo-text b{font-size:19px}.logo-text span{font-size:7px;letter-spacing:0}.mast-actions{gap:4px}.mast-actions .top-btn{padding:8px;font-size:12px;min-height:36px;min-width:36px;border-radius:10px}.ship-belt{gap:6px;margin-bottom:10px}.ship-belt>span{font-size:9px;padding:6px 7px}.dash-overview{gap:7px;margin-bottom:12px}.kpi{padding:12px}.kpi-label{font-size:9px}.kpi strong{font-size:clamp(21px,5.5vw,27px)}.kpi small{font-size:9px}.seat-workspace,.seat-guide,.stop-guide,.hero-card,.panel,.treasure-input{border-radius:18px}.seat-workspace,.setup-form,.login-card,.lock-panel{padding:20px 17px}.stage-heading{margin:20px 5px}.stage-heading h1{font-size:36px}.stage-heading p{font-size:12px}.selection-grid{gap:9px}.selection-option{min-height:252px;padding:12px}.selection-option strong{font-size:17px}.selection-option small{font-size:11px}.seat-header .eyebrow{font-size:9px}.seat-workspace h2{font-size:23px}.sequence-entry{gap:3px}.entry-slot{font-size:11px}.gem-button{min-height:118px;border-radius:13px}.gem-shape{font-size:38px}.gem-button b{font-size:13px}.gem-button small{font-size:10px}.result-buttons{gap:6px}.seat-result .gem-button{min-height:104px}.seat-result .gem-shape{font-size:33px}.seat-guide .pattern-grid,.stop-guide .pattern-grid{gap:7px}.pattern-example{padding:9px 5px;min-height:111px}.pattern-mini{gap:3px}.road-dot{width:13px;height:13px}.pattern-example b{font-size:10px}.bet-card{padding:19px 17px;border-radius:20px}.bet-question{margin-top:21px}.prediction-text{font-size:clamp(26px,7vw,34px)}.prediction-jewel{font-size:75px}.prediction-amount{font-size:80px}.bet-crest{font-size:9px}.live-tag{font-size:9px;padding:6px 8px}.treasure-input{padding:15px}.treasure-top h2{font-size:22px}.treasure-label{font-size:8px}.panel{padding:14px}.scale-row{gap:3px}.scale-step{padding:8px 0}.scale-step b{font-size:10px}.cycle-stats b{font-size:17px}.stop-page{margin-top:12px}.stop-figures{grid-template-columns:1fr;gap:7px}.stop-figures .kpi{padding:10px;flex-direction:row;align-items:center;justify-content:space-between}.stop-figures .kpi strong{font-size:19px}.stop-guide h2{font-size:26px}.mode-option b{font-size:12px}.mode-option small{font-size:10px}.setup-side h1{font-size:40px}.setup-side .setup-mascot{height:220px}.setup-side p{font-size:13px}.boot-pills{gap:5px}.boot-pills span{font-size:8px}.logo-text{max-width:210px}.disclaimer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:390px){.masthead{flex-wrap:wrap}.mast-actions{margin-left:auto}.logo-text b{font-size:18px}.logo-text span{display:none}.logo-text small{font-size:7px}}

/* ======================================================================
   CORSARI STORM · MANGA / PIRATE ADVENTURE ART DIRECTION — V1.1
   Original manga-inspired artwork: inky contours, old-map gold, ocean neon.
   The actual wagering and result controls remain high-contrast and legible.
   ====================================================================== */
:root{
  --bg:#071221;--navy:#07192d;--card:#10263c;--card2:#17344b;
  --line:rgba(237,189,92,.36);--text:#fff7e6;--muted:#bdd0df;
  --gold:#f4c05e;--pink:#f46e68;--cyan:#4defff;
  --ruby:#f73953;--sapphire:#358dff;--emerald:#26e5a0;
  --shadow:0 15px 35px #0009, 0 0 0 1px #e3ad5c33;
}
html{scroll-behavior:smooth;scrollbar-color:#b98643 #071526}
body{
  background:
   repeating-linear-gradient(134deg,#0000 0 37px,#f9b75208 38px 39px,#0000 40px 82px),
   linear-gradient(130deg,#08101d,#0d2945 42%,#091523 75%,#261629);
  font-family:'Trebuchet MS',Verdana,system-ui,sans-serif;
  font-weight:600;
}
.skybox{
 background:
  radial-gradient(ellipse at 12% 14%,#1d74949b 0%,transparent 47%),
  radial-gradient(ellipse at 89% 12%,#9e3c567e 0%,transparent 37%),
  radial-gradient(ellipse at 76% 85%,#254d7091 0%,transparent 47%),
  repeating-linear-gradient(155deg,#b2daeb07 0px,#b2daeb07 1px,transparent 2px,transparent 39px),
  #081526;
}
.nebula{opacity:.18}.nebula-one{background:#00dae2}.nebula-two{background:#f0754c}.nebula-three{background:#dfbd66}
.shell{max-width:1470px}
h1,h2,h3,.logo-text b,.panel-title,.panel-head,.eyebrow,.prediction-text,.bet-crest,.btn,.gem-button b,.stop-guide h2{
  font-family:Impact,'Arial Narrow','Trebuchet MS',sans-serif;
  font-weight:900;letter-spacing:.04em;
}
.eyebrow,.panel-title,.panel-head{color:#f8d887;letter-spacing:.09em}
.masthead{
 position:relative;
 border-bottom:3px solid #dba457;
 padding-bottom:18px;
 filter:drop-shadow(0 12px 20px #0006);
}
.masthead:after{content:'⚓';position:absolute;right:0;bottom:-17px;color:#ffce6b;background:#06182b;border:2px solid #b7823b;border-radius:50%;font-size:17px;width:29px;height:29px;display:grid;place-items:center}
.logo-icon{filter:drop-shadow(0 0 15px #3df9ff6a)}
.logo-text small{color:#ffdd8c;letter-spacing:.16em}
.logo-text b{
 color:#ffdc80;
 font-size:clamp(24px,2.7vw,41px);
 -webkit-text-stroke:.5px #4b280d;
 text-shadow:0 3px 0 #5c321d,0 6px 0 #09182b,0 0 30px #f39e424d;
}
.logo-text em{color:#71f8ff;text-shadow:0 2px 0 #075a71,0 0 20px #44e9f677}
.logo-text span{color:#aad9e8;letter-spacing:.09em}
.top-btn,.tiny-chip{
 background:linear-gradient(165deg,#21435c,#081b31);
 border:1px solid #e6bd6a80;color:#fff5d9;
 box-shadow:inset 0 1px 0 #ffda8b33,0 5px 15px #0005;
}
.top-btn:hover{border-color:#7cf5fe;color:#fff}
.top-btn.debt-top{border-color:#f5c971aa}.top-btn.observe-top{border-color:#6deef2aa}
.hero-card,.panel,.seat-guide,.treasure-input,.stop-guide{
 background:
  radial-gradient(ellipse at 99% 3%,#27738b21,transparent 45%),
  repeating-linear-gradient(-24deg,#f6c88205 0px,#f6c88205 2px,transparent 2px,transparent 38px),
  linear-gradient(145deg,#17354b,#0c1e34 68%,#0b172a);
 border:2px solid #bc8546 !important;
 box-shadow:var(--shadow),inset 0 0 0 2px #ffde9e1c;
}
.hero-card:before,.panel:before,.treasure-input:before{pointer-events:none}
.ship-belt{
 background:linear-gradient(90deg,#0e3441,#10253a 42%,#321e31);
 border:2px solid #a97c3e;
 box-shadow:0 5px 15px #0006;
 border-radius:12px;
 padding:11px;
}
.ship-belt>span{background:#0a1929;border:1px solid #bd8d4e;box-shadow:inset 0 1px 0 #fff2;letter-spacing:.05em}
.belt-recovery{color:#ffe596!important;border-color:#ffa957!important}
.kpi{
 background:linear-gradient(145deg,#102a42,#091a30);
 border-color:#b7854b !important;
 box-shadow:inset 0 1px 0 #fff2;
}
.kpi-label,.cycle-stats span{color:#a9d4df}
.kpi strong{font-family:Impact,system-ui,sans-serif;font-weight:900;letter-spacing:.025em}
.kpi.plus strong,.good{color:#5dffbe!important}.kpi.debt strong,.minus,.bad{color:#ff9b92!important}
.kpi.target strong{color:#ffdc82}
.landing-graphic{height:560px;isolation:isolate}
.pirate-illustration,.setup-mascot,.guide-pirate,.stop-pirate{
 filter:drop-shadow(0 14px 22px #010715bb) drop-shadow(0 0 18px #43dfff42);
 animation:float 7s ease-in-out infinite;
}
.landing-graphic:before,.setup-side:before{
 content:'';position:absolute;inset:8% 5%;z-index:-1;
 background:radial-gradient(circle at 53% 49%,#22d0e85b,transparent 58%);
 filter:blur(20px);
}
.setup-side{position:relative}
.setup-side h1,.stage-heading h1{color:#ffda83;text-shadow:0 4px 0 #54301f,0 0 20px #f48a3848}
.setup-side h1 em,.stage-heading h1 em,.stop-guide h2 em{color:#64eaf1;text-shadow:0 0 19px #50eefa50}
.boot-pills span,.guide-note{border-color:#d5a65388;background:#0d3144;color:#ffdfaa}
.setup-form input,.form-label input,.dialog-card input,.dialog-card textarea,.dialog-card select{
 background:#09192a;color:#fff9e9;border:2px solid #997047;
 border-radius:10px;min-height:48px;padding:12px;
 box-shadow:inset 0 3px 12px #0007;
}
.dialog-card textarea{min-height:96px;resize:vertical}
.setup-form input:focus-visible,.dialog-card input:focus-visible,.dialog-card textarea:focus-visible,.dialog-card select:focus-visible{outline:2px solid #6df0f9;outline-offset:2px}
.form-label{color:#fee3a6}
.mode-option>span,.selection-option{
 background:linear-gradient(160deg,#20485d,#0e253d);
 border:2px solid #bd945a;color:#fff8e6;
 box-shadow:inset 0 1px 0 #ffe6ae28,0 8px 16px #0003;
}
.selection-option.automatic{border-color:#4be3eb}
.selection-option:hover{border-color:#ffd57a}
.btn{
 background:linear-gradient(180deg,#27455f,#102d43);
 border:2px solid #d4ad63;color:#fff9e9;
 border-radius:12px;box-shadow:0 5px 0 #091624,0 10px 24px #0005;
 text-shadow:0 1px 1px #0007;
}
.btn:active,.gem-button:active{transform:translateY(3px);box-shadow:0 1px 0 #05101f,0 4px 13px #0007}
.btn-gold{
 color:#1a1b2d !important;
 background:linear-gradient(180deg,#fff3b7,#f9c05d 42%,#da8e34 100%) !important;
 border-color:#ffedb4 !important;
 text-shadow:0 1px 0 #fff7ad99;
 box-shadow:0 5px 0 #79471e,0 12px 25px #0005 !important;
}
.btn-outline{border-color:#84e7eb;background:linear-gradient(160deg,#1a5265,#0f344b)}
.btn-danger{background:linear-gradient(#f15d67,#9f263e);border-color:#ffbb9e}
.btn-dark{background:#061b2d;border-color:#c79b60}
.seat-guide .guide-illustration{
 height:165px;background:radial-gradient(ellipse,#0c81a38a,transparent 75%);
 border-bottom:2px solid #b7884f;
}
.guide-pirate{height:320px;top:-83px;left:50%}
.guide-floating{color:#ffda88;transform:rotate(-8deg);text-shadow:2px 3px 0 #241525}
.pattern-example{background:#0c2033;border-color:#a7784899}
.pattern-example.risky{border-color:#f17d6599}
.pattern-example.neutral{border-color:#28e6ad66}
.detector-result.warn{border:2px solid #fa766f;background:#3e1a2d}
.detector-result.ok{border:2px solid #39dfbb;background:#153c42}
.detector-result.caution{border:2px solid #eebf68;background:#40362a}
.road-dot.ruby,.gem-chip.ruby{background:#dd3347;border-color:#ffa2a5}
.road-dot.sapphire,.gem-chip.sapphire{background:#2b82e9;border-color:#a6e7ff}
.road-dot.emerald,.gem-chip.emerald{background:#15bd80;border-color:#96ffde}
/* The most important screen: no decorative image may overpower the bet. */
.bet-card{
 border:3px solid #bc9558;
 background:linear-gradient(135deg,#112c43,#081b32);
 border-radius:20px;
 box-shadow:0 0 0 3px #091726,0 10px 32px #0008;
 isolation:isolate;
}
.bet-card:before{content:'';position:absolute;inset:7px;z-index:-1;border:1px solid #ffdc9770;border-radius:13px;pointer-events:none}
.bet-card:after{content:'⚔';opacity:.085;font-size:240px;right:10px;bottom:10px;color:#fff}
.bet-card.ruby{background:radial-gradient(circle at 77% 12%,#e42c485b,transparent 47%),linear-gradient(145deg,#54243d,#0d1b30 78%);border-color:#f86b6c}
.bet-card.sapphire{background:radial-gradient(circle at 75% 12%,#237bec69,transparent 47%),linear-gradient(145deg,#113e73,#09192f 78%);border-color:#5fe5ff}
.bet-card.neutral{border-color:#e1b869}
.bet-question,.bet-crest{color:#ffe7ac}
.live-tag{background:#091728b8;border-color:#b59469;color:#f8efcc}
.prediction-text{
 font-family:Impact,'Arial Narrow','Trebuchet MS',sans-serif;
 font-size:clamp(32px,4.7vw,62px);
 letter-spacing:.035em;line-height:1.07;
 color:#fff9ec;text-shadow:0 3px 0 #000a,0 0 18px #fff4;
}
.bet-card.ruby .prediction-text{color:#ffddd6}
.bet-card.sapphire .prediction-text{color:#dbf4ff}
.prediction-jewel{color:#ffd8be;opacity:.72}
.bet-card.sapphire .prediction-jewel{color:#9cddff}
.prediction-amount{
 color:#fff4c0;
 font-family:Impact,'Arial Black',system-ui,sans-serif;
 font-size:clamp(78px,10vw,145px);
 letter-spacing:.005em;
 text-shadow:0 5px 0 #041323,0 0 34px #ffcb728c;
}
.prediction-amount>span{color:#f9df9f;font-family:'Trebuchet MS',sans-serif;letter-spacing:.08em}
.engine-reason{background:#07192acc;border:1px solid #d6a96675;color:#cee7ec;line-height:1.45}
.treasure-input{
 background:radial-gradient(ellipse at 60% 0%,#16a4ae23,transparent 55%),linear-gradient(165deg,#173348,#0a1b32 75%);
}
.treasure-top h2{color:#ffe2a0;text-shadow:0 3px 0 #111}
.gem-button{border-width:3px;border-radius:18px;min-height:165px;box-shadow:inset 0 2px 0 #ffffff6b,inset 0 -10px 0 #0004,0 7px 0 #061325,0 15px 25px #0006;position:relative;overflow:hidden;isolation:isolate}
.gem-button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(148deg,#fff6 0%,#fff0 30%,#0002 31%,#0000 60%,#0008 100%)}
.gem-button.ruby{background:linear-gradient(150deg,#ff7781,#e72b3b 45%,#9c1633 85%);border-color:#ffcbab}
.gem-button.sapphire{background:linear-gradient(150deg,#72dbff,#1479f4 49%,#0b328f 90%);border-color:#beedff}
.gem-button.emerald{background:linear-gradient(150deg,#69ffd7,#08b979 48%,#066348 92%);border-color:#baffcd}
.gem-button .gem-shape{filter:drop-shadow(0 2px 0 #0008) drop-shadow(0 0 6px #fff9);font-size:56px}
.gem-button b{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.05em;font-size:clamp(18px,2vw,27px);text-shadow:0 2px 3px #000c}
.gem-button small{color:#fff8dc;font-size:12px;letter-spacing:.15em}
.diamond-button{
 background:linear-gradient(145deg,#e3ffff,#75dbfc 37%,#3e96c2 75%,#236798) !important;
 color:#09223a!important;border:2px solid #f4ffff!important;
 box-shadow:0 5px 0 #0b3b66,0 11px 28px #122d48bd,inset 0 2px 0 #fff8 !important;
 font-weight:1000;
}
.diamond-button:disabled{opacity:.45;box-shadow:none!important}
.manual-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 8px}
.manual-button{
 min-width:0;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;text-align:center;
 min-height:62px;padding:8px 7px;background:linear-gradient(145deg,#173c52,#092336);
 border:1px solid #e4b66e;border-radius:11px;color:#fff1cb;font-weight:900;font-size:12px;line-height:1.2;
 box-shadow:inset 0 1px 0 #fff3,0 4px 14px #0005;
}
.manual-button:hover{border-color:#69f8ff;background:#20506a}
.manual-button small{color:#9fdbeb;font-size:9px;letter-spacing:.02em}
.manual-ops.stop-ops{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-risk{
 margin:12px 0 19px;
 border:2px solid #5abeb999;
 border-radius:15px;padding:14px 18px;
 display:flex;align-items:center;gap:12px;
 background:linear-gradient(90deg,#0a3040,#0e2138);
 box-shadow:0 7px 21px #0005;
}
.live-risk.clear>span{font-weight:1000;font-size:12px;letter-spacing:.1em;color:#66ffe8}
.live-risk.clear>b{font-size:12px;color:#c7e9ed;font-weight:700}
.live-risk.clear>small{margin-left:auto;color:#a4cad2;font-size:10px}
.live-risk.danger{
 display:block;border:3px solid #ff9f71;
 background:linear-gradient(110deg,#52212c,#25192c 55%,#142941);
 box-shadow:0 0 0 3px #281624,0 0 29px #e9644866;
 animation:stormPulse 3s ease-in-out infinite;
}
@keyframes stormPulse{0%,100%{box-shadow:0 0 0 3px #281624,0 0 19px #e9644838}50%{box-shadow:0 0 0 3px #281624,0 0 34px #f9796280}}
.live-risk-head{display:flex;align-items:center;gap:14px}
.danger-siren{display:grid;place-items:center;width:45px;height:45px;min-width:45px;font-size:23px;border:2px solid #ffe1aa;border-radius:12px;background:#bc3845}
.live-risk-head strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(15px,2vw,24px);letter-spacing:.06em;color:#ffe0ae}
.live-risk-head small{display:block;color:#ffb8a7;font-size:11px}
.live-risk-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.live-risk-tags>span{color:#fff2d5;background:#932f3f;border:1px solid #ffc47d;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:900}
.live-risk p{font-size:12px;margin:6px 0 12px;color:#ffe9d1;line-height:1.5}
.live-risk .btn{font-size:11px;padding:10px 14px}
.panel-head{border-bottom:1px solid #e4b66b6b;padding-bottom:10px}
.scale-step{border-color:#c0955577;background:#0a2637}
.scale-step.active{background:linear-gradient(#f6d783,#c28134);border-color:#fff3bd;box-shadow:0 0 17px #ffc86b8a}
.scale-step.active b,.scale-step.active small{color:#102331}
.risk-ribbon{background:#0c2238;border-color:#b08249;color:#b9d6df}
.risk-ribbon b{color:#ffe7a8}
.ledger-row{border-bottom-color:#bfa27833}
.next-table-card{background:#071d2dbb;border:2px solid #b78c52}
.stop-guide{border-radius:20px}
.lock-panel h1{color:#ffe29d;text-shadow:0 3px 0 #382028}
.lock-panel.loss h1{color:#ff9e89}
.stop-pirate{height:245px;max-height:245px;width:auto;object-position:center}
.modal-backdrop{background:#030a15df;backdrop-filter:blur(7px)}
.dialog-card{
 background:linear-gradient(150deg,#1d4b60,#0c243a 50%,#07172b);
 border:3px solid #d5ad65;border-radius:20px;
 box-shadow:0 20px 65px #000d,inset 0 0 0 2px #fff5;
}
.dialog-card h2{color:#ffdf96;text-shadow:0 3px 0 #0c1526}
.manga-dialog{width:min(550px,100%)}
.form-stack{display:grid;gap:12px;margin-top:16px}
.mini-balance{border:2px solid #efbc6f;padding:13px 16px;border-radius:12px;background:#0c2236;display:flex;flex-direction:column;gap:5px}
.mini-balance span{color:#ffd88d;font-weight:900;font-size:12px}
.mini-balance strong{font-size:32px;color:#fff2c5;font-family:Impact,system-ui,sans-serif}
.mini-balance small{font-size:11px;color:#a9d7e6}
.modal-info{padding:11px 13px;border:1px solid #75d1cf9c;border-radius:11px;background:#0c3441;color:#ceebeb;font-size:12px;line-height:1.4}
.checkbox-line{display:flex;align-items:center;gap:10px;color:#e8dfce;font-size:12px;line-height:1.4}
.checkbox-line input{width:21px;height:21px;min-height:21px;accent-color:#e9b559;flex:none}
.observe-buttons .gem-button{min-height:104px}
.observe-buttons .gem-shape{font-size:30px}
.observe-buttons b{font-size:15px}
.observe-buttons small{font-size:9px}
.quick-management{padding:9px 0;border-top:1px solid #c39b5c66;border-bottom:1px solid #c39b5c66}
.toast{background:#123348;border-color:#f6c776;box-shadow:0 8px 25px #0009;color:#fff4d7}
.toast.bad{background:#5e1f2f;border-color:#ffa277}.toast.good{background:#164e44;border-color:#7dfddd}
@media(max-width:950px){
 .mast-actions{gap:5px}.mast-actions .top-btn{font-size:13px;padding:9px}
 .logo-text small{font-size:8px;letter-spacing:.05em}
 .manual-button{font-size:11px}
}
@media(max-width:520px){
 .masthead{padding-top:7px;gap:8px}
 .logo-text b{font-size:clamp(19px,5.3vw,27px)}
 .logo-text small{display:none}
 .logo-text span{font-size:8px;letter-spacing:0}
 .mast-actions{max-width:100%;margin-left:auto;justify-content:flex-end}
 .mast-actions .top-btn{width:38px;height:39px;padding:4px;border-radius:9px}
 .mast-actions .top-btn span{display:none}
 .landing-graphic{height:335px}.pirate-illustration{height:340px}
 .setup-side .setup-mascot{height:265px}
 .guide-pirate{height:260px;top:-63px}
 .live-risk{padding:10px;gap:6px;flex-wrap:wrap;margin:8px 0}
 .live-risk.clear>small{margin-left:0}
 .live-risk-head strong{font-size:17px}
 .live-risk .btn{padding:8px 10px}
 .bet-card{padding:18px 12px}
 .prediction-text{font-size:clamp(28px,8vw,39px)}
 .prediction-amount{font-size:clamp(75px,20vw,110px)}
 .gem-button{min-height:120px;border-width:2px}
 .gem-button .gem-shape{font-size:43px}
 .gem-button b{font-size:clamp(14px,4vw,19px)}
 .gem-button small{font-size:10px;letter-spacing:.04em}
 .manual-ops{gap:5px}.manual-button{font-size:10px;min-height:59px;padding:6px 3px}.manual-button small{font-size:8px}
 .observe-buttons .gem-button{min-height:93px}.observe-buttons .gem-shape{font-size:27px}.observe-buttons b{font-size:12px}
 .dialog-card{padding:22px 15px;border-radius:15px}
 .mini-balance strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.live-risk.danger,.pirate-illustration{animation:none}}

.live-risk-road{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #eab87577;background:#0a1d31a8;border-radius:11px;padding:10px;margin-bottom:10px}
.live-risk-road>small{color:#ffdc93;font-size:10px;font-weight:900;letter-spacing:.07em}
.live-risk-road .column-view{padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.live-risk-road .road-column{padding:2px 4px;background:#0b3145;border:1px solid #65c6d666;border-radius:6px}
.live-risk-road .road-dot{width:12px;height:12px}
@media(max-width:520px){.live-risk-road .road-dot{width:11px;height:11px}}
/* ===============================================================
   CORSARI STORM — BLACK SAILS EDITION V1.2
   UI-only premium redesign. Existing financial and forecast rules
   remain in their source modules, unchanged except optional transfer.
   =============================================================== */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Cinzel:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#06101e;--navy:#091c30;--card:#10243b;--card2:#071a2e;
  --line:#b8843c80;--text:#fff7e7;--muted:#c0d4df;
  --gold:#ffcb69;--pink:#ff6464;--cyan:#62d8ff;
  --ruby:#fd214b;--sapphire:#0688ff;--emerald:#00d28a;
  --shadow:0 18px 46px #000a,inset 0 1px 0 #ffe6b51e;
}
html{background:#050b14;max-width:100%;overflow-x:clip;scrollbar-color:#ba8640 #071421}
body{max-width:100%;overflow-x:clip;background:radial-gradient(ellipse at 50% -15%,#153d55 0%,transparent 63%),linear-gradient(150deg,#04121f,#0c2032 45%,#090f1d 83%,#1b1117);color:var(--text);font-family:'Manrope','Trebuchet MS',sans-serif;font-weight:600;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 80%,#061323 100%),url('./assets/lantern-storm.webp') left center / auto 120vh no-repeat,url('./assets/ship-storm.webp') right center / auto 120vh no-repeat;opacity:.3;mix-blend-mode:screen}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background:repeating-linear-gradient(130deg,transparent 0 53px,#ffc66a13 54px,transparent 55px 90px),radial-gradient(circle at 80% 19%,#72b5db26,transparent 31%)}
#app{position:relative;z-index:1;min-width:0}#modalRoot{position:relative;z-index:80}#toast{z-index:100}
.skybox{z-index:0;opacity:.18;filter:saturate(.8)}.nebula{opacity:.08}.star-field{opacity:.07}
.shell{max-width:1240px;width:min(1240px,calc(100% - 30px));min-width:0;padding-bottom:30px}
h1,h2,h3,.logo-text b,.panel-head,.panel-title,.eyebrow,.bet-crest,.prediction-text,.btn,.gem-button b,.kpi strong,.stage-heading h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:.035em}
h1,h2{font-weight:900}p{color:var(--muted)}.eyebrow{letter-spacing:.16em;color:#f6cc78}.disclaimer{color:#b8bcbd;font-size:10px;padding:13px 8px 20px}
button,select,input,textarea{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid #85eaff;outline-offset:4px}

/* Burnished gold, brass rivets, deep storm-blue enamel. */
.masthead,.hero-card,.seat-guide,.stop-guide,.treasure-input,.panel,.bet-card,.live-risk{
  border:2px solid #cb914c !important;
  border-radius:16px;
  box-shadow:0 0 0 2px #03121c,0 0 0 3px #e2b46b57,0 13px 35px #000a,inset 0 1px 0 #fff4d038;
}
.hero-card,.seat-guide,.stop-guide,.treasure-input,.panel{
 background:radial-gradient(ellipse at 80% 0%,#25738d20,transparent 47%),repeating-linear-gradient(140deg,#ffc87205 0 1px,transparent 2px 45px),linear-gradient(150deg,#132f45,#071a2c 67%,#091626);
}
.hero-card::before,.panel::before,.treasure-input::before,.bet-card::before{content:'';position:absolute;inset:6px;z-index:0;pointer-events:none;border:1px solid #eec38b47;border-radius:9px;box-shadow:inset 0 0 19px #0002}
.hero-card>*:not(.landing-graphic),.panel>*,.treasure-input>*,.stop-guide>*{position:relative;z-index:1;min-width:0}
.masthead{background:linear-gradient(92deg,#071424fa 0%,#0d2b3bf4 50%,#081222ee),url('./assets/ship-storm.webp') right 15% / 170px auto no-repeat;padding:9px 17px;min-height:102px;margin:12px 0 18px;flex-wrap:wrap;gap:10px;position:relative}
.masthead:after{content:'✦';right:13px;bottom:-12px;width:25px;height:25px;background:#0b1e30;color:#efc66e;font-size:13px;box-shadow:0 0 0 3px #040d18;z-index:1}
.logo-lockup{flex:0 1 auto;gap:11px;max-width:100%;min-width:0}.logo-icon{width:83px;height:83px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 7px #ff802477) drop-shadow(0 0 15px #fe432e55)}
.logo-text b{font-family:'Cinzel',Georgia,serif;font-size:clamp(22px,2.5vw,34px);font-weight:900;letter-spacing:.025em;color:#ffd891;text-shadow:0 2px 0 #50300e,0 3px 1px #000,0 0 19px #a7641a5c;line-height:1.06}
.logo-text em{color:#69d8ff;font-style:normal;text-shadow:0 2px 0 #073a56,0 0 10px #41c2ee88}
.logo-text small{font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:#ffcf77}.logo-text span{font:700 10px 'Manrope',sans-serif;letter-spacing:.065em;color:#b1d7df}
.mast-actions{gap:7px;flex:0 1 auto;max-width:100%;margin-left:auto;justify-content:flex-end}
.top-btn,.tiny-chip,.ship-belt>span{font-family:'Barlow Condensed','Trebuchet MS',sans-serif;background:linear-gradient(180deg,#10334c,#041423);color:#f8e9c8;border:1px solid #b7854f;border-radius:7px;letter-spacing:.1em;box-shadow:inset 0 1px 0 #fff4c333,0 3px 9px #0007}
.top-btn{min-height:39px;padding:7px 10px;font-size:12px}.top-btn:hover{background:linear-gradient(#225b77,#0c2a41);border-color:#fff0b7}.tiny-chip{min-height:38px}
.ship-belt{background:linear-gradient(95deg,#071b2b,#123249 64%,#211925);padding:9px;margin-bottom:13px;gap:7px;border:1px solid #9f773e;box-shadow:inset 0 0 0 1px #eab76632,0 4px 13px #0008}
.ship-belt>span{border-color:#8a754e;padding:7px 10px;font-size:11px;color:#ecdfc7}
.dash-overview{gap:10px;margin-bottom:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi{background:linear-gradient(142deg,#092439,#0a1a2b 80%);border:1px solid #af824e!important;border-radius:11px;min-height:98px;padding:14px;position:relative;box-shadow:inset 0 0 0 1px #e6bd6833,inset 0 4px 22px #0005;min-width:0;overflow:hidden}
.kpi::after{content:'✦';position:absolute;right:10px;top:7px;color:#bc8f5270;font-size:22px}.kpi-label{font:900 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#e5cf9f}.kpi strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,3vw,37px);letter-spacing:.015em;line-height:1.12;font-weight:900;word-break:normal;overflow-wrap:anywhere}
.kpi small{font-size:10px;line-height:1.4;color:#b8d0d9}.kpi.balance strong{color:#9be7ff}.kpi.plus strong,.good{color:#61ffb4!important}.kpi.debt strong,.kpi.minus strong{color:#ff9d9f!important}
.btn{border:1px solid #d5ad70;border-radius:9px;min-height:47px;font:900 16px 'Barlow Condensed',sans-serif;letter-spacing:.055em;text-shadow:0 2px 2px #0008;box-shadow:0 5px 0 #06101b,0 9px 18px #0007;background:linear-gradient(180deg,#285470,#0a2b43);color:#fff4dc}
.btn-gold{background:linear-gradient(180deg,#fff0bb,#e8a947 45%,#b76e25)!important;color:#251908!important;border:1px solid #fff0bc!important;text-shadow:0 1px 0 #fff4c46b!important;box-shadow:0 5px 0 #593113,0 8px 20px #000a!important}
.btn-outline{background:linear-gradient(#17435f,#0a283e);border-color:#80cbe5}
.btn-danger{background:linear-gradient(180deg,#ff4560,#b30b20 60%,#670712)!important;border-color:#ff9f91!important;box-shadow:0 5px 0 #46030e,0 8px 21px #000a!important;color:#fff!important}
.btn-dark{background:linear-gradient(#0e3449,#071727);border-color:#c6a26a}

/* Glowing navigation and table scanner */
.live-risk{margin:0 0 17px;padding:12px 16px;background:linear-gradient(99deg,#09263c,#071c2f);position:relative;isolation:isolate}
.live-risk.clear{border-color:#398e9e!important;display:flex;flex-wrap:wrap;gap:10px;color:#b9dbe2;min-height:44px}
.live-risk.clear>span{color:#80c8db;font:900 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em}.live-risk.clear>b{font-size:11px}.live-risk.clear>small{font-size:10px;margin-left:auto}
.live-risk.risk-yellow{background:radial-gradient(ellipse at 20% 0%,#b874151f,transparent 58%),linear-gradient(105deg,#34280e,#271e10 70%,#10263a);border-color:#ffc349!important;box-shadow:0 0 0 2px #061424,0 0 20px #f5b01e35,inset 0 0 20px #ca730815}
.live-risk.risk-red{background:linear-gradient(105deg,#570f1c,#35121d 65%,#142238);border-color:#ff4656!important;box-shadow:0 0 0 2px #090f1a,0 0 26px #fd345b5a,inset 0 0 25px #fc1f3929}
.live-risk-head{display:flex;align-items:center;gap:12px;min-width:0}.live-risk-head>div{min-width:0}
.live-risk-head strong{color:#fff4da;font:900 clamp(19px,2.3vw,27px) 'Barlow Condensed',sans-serif;letter-spacing:.05em;line-height:1.1}.live-risk-head small{font-size:11px;line-height:1.3;color:#e4d4bc}
.live-risk.risk-red .live-risk-head strong{color:#ffdedc;text-shadow:0 0 13px #fa38504e}
.warning-triangle{display:block;width:50px;height:50px;flex:none;filter:drop-shadow(0 0 8px #ffc43152)}.risk-red .warning-triangle,.bet-risk-inline.red .warning-triangle{filter:drop-shadow(0 0 10px #ff354ca0)}
.live-risk-tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.live-risk-tags>span{background:#73402177;border:1px solid #dbaf6d;color:#fff2cf;border-radius:5px;font:800 11px 'Barlow Condensed',sans-serif;padding:5px 9px}
.risk-red .live-risk-tags>span{background:#982337aa;border-color:#ff7a74}
.live-risk-road{background:#061728a8;border-color:#bd8c5475;border-radius:8px;padding:9px}.live-risk-road>small{color:#ffd886;font-size:10px}
.live-risk p{font-size:12px;line-height:1.5;color:#eedbd0;margin:7px 0 11px}.risk-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.risk-actions .risk-change{flex:1 1 250px;font-size:15px;min-height:48px}.risk-actions .btn-outline{flex:0 1 auto;min-height:48px}

/* Main prediction: the clearest surface, visible risk indicator beside the wager. */
.play-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;align-items:start}
.play-main,.play-side{gap:16px;min-width:0}.play-main>*,.play-side>*{min-width:0;max-width:100%}
.bet-card{min-height:315px;padding:19px 22px 17px;border-radius:16px;position:relative;background:radial-gradient(circle at 90% 78%,#8e2a2b22,transparent 40%),linear-gradient(145deg,#101b2e,#0d1929 60%,#0b1d2f);overflow:hidden;isolation:isolate}
.bet-card.ruby{border-color:#f0ac74!important;background:radial-gradient(ellipse at 50% 52%,#d91f302e,transparent 65%),linear-gradient(140deg,#310e1a,#17131f 58%,#0c1726)}
.bet-card.sapphire{border-color:#78cbfc!important;background:radial-gradient(ellipse at 50% 56%,#166dc64a,transparent 65%),linear-gradient(140deg,#0d2348,#071a31 72%)}
.bet-card.neutral{border-color:#d8b679!important}.bet-card::before{z-index:0;border-color:#ffcb924f}
.bet-card::after{content:'☠';position:absolute;font:210px Georgia,serif;right:-5px;bottom:10px;color:#f1b45a;opacity:.045;z-index:-1;pointer-events:none}
.bet-card.has-alert-yellow{box-shadow:0 0 0 2px #091320,0 0 0 4px #ffc74288,0 12px 35px #000a}
.bet-card.has-alert-red{box-shadow:0 0 0 2px #091320,0 0 0 4px #ff3e5888,0 0 27px #f6224b28,0 12px 35px #000a}
.bet-upper{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.bet-crest{color:#efbf6f;font:900 12px 'Barlow Condensed',sans-serif;letter-spacing:.12em;min-width:0}.live-tag{color:#ffe0ae;background:#091322cc;border:1px solid #c39457;border-radius:8px;padding:5px 7px;white-space:nowrap;font:900 11px 'Barlow Condensed',sans-serif;letter-spacing:.06em}
.bet-corner-notice{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.bet-corner-notice .warning-triangle{width:29px;height:29px}
.bet-question{text-align:center;font:800 14px 'Barlow Condensed',sans-serif;color:#f9cf80;letter-spacing:.17em;margin:17px 0 5px}
.prediction-hero{display:flex;justify-content:center;align-items:center;gap:7px;min-width:0}
.prediction-text{text-align:center;font:900 clamp(36px,4.7vw,62px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:.015em;line-height:1.05;overflow-wrap:anywhere;color:#fff9df;text-shadow:0 3px 0 #000a,0 0 20px #fa6a5890}
.bet-card.ruby .prediction-text{color:#fff2e9;text-shadow:0 3px 0 #000b,0 0 19px #f9254f90}
.bet-card.sapphire .prediction-text{color:#eeffff;text-shadow:0 3px 0 #000b,0 0 20px #26adff90}
.prediction-jewel{display:none}
.prediction-amount{display:flex;flex-direction:column;align-items:center;margin:4px auto 9px;color:#ffe5a1;font:900 clamp(82px,9vw,134px) 'Barlow Condensed',Impact,sans-serif;line-height:.96;letter-spacing:.005em;text-shadow:0 4px 0 #431e12,0 0 21px #f5af4a91;white-space:nowrap;max-width:100%}
.prediction-amount>span{font:800 12px 'Barlow Condensed',sans-serif;color:#f8d58c;margin:5px 0 0;letter-spacing:.15em;white-space:normal;text-align:center}
.bet-risk-inline{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid;border-radius:9px;padding:8px 11px;margin:5px 0 12px;background:#3a2b0fda;border-color:#ffc359;color:#fff3c9;min-width:0}
.bet-risk-inline.red{background:#4c1222e8;border-color:#ff4f66;color:#ffe7eb}
.bet-risk-inline .warning-triangle{width:36px;height:36px}
.bet-risk-inline span{display:flex;flex-direction:column;gap:1px;min-width:0}.bet-risk-inline strong{font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:.055em}.bet-risk-inline small{font-size:10px;color:#f9e3c0;line-height:1.34;overflow-wrap:anywhere}.bet-risk-inline.red small{color:#ffd4d8}
.engine-reason{border:1px solid #bd905755;background:#031321a8;color:#cbe0df;padding:8px 9px;border-radius:6px;font-size:11px;text-align:center;line-height:1.4;margin-top:5px;max-width:100%;overflow-wrap:anywhere}

/* Three dimensional gem controls: genuine original SVG facets, strong contrast. */
.treasure-input{padding:17px 17px 18px;border-radius:16px;background:radial-gradient(circle at 50% 0%,#17687b36,transparent 52%),linear-gradient(135deg,#0d2942,#071827 85%)}
.treasure-top{margin-bottom:12px;gap:8px}.treasure-top h2{font:900 clamp(25px,3vw,33px) 'Barlow Condensed',sans-serif;color:#ffe3a0;margin:4px 0;text-shadow:0 2px 4px #000}
.treasure-label{font:800 10px 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:#c1dfed;text-align:right}
.result-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0}
.gem-button{min-width:0;min-height:161px;display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding:5px 3px 12px;border:2px solid #dca259!important;border-radius:11px;color:white;position:relative;isolation:isolate;overflow:visible;background:linear-gradient(150deg,#102c44,#051524)!important;box-shadow:inset 0 2px 0 #ffedbc80,inset 0 -5px 0 #030a15,0 6px 0 #060b12,0 14px 20px #000a!important;transition:transform .12s,filter .12s}
.gem-button.ruby{--glow:#ff2f53;--rim:#ffaab1;border-color:#ff8b7c!important}
.gem-button.sapphire{--glow:#209dff;--rim:#a5eeff;border-color:#78d5ff!important}
.gem-button.emerald{--glow:#00eea2;--rim:#bbffe9;border-color:#63f3be!important}
.gem-button::before{content:'';position:absolute;inset:-2px;background:radial-gradient(ellipse at center 41%,var(--glow),transparent 70%);opacity:.22;z-index:-1;border-radius:9px}
.gem-button::after{content:'';position:absolute;left:4px;right:4px;top:4px;bottom:4px;z-index:-1;border:1px solid #fff3ad27;border-radius:7px}
.gem-button:hover{filter:brightness(1.17)}.gem-button:active{transform:translateY(4px);box-shadow:inset 0 2px 0 #fff9,0 2px 0 #0008!important}
.gem-button .gem-shape{display:block;position:absolute;inset:0 0 25px;z-index:-1;margin:0;line-height:1;filter:drop-shadow(0 8px 7px #0007)}
.jewel-art{width:100%;height:100%;object-fit:fill;display:block;filter:drop-shadow(0 0 11px var(--glow));pointer-events:none}
.gem-button b{font:900 clamp(14px,1.8vw,23px) 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.035em;line-height:1;z-index:1;position:relative;color:#fff;text-shadow:0 2px 0 #000,0 0 8px #030b1a,0 0 11px #000}
.gem-button small{position:relative;z-index:1;color:#fff8e6;font:900 clamp(9px,1.1vw,12px) 'Barlow Condensed',sans-serif;letter-spacing:.095em;text-shadow:0 1px 4px #000}
.diamond-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:47px;border-radius:9px!important;background:linear-gradient(#103d5d,#092b47 52%,#06182c)!important;border:2px solid #65d7ff!important;color:#e4f9ff!important;font:900 clamp(12px,1.7vw,17px) 'Barlow Condensed',sans-serif!important;letter-spacing:.04em;box-shadow:0 3px 0 #031322,0 0 12px #12aafa55!important;text-shadow:0 1px 3px #0008}
.undo-diamond-art{height:29px;width:34px;object-fit:contain;filter:drop-shadow(0 0 6px #35b3ffa0);vertical-align:middle;flex:none}
.manual-ops{gap:7px}.manual-button{border:1px solid #a57f4e;background:linear-gradient(#123853,#081c2e);font:800 13px 'Barlow Condensed',sans-serif;color:#fff2db;letter-spacing:.02em;border-radius:8px;min-height:65px;box-shadow:inset 0 1px 0 #fff2,0 5px 10px #0005}
.manual-button small{font:700 9px 'Manrope',sans-serif;color:#a1cbde;letter-spacing:0}.manual-button:hover{background:#215774;border-color:#a6e9ff}
.event-banner{border-radius:7px!important;line-height:1.5;overflow-wrap:anywhere;font-size:11px}

/* Road / montante / tables: no drift or horizontal layout overflow. */
.panel{padding:16px;overflow:hidden}.panel-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:900 13px 'Barlow Condensed',sans-serif;color:#ffd183;letter-spacing:.12em}.panel-head small{font:700 10px 'Manrope',sans-serif;color:#b2cfde;white-space:normal}
.history-track{max-width:100%;display:flex;flex-wrap:wrap;gap:5px}.gem-chip{flex:none;border-radius:50%;box-shadow:inset 0 2px 0 #fff8,0 2px 5px #0008;font:900 12px 'Barlow Condensed',sans-serif}
.column-view{max-width:100%;gap:5px;display:flex;flex-wrap:wrap;overflow:visible}.road-column{min-width:14px;max-width:100%;flex:none}.road-dot{border:1px solid #ffffffa1;box-shadow:inset 0 2px 0 #ffffff55,0 1px 6px #0007}
.scale-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0}.scale-step{min-width:0;overflow:hidden;border:1px solid #8a7348;background:#061b2e;border-radius:7px;padding:7px 1px;white-space:normal;text-align:center}.scale-step b{font:900 clamp(11px,1.2vw,16px) 'Barlow Condensed',sans-serif;letter-spacing:0;overflow-wrap:anywhere;color:#e7e1d0}.scale-step small{font-size:9px;color:#a7cad9}.scale-step.active{background:linear-gradient(#ffe4a1,#c68837);border-color:#fff4c1}.scale-step.active b,.scale-step.active small{color:#152635}
.cycle-stats{gap:7px}.cycle-stats>div{border-radius:7px;background:#051829;border:1px solid #a47b4f7d;min-width:0}.cycle-stats span{font:800 10px 'Barlow Condensed',sans-serif;color:#b9d3d8}.cycle-stats b{font:900 clamp(18px,2.1vw,27px) 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}.risk-ribbon{border-color:#ab8b51;background:#0b2538;color:#a6cad6;gap:5px;max-width:100%;display:flex;flex-wrap:wrap}.risk-ribbon>span{font-size:10px}
.ledger-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}.ledger-action{min-width:0;overflow-wrap:anywhere}.ledger-action small{overflow-wrap:anywhere}
.seat-layout,.stop-page{gap:16px}.seat-workspace{padding:22px;min-width:0;overflow:hidden}.seat-guide{padding:17px;min-width:0;overflow:hidden}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pattern-example{min-width:0;border-radius:8px}.pattern-mini{min-height:45px}.pattern-example b,.pattern-example small{overflow-wrap:anywhere}
.selection-grid{gap:9px}.selection-option{min-width:0;min-height:215px;border:1px solid #ac8a50;border-radius:9px;padding:16px;background:linear-gradient(#143a53,#081a2e);color:#fff6e8}.selection-option strong{font:900 24px 'Barlow Condensed',sans-serif}.selection-option small{color:#c6dbdf}.option-icon{font-size:28px}
.sequence-entry{gap:3px;min-width:0}.entry-slot{min-width:0;overflow:hidden;font:900 clamp(12px,2vw,20px) 'Barlow Condensed',sans-serif}
.detector-result.warn{border-color:#ff5875;background:#451729}.detector-result.caution{border-color:#ffce6b;background:#342614}.detector-result.ok{border-color:#53e9b7;background:#11372f}
.stop-page{margin:17px 0}.lock-panel{padding:25px}.stop-figures{gap:8px}.stop-figures .kpi{min-width:0}.stop-guide .guide-illustration{max-width:100%}.guide-pirate,.stop-pirate,.pirate-illustration,.setup-mascot{filter:drop-shadow(0 0 27px #ff8d3e55)}
.landing-graphic{min-height:320px;height:420px}.pirate-illustration{width:min(390px,100%);height:100%;object-fit:contain}.landing-graphic:before,.setup-side:before{background:radial-gradient(circle,#e772224e,transparent 65%)}
.setup-mascot{height:350px;object-fit:contain}.setup-side h1,.stage-heading h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(31px,3.8vw,51px);letter-spacing:-.015em;text-transform:uppercase}.setup-form{padding:27px}.setup-form h2{font-family:'Cinzel',Georgia,serif;font-size:26px}.hero-card.login-card h1{font-family:'Cinzel',Georgia,serif;letter-spacing:-.012em}.login-card h1 span,.setup-side h1 em{color:#ffe3a8;text-shadow:0 0 24px #ff9b46aa}
.pin-form input,.form-label input,.dialog-card input,.dialog-card select,.dialog-card textarea{background:#061726;border:1px solid #c3985d;border-radius:7px;color:#fff8e8;box-shadow:inset 0 3px 11px #0007;max-width:100%}
.form-label{color:#f8d5a1}.dialog-card{border:2px solid #d19c57;background:radial-gradient(ellipse at top,#1d465a,#0b1b2c 69%);border-radius:16px;max-width:100%}.dialog-card h2{font:900 32px 'Barlow Condensed',sans-serif;color:#ffe4aa}
.risk-leave-dialog .modal-info{border-color:#dbb16d;color:#c9ebef}.risk-leave-dialog .btn-danger{flex:1 1 180px}
.modal-backdrop{z-index:100;background:#020b14e8;backdrop-filter:blur(12px)}
#toast{position:fixed;z-index:120}

@media(max-width:1050px){
 .play-layout{grid-template-columns:minmax(0,1fr)}
 .play-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .dash-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .masthead{gap:7px}.logo-icon{width:72px;height:72px}
}
@media(max-width:760px){
 .shell{width:calc(100% - 18px)}
 .seat-layout,.stop-page{grid-template-columns:minmax(0,1fr)}
 .landing,.setup-page{grid-template-columns:minmax(0,1fr);gap:12px;min-height:auto}
 .landing-graphic{height:210px;min-height:210px}.pirate-illustration{height:230px}
 .setup-side .setup-mascot{height:175px;max-height:175px}.setup-side h1{margin:1px auto}.setup-side p{display:none}
 .setup-form{margin-bottom:15px}.seat-guide{min-height:0}
 .seat-guide .guide-illustration{height:120px}.guide-pirate{height:160px;top:-23px}
 .play-side{grid-template-columns:minmax(0,1fr)}
 .masthead{justify-content:center}.mast-actions{flex:1 1 100%;justify-content:center;margin:0}
 .top-btn,.tiny-chip{min-height:37px}
 .prediction-text{font-size:clamp(33px,7vw,61px)}.prediction-amount{font-size:clamp(86px,15vw,130px)}
}
@media(max-width:510px){
 body{background:linear-gradient(140deg,#051321,#11283d 55%,#070f1d)}
 body::before{opacity:.13;background:url('./assets/ship-storm.webp') right top / 150px auto no-repeat,url('./assets/lantern-storm.webp') left top / 95px auto no-repeat}
 .shell{width:calc(100% - 14px)}
 .masthead{margin:7px 0 12px;padding:6px 8px 8px;border-radius:12px;min-height:0;gap:4px}
 .masthead::after{display:none}
 .logo-lockup{gap:4px;justify-content:center;width:100%}.logo-icon{width:61px;height:63px}
 .logo-text{flex:1 1 auto}.logo-text b{font-size:clamp(21px,5.9vw,28px);letter-spacing:-.035em}.logo-text small{display:block;font-size:7px;letter-spacing:.1em}.logo-text span{font-size:7px;letter-spacing:0;white-space:normal}
 .mast-actions{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;gap:4px;min-width:0}
 .mast-actions .tiny-chip{flex:1 0 auto;min-height:35px;padding:5px;font-size:10px;letter-spacing:0}
 .mast-actions .top-btn{flex:0 0 35px;width:35px;height:35px;min-height:35px;padding:1px;font-size:17px;border-radius:7px}
 .mast-actions .top-btn span{display:none}
 .ship-belt{padding:7px;gap:4px;margin-bottom:10px}.ship-belt>span{font-size:9px;padding:5px 7px;letter-spacing:0;border-radius:5px}
 .dash-overview{gap:7px;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpi{min-height:89px;padding:10px}.kpi-label{font-size:10px}.kpi strong{font-size:clamp(24px,7vw,33px)}.kpi small{font-size:9px}.kpi:after{right:5px;top:4px}
 .live-risk{padding:9px;margin-bottom:12px;border-radius:10px;gap:7px}
 .live-risk.clear{gap:4px}.live-risk.clear>span{width:100%;font-size:12px}.live-risk.clear>b{font-size:10px}.live-risk.clear>small{font-size:9px}
 .live-risk-head{gap:8px}.live-risk-head strong{font-size:20px}.live-risk-head small{font-size:10px}
 .warning-triangle{width:37px;height:37px}.live-risk-tags{margin:7px 0}.live-risk-tags>span{font-size:10px}
 .live-risk-road{padding:7px;margin-bottom:5px}.live-risk-road>small{font-size:9px}.live-risk-road .road-dot{width:12px;height:12px}
 .live-risk p{font-size:10px;margin:5px 0 9px}.risk-actions{gap:6px}.risk-actions .btn{width:100%;flex:1 1 100%;font-size:13px;min-height:43px}
 .play-layout,.play-main,.play-side{gap:12px}
 .bet-card{padding:13px 12px 13px;border-radius:12px;min-height:285px}
 .bet-upper{gap:5px}.bet-crest{font-size:10px}.live-tag{font-size:9px;padding:4px 5px}.bet-corner-notice .warning-triangle{width:26px;height:26px}
 .bet-question{font-size:12px;margin:13px 0 3px;letter-spacing:.13em}
 .prediction-text{font-size:clamp(27px,8.5vw,47px);line-height:1.04;letter-spacing:0}
 .prediction-amount{font-size:clamp(85px,24vw,127px);line-height:.9;margin:8px auto 10px;letter-spacing:0}.prediction-amount>span{font-size:11px;margin:7px 0 0}
 .bet-risk-inline{gap:6px;padding:6px;margin:5px 0 8px}.bet-risk-inline .warning-triangle{width:29px;height:29px}.bet-risk-inline strong{font-size:15px}.bet-risk-inline small{font-size:9px}
 .engine-reason{font-size:10px;padding:7px 5px}
 .treasure-input,.panel,.seat-guide{padding:12px;border-radius:12px}.treasure-top{margin-bottom:8px}.treasure-top h2{font-size:26px}.treasure-label{font-size:9px}
 .result-buttons{gap:5px}.gem-button{min-height:121px;border-radius:8px;padding:3px 1px 9px;border-width:1px!important;box-shadow:inset 0 1px 0 #ffedbc80,inset 0 -4px 0 #030a15,0 4px 0 #060b12,0 8px 15px #000a!important}
 .gem-button .gem-shape{bottom:18px}.gem-button b{font-size:clamp(12px,3.85vw,19px);letter-spacing:0}.gem-button small{font-size:clamp(8px,2.6vw,11px);letter-spacing:.03em}
 .diamond-button{font-size:clamp(12px,4vw,16px)!important;min-height:42px;padding:6px}.undo-diamond-art{height:25px;width:27px}
 .manual-ops{gap:4px;margin:10px 0 5px}.manual-button{font-size:11px;min-height:58px;padding:5px 2px}.manual-button small{font-size:8px}
 .scale-step{padding:5px 0}.scale-step b{font-size:clamp(10px,2.7vw,14px)}.scale-step small{font-size:8px}
 .cycle-stats b{font-size:clamp(18px,5.8vw,25px)}.cycle-stats>div{padding:8px}.risk-ribbon>span{font-size:9px}
 .ledger-row{gap:5px}.ledger-row>small{font-size:9px}.ledger-action{font-size:10px}.ledger-action small{font-size:9px}
 .seat-workspace{padding:12px;min-height:0}.seat-workspace h2{font-size:25px}
 .selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-option{min-height:200px;padding:10px 7px}.selection-option strong{font-size:19px}.selection-option small{font-size:11px;line-height:1.4}.option-icon{font-size:25px}
 .sequence-entry{gap:2px}.entry-slot{border-radius:4px;font-size:14px}
 .pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-example{padding:7px 5px}.pattern-example b{font-size:11px}.pattern-example small{font-size:9px}
 .stop-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.lock-panel{padding:17px 12px}.lock-panel h1{font-size:35px}.stop-guide .stop-pirate{height:175px}
 .login-card{padding:21px}.login-card h1{font-size:36px}.setup-form{padding:15px}.setup-form h2{font-size:25px}.mode-picker{gap:6px}.mode-option span{min-height:86px;padding:7px}.mode-option b{font-size:14px}.mode-option small{font-size:10px}
 .dialog-card{padding:18px 12px;border-radius:10px}.dialog-card h2{font-size:26px}.modal-tools{gap:7px}
 .disclaimer{font-size:9px;line-height:1.55;gap:2px;margin-top:14px}
}
@media(max-width:350px){
 .logo-text b{font-size:20px}.mast-actions .top-btn{flex:0 0 31px;width:31px}
 .gem-button b{font-size:12px}.gem-button small{font-size:8px}.prediction-text{font-size:27px}.prediction-amount{font-size:79px}
 .manual-button{font-size:10px}.manual-button small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.pirate-illustration,.setup-mascot,.guide-pirate,.stop-pirate,.live-risk{animation:none!important}}
/* Last-mile alignment fixes from mobile/desktop browser inspection. */
.mode-option{position:relative;overflow:hidden;min-width:0}
.mode-option>input[type="radio"]{position:absolute;left:0;top:0;width:1px;height:1px;min-height:1px;padding:0;margin:0;opacity:0;pointer-events:none}
.mode-option>input:focus-visible+span{outline:3px solid #78e8ff;outline-offset:-4px}
@media(min-width:901px){
 .live-risk.risk-red,.live-risk.risk-yellow{display:grid;grid-template-columns:minmax(245px,.8fr) minmax(210px,.9fr) minmax(235px,1fr);align-items:center;gap:8px 16px}
 .live-risk.risk-red .live-risk-head,.live-risk.risk-yellow .live-risk-head{grid-column:1;grid-row:1/3}
 .live-risk.risk-red .live-risk-tags,.live-risk.risk-yellow .live-risk-tags{grid-column:2;grid-row:1;margin:0}
 .live-risk.risk-red .live-risk-road,.live-risk.risk-yellow .live-risk-road{grid-column:2;grid-row:2;margin:0}
 .live-risk.risk-red>p,.live-risk.risk-yellow>p{grid-column:3;grid-row:1;margin:0}
 .live-risk.risk-red .risk-actions,.live-risk.risk-yellow .risk-actions{grid-column:3;grid-row:2}
 .risk-actions .risk-change{flex-basis:220px;font-size:13px;min-height:43px}
 .risk-actions .btn-outline{flex:1 1 150px;min-height:43px}
}
.bet-risk-inline{flex-wrap:wrap}
.risk-mini-leave{width:100%;min-height:37px;border:1px solid #ff918a;border-radius:6px;background:linear-gradient(#ec4157,#980d22);color:#fff9ec;font:900 13px 'Barlow Condensed',sans-serif;letter-spacing:.065em;text-align:center;box-shadow:inset 0 1px 0 #fff6,0 3px 9px #0007;padding:5px}
.risk-mini-leave:hover{filter:brightness(1.1)}.risk-mini-leave:focus-visible{outline:3px solid #ffffff}