/* CORSARI STORM · BLACK SAILS V1.3
   Tested high-contrast overhaul. All gems are real bounded hit targets.
   ONLY visual design and clarity: no engine/montante/detect changes. */
:root{
  --bg:#030b13;--text:#fff8e8;--muted:#b9cfdf;--card:#071c2e;
  --line:#a9854c;--gold:#ffdb8a;--cyan:#65eaff;
  --ruby:#fc4864;--sapphire:#4fbaff;--emerald:#30f3a8;
  --pirate-rim:inset 0 0 0 1px #fff0b34a,0 0 0 2px #02080d,0 5px 0 #3b210e,0 13px 24px #000a;
}
html{overflow-x:hidden;scroll-behavior:auto}
body{
  width:100%;max-width:100%;overflow-x:hidden;
  background:radial-gradient(circle at 51% -25%,#27577a7d,transparent 42%),radial-gradient(circle at 60% 110%,#1a2943,transparent 65%),#020a14;
  font-family:Arial,'Trebuchet MS',sans-serif;font-weight:650;color:var(--text);
}
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#020c17e0 8%,#0315247a 35%,#0315247a 65%,#020c17e0 92%),
    url('./assets/lantern-storm.webp') left center/auto 115vh no-repeat,
    url('./assets/ship-storm.webp') right center/auto 116vh no-repeat;
  opacity:.95;mix-blend-mode:normal;
}
body::after{opacity:.28;background:repeating-linear-gradient(130deg,transparent 0 61px,#ecc77c13 62px,transparent 63px 94px)}
.skybox{opacity:.19;pointer-events:none}
.shell{
  isolation:isolate;position:relative;z-index:1;
  width:min(1116px,calc(100% - 30px));max-width:1116px;
  min-height:100vh;margin:0 auto;padding:12px 12px 24px;
  background:linear-gradient(90deg,#08121ce8 0%,#051323e8 12%,#071b2eea 50%,#051323e8 88%,#08121ce8);
  border-left:2px solid #a57638;border-right:2px solid #a57638;
  box-shadow:inset 5px 0 0 #d8a45a24,inset -5px 0 0 #d8a45a24,0 0 65px 22px #000b;
}
.shell::before{content:'';pointer-events:none;position:absolute;inset:4px;z-index:-1;border:1px solid #e8ba6330}
/* Masthead: painted storm scenery with an actual flaming skull crest. */
.masthead{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  min-height:116px;gap:12px;flex-wrap:wrap;padding:9px 15px;
  margin:0 0 12px;
  background:linear-gradient(90deg,#030911e5,#07283bc3 52%,#08121a75),url('./assets/header-cinematic.webp') center/cover no-repeat;
  border:2px solid #b98a49;border-radius:14px;box-shadow:var(--pirate-rim);
}
.masthead::after{content:'⚓';bottom:-12px;background:#081321;border:2px solid #d6a053;color:#ffda8b}
.logo-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.logo-icon{width:91px;height:91px;flex:none;object-fit:contain;filter:drop-shadow(0 0 15px #ff3c1289) drop-shadow(0 4px 8px #000d)}
.logo-text{min-width:0;max-width:100%;gap:2px}
.logo-text small{display:block;font:800 10px Arial,sans-serif;color:#f7c87d;letter-spacing:.11em}
.logo-text b{font:900 clamp(27px,3vw,46px) Georgia,'Times New Roman',serif;color:#ffe3a2;letter-spacing:-.06em;line-height:1.0;text-shadow:0 2px 0 #582a0e,0 3px 0 #1a0d0a,0 0 19px #ffa73a7a;-webkit-text-stroke:.4px #522409}
.logo-text em{font-style:normal;color:#6ce5ff;text-shadow:0 2px 0 #074f67,0 0 19px #39d5ff86}
.logo-text span{color:#a5d9ed;letter-spacing:.08em;font:800 9px Arial,sans-serif}
.mast-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.top-btn,.tiny-chip{min-height:36px;padding:8px 10px;white-space:nowrap;border:1px solid #d4a95d;border-radius:8px;background:linear-gradient(160deg,#143850,#041525);color:#ffe5a7;box-shadow:inset 0 1px 0 #ffffff44,0 3px 7px #0008}
.top-btn:hover{border-color:#80eaff;background:#143f5a}
.top-btn:focus-visible,.gem-button:focus-visible,.diamond-button:focus-visible,.btn:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
/* Info belt and wealth panels */
.ship-belt{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 10px;padding:8px 9px;background:linear-gradient(105deg,#09192b,#143d54 53%,#201421);border:1px solid #ae8241;border-radius:9px;box-shadow:inset 0 0 0 1px #edcb8b3b}
.ship-belt>span{background:#071a2b;color:#f8e8c8;box-shadow:inset 0 1px 0 #ffc56e2d;font-size:11px;padding:6px 9px;border:1px solid #a88853;border-radius:6px}
.dash-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.kpi{position:relative;overflow:hidden;min-width:0;min-height:102px;padding:14px 14px 13px 15px;border-radius:12px!important;border:1px solid #daae65!important;background:radial-gradient(circle at 97% 15%,#36627a62,transparent 35%),linear-gradient(165deg,#0b2b42,#061827 80%)!important;box-shadow:inset 0 0 0 1px #ffd78835,0 5px 13px #0008!important}
.kpi::before{content:'';position:absolute;inset:6px;border:1px solid #e3c27d30;border-radius:7px;pointer-events:none}
.kpi::after{content:'✦';position:absolute;right:13px;top:8px;color:#ca9d4e71;font:900 24px Georgia,serif}
.kpi-label{color:#e3d1ad;font:900 11px Arial,sans-serif;letter-spacing:.095em}
.kpi strong{position:relative;z-index:1;font:900 clamp(22px,2.5vw,36px) Georgia,'Times New Roman',serif;color:#fce3a4;text-shadow:0 2px 0 #0009;overflow-wrap:anywhere;letter-spacing:-.04em}
.kpi.balance strong{color:#84eaff}.kpi.plus strong{color:#4cf8b1}.kpi.debt strong{color:#ff9b9d}.kpi.target strong{color:#ffdc7e}
.kpi small{color:#acc9d5;font-size:10px}
/* Forged frames, waves, gold corners. */
.hero-card,.seat-guide,.stop-guide,.treasure-input,.panel,.bet-card,.live-risk{
  border:2px solid #b88748!important;border-radius:12px!important;
  background:radial-gradient(circle at 94% 8%,#2e618031,transparent 45%),linear-gradient(151deg,#0d283c,#071725 72%)!important;
  box-shadow:inset 0 0 0 1px #fae2a43d,0 0 0 2px #010a14,0 6px 0 #563316,0 13px 22px #000a!important;
  position:relative;min-width:0;
}
.hero-card::before,.seat-guide::before,.stop-guide::before,.treasure-input::before,.panel::before,.bet-card::before{content:'';position:absolute;inset:6px;z-index:0;pointer-events:none;border:1px solid #f8ce823d;border-radius:6px}
.hero-card>*,.panel>*,.treasure-input>*,.bet-card>*{position:relative;z-index:1;min-width:0}
.eyebrow,.panel-head,.panel-title{font:900 12px Arial,sans-serif;color:#f7d38f;letter-spacing:.08em}
h1,h2,h3{color:#ffe4ab;font-family:Georgia,'Times New Roman',serif;line-height:1.15;text-shadow:0 2px 3px #000b}
h2{font-size:clamp(23px,2.3vw,31px)}
.btn{border-radius:9px;box-shadow:inset 0 1px 0 #fff8,0 4px 0 #0007;font:900 14px Arial,sans-serif;letter-spacing:.01em}
.btn-gold{background:linear-gradient(#ffe29a,#db9a38 51%,#8b4c16);color:#190e0a;border:1px solid #ffe1a4}
.btn-outline{background:linear-gradient(#16425a,#071c2f);border:1px solid #81c9de;color:#f0faff}
.btn-danger{background:linear-gradient(#ff4d65,#d01236 50%,#800d25);color:white;border:1px solid #ffa0a7}
/* warning detector: amber=forming, ruby=confirmed. */
.live-risk{margin:13px 0;padding:14px 16px;background:linear-gradient(155deg,#2e1f0c,#161b22 78%)!important;border-color:#e7af3e!important;box-shadow:0 0 0 2px #090e17,0 0 16px #e4a5383b,0 8px 19px #000c!important}
.live-risk.risk-red{background:linear-gradient(150deg,#480e18,#260d15 70%)!important;border-color:#fa4158!important;box-shadow:0 0 0 2px #090e17,0 0 22px #ee39575c,0 8px 19px #000c!important}
.live-risk.clear{background:linear-gradient(#09322d,#071e28)!important;border-color:#4b9a82!important}
.live-risk-head strong{font:900 21px Georgia,serif;letter-spacing:.005em;color:#ffda6d;text-shadow:0 1px 1px #000}
.live-risk.risk-red .live-risk-head strong{color:#ffe4e9}
.live-risk-head small{color:#ffe4bd}
.live-risk p,.live-risk small{line-height:1.4}
.live-risk-tags span{border-radius:6px;background:#5a331e;border:1px solid #ffa94e;color:#ffdfa8}
.live-risk.risk-red .live-risk-tags span{background:#791124;border-color:#ff6372;color:#ffe6e8}
.live-risk-road{background:#031625cf;border:1px solid #b58d534f;border-radius:8px;padding:9px}
.live-risk .column-view{min-width:0;gap:5px}
/* Bet card: readable, vivid, storm-lit. */
.play-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:15px;margin-top:14px}
.play-main,.play-side{min-width:0;display:flex;flex-direction:column;gap:15px}
.bet-card{overflow:hidden;isolation:isolate;min-height:307px;padding:19px 20px 15px!important;background:linear-gradient(95deg,#160c18ee,#0a2135ad),url('./assets/header-cinematic.webp') center/cover no-repeat!important}
.bet-card.ruby{border-color:#ef766d!important;background:radial-gradient(ellipse at 52% 46%,#b4192c75,transparent 63%),linear-gradient(95deg,#210a14ee,#101c2cc1),url('./assets/header-cinematic.webp') center/cover no-repeat!important}
.bet-card.sapphire{border-color:#7bd9fa!important;background:radial-gradient(ellipse at 50% 45%,#046db36c,transparent 62%),linear-gradient(96deg,#071b3bed,#0a1d30d8),url('./assets/header-cinematic.webp') center/cover no-repeat!important}
.bet-card.neutral{border-color:#ebba65!important}
.bet-card::after{content:'';position:absolute;right:-40px;bottom:-40px;width:260px;height:260px;background:url('./assets/flame-skull.png') center/contain no-repeat;opacity:.13;z-index:0;pointer-events:none}
.bet-card.has-alert-red{box-shadow:0 0 0 2px #040b18,0 0 0 4px #ff395b8c,0 0 24px #ff395b44!important}
.bet-card.has-alert-yellow{box-shadow:0 0 0 2px #040b18,0 0 0 4px #ffce598c,0 0 20px #ffce5933!important}
.bet-upper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.bet-crest{font:900 11px Arial,sans-serif;letter-spacing:.12em;color:#f6c679}
.live-tag{padding:7px 11px;background:#2b0e13;border:1px solid #d76e5e;border-radius:7px;color:#fff1e4;font:900 10px Arial,sans-serif}
.bet-question{text-align:center;font:900 12px Arial,sans-serif;color:#f6d89f;letter-spacing:.12em;margin:18px 0 7px}
.prediction-hero{text-align:center;display:block}
.prediction-text{font:900 clamp(29px,4.8vw,56px) Georgia,'Times New Roman',serif;line-height:1.16;letter-spacing:-.045em;color:#fff7e7!important;overflow-wrap:anywhere;text-shadow:0 2px 0 #2a0d05,0 0 15px #efb15d!important}
.bet-card.ruby .prediction-text{text-shadow:0 2px 0 #27080d,0 0 18px #ff436b!important}
.bet-card.sapphire .prediction-text{text-shadow:0 2px 0 #0b1c47,0 0 18px #34c7ff!important}
.prediction-amount{max-width:100%;overflow-wrap:normal;white-space:nowrap;margin:12px auto 8px;display:flex;flex-direction:column;align-items:center;font:900 clamp(62px,8.4vw,115px) Georgia,'Times New Roman',serif;color:#ffe0a0;text-shadow:0 3px 0 #54250c,0 0 19px #fca2458c;letter-spacing:-.05em;line-height:1.08}
.prediction-amount.amount-long{font-size:clamp(49px,6.4vw,84px)}
.prediction-amount>span{color:#ffe0a0;font:900 11px Arial,sans-serif;letter-spacing:.13em;margin:8px auto 0;white-space:normal;line-height:1.35;text-align:center}
.bet-risk-inline{background:#3e280ec9;border:1px solid #ffc35a;border-radius:7px;padding:10px 12px;gap:9px;margin-top:9px;min-width:0;flex-wrap:wrap}
.bet-risk-inline.red{background:#541224ea;border-color:#ff5e69}.bet-risk-inline .warning-triangle{flex:none;width:35px;height:35px}
.bet-risk-inline strong{font-size:14px;letter-spacing:.04em}
.engine-reason{border-radius:6px;background:#031423ce;border:1px solid #d1a05f83;color:#cbe5e7;font-size:11px}
/* Genuine faceted gemstone artwork; the painted word is on the clickable face. */
.treasure-input{padding:17px!important;background:radial-gradient(circle at 50% 0%,#20577b52,transparent 55%),linear-gradient(135deg,#102b41,#061826 87%)!important}
.treasure-top{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:13px}
.treasure-top h2{color:#ffe4a2;font:900 clamp(23px,2.6vw,32px) Georgia,serif;text-shadow:0 2px 0 #30200f}
.treasure-label{font:900 10px Arial,sans-serif;color:#badddf;letter-spacing:.1em}
.result-buttons,.seat-result,.observe-buttons{min-width:0}
.result-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:stretch}
.gem-button{
  position:relative;display:block!important;width:100%!important;max-width:100%;min-width:0;
  aspect-ratio:188/136;min-height:110px!important;padding:0!important;
  overflow:hidden!important;isolation:isolate!important;
  transform:none;filter:none!important;
  border-radius:13px!important;border:2px solid #bd9857!important;
  box-shadow:inset 0 1px 0 #fff9,0 0 0 2px #07111b,0 5px 0 #51301b,0 10px 18px #0009!important;
  background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.gem-button.ruby{background-image:url('./assets/gem-real-ruby.webp')!important;border-color:#ffc397!important}
.gem-button.sapphire{background-image:url('./assets/gem-real-sapphire.webp')!important;border-color:#a0ddff!important}
.gem-button.emerald{background-image:url('./assets/gem-real-emerald.webp')!important;border-color:#a7ffd7!important}
.gem-button .gem-shape,.gem-button b,.gem-button small{display:none!important;pointer-events:none!important}
.gem-button *{pointer-events:none!important}
.gem-button::before,.gem-button::after{content:'';position:absolute;inset:0;pointer-events:none!important;border-radius:inherit;z-index:0;background:transparent}
.gem-button::after{border:1px solid #ffefbf5b;box-shadow:inset 0 -4px 8px #0008}
.gem-button:hover{filter:brightness(1.13)!important;transform:translateY(-1px)}
.gem-button:active{filter:brightness(1.24)!important;transform:translateY(3px)!important;box-shadow:0 2px 0 #492716,0 3px 9px #000b!important}
.gem-button:disabled{opacity:.4!important}
/* User confirmation: explicit real result, never confused with NEXT prediction. */
.observed-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:13px 0 9px;padding:12px;border:1px solid #a9b9b6;border-radius:9px;background:linear-gradient(#10273b,#081826);box-shadow:inset 0 1px 0 #fff2,0 4px 8px #0005;text-align:center}
.observed-caption{font:900 11px Arial,sans-serif;letter-spacing:.13em;color:#d3edfd}
.observed-notice strong{font:900 clamp(18px,2.6vw,25px) Georgia,serif;color:#f5f0df;text-shadow:0 1px 2px #000}
.observed-notice small{color:#c7d4da;font-size:10px;line-height:1.35;letter-spacing:.02em}
.observed-notice.ruby{background:linear-gradient(125deg,#4d1124,#20121e);border-color:#fb7c8d}
.observed-notice.ruby strong{color:#ffb6bc}
.observed-notice.sapphire{background:linear-gradient(125deg,#092d67,#091c30);border-color:#7fcfff}
.observed-notice.sapphire strong{color:#a7e5ff}
.observed-notice.emerald{background:linear-gradient(125deg,#0c4f38,#082626);border-color:#79ffc9}
.observed-notice.emerald strong{color:#8bffbf}
.diamond-button{width:100%;min-height:51px!important;margin:8px 0;display:flex!important;align-items:center;justify-content:center;gap:7px;border:2px solid #7edbff!important;border-radius:8px!important;background:linear-gradient(#184e76,#0d2d49 53%,#071725)!important;color:#e7faff!important;font:900 clamp(11px,1.3vw,15px) Arial,sans-serif!important;letter-spacing:.025em;text-shadow:0 1px 3px #001322;box-shadow:0 3px 0 #03111b,0 0 11px #12c8ff56!important}
.undo-diamond-art{height:26px;width:33px}
.manual-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}
.manual-button{padding:10px 4px;min-width:0;min-height:58px;color:#fff1d0;border:1px solid #b08d4e;border-radius:8px;background:linear-gradient(#163a55,#071a2b);font:900 12px Arial,sans-serif;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
.manual-button small{display:block;margin-top:3px;color:#b1d8ee;font:700 9px Arial,sans-serif}
.event-banner{margin-top:10px;padding:10px 12px;background:#13293c;border:1px solid #ae874e;border-radius:7px;color:#f5f2e2}
.panel{padding:15px;min-width:0;overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ad8e5b73;padding-bottom:10px;margin-bottom:12px}
.panel-head small{color:#b3cbd3;font-size:10px}
.history-track{display:flex;flex-wrap:wrap;gap:6px}
.column-view{display:flex;gap:5px;flex-wrap:wrap;max-width:100%}
.road-column{flex:none;min-width:14px}
.gem-chip{flex:none;box-shadow:inset 0 1px 0 #fff5,0 0 5px #0006}
.scale-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.scale-step{min-width:0;overflow:hidden;padding:6px 1px;border:1px solid #c69b5c;border-radius:6px;background:#061523;text-align:center}
.scale-step b{font:900 clamp(11px,1.2vw,16px) Arial,sans-serif;letter-spacing:-.045em;color:#f2e9d4;overflow-wrap:anywhere}
.scale-step small{font-size:9px;color:#94cad9}
.scale-step.active{background:linear-gradient(#f9e9b6,#ce8a3f);border-color:#ffebba;box-shadow:0 0 12px #ffb64870}
.scale-step.active b,.scale-step.active small{color:#081c2e}
.ledger-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px;align-items:center}
.ledger-action{min-width:0;font-size:11px}.ledger-action b{font-size:11px;color:#f9e6bd}.ledger-action small{font-size:10px;color:#a8c4d2;line-height:1.4;display:block}
.risk-ribbon{display:flex;flex-wrap:wrap;gap:7px}
.risk-ribbon span{font-size:10px}
/* Setup, seat and modals — usable from 320 px up. */
.setup-page,.seat-layout,.stop-page{max-width:100%;min-width:0;gap:14px}
.setup-form,.seat-workspace,.seat-guide,.stop-guide{min-width:0}
.selection-option{border:1px solid #c49956;border-radius:10px;background:linear-gradient(#163c55,#071c2d);color:#fef2d5}
.selection-option:hover{border-color:#75e7ff}
.sequence-entry{display:flex;flex-wrap:nowrap;gap:4px;max-width:100%}
.entry-slot{flex:1 1 0;min-width:0;border-radius:6px;overflow:hidden}
.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pattern-example{min-width:0;overflow:hidden}
.dialog-card{border:2px solid #c99a56;background:linear-gradient(#122c42,#051524);box-shadow:0 0 0 4px #030c17,0 25px 80px #000e}
.form-label{color:#ffdfac}.form-label input,.form-label select,.form-label textarea{background:#eaf3f6;color:#061e30;border:1px solid #bd924c;border-radius:7px}
.mode-option span{border:1px solid #c49755;border-radius:8px;background:linear-gradient(#14344a,#0a1524)}
.disclaimer{color:#819cae;border-top:1px solid #af885f70;margin-top:26px}
/* Breakpoints chosen for real mobile viewports. */
@media(max-width:1030px){
 .play-layout{grid-template-columns:minmax(0,1fr);gap:15px}
 .dash-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .masthead{justify-content:center}.mast-actions{flex:1 1 100%;justify-content:center}
}
@media(max-width:560px){
 body::before{opacity:.6;background:linear-gradient(90deg,#030c18c4,#061a2ca6),url('./assets/ship-storm.webp') right center/auto 100vh no-repeat}
 .shell{width:calc(100% - 12px);padding:6px 6px 18px;border-left:1px solid #a17a4b;border-right:1px solid #a17a4b}
 .masthead{margin:0 0 10px;padding:10px 8px 7px;min-height:0;gap:4px;border-radius:10px;justify-content:center}
 .masthead::after{display:none}
 .logo-lockup{gap:5px;width:100%;justify-content:center}.logo-icon{width:72px;height:76px}
 .logo-text b{font-size:clamp(25px,8.0vw,38px);white-space:normal}.logo-text small{display:block;font-size:8px;letter-spacing:0}.logo-text span{font-size:8px;letter-spacing:0}
 .mast-actions{flex:1 1 100%;gap:5px;margin:3px 0 0;justify-content:center}
 .mast-actions .top-btn{padding:7px;min-height:34px;height:35px;width:39px;font-size:16px;border-radius:7px}.mast-actions .top-btn span{display:none}
 .mast-actions .tiny-chip{min-height:32px;font-size:9px;padding:7px}
 .ship-belt{padding:6px;gap:4px;margin:8px 0}.ship-belt>span{font-size:9px;padding:5px 6px}
 .dash-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
 .kpi{min-height:90px;padding:11px 10px 10px}.kpi-label{font-size:9px;letter-spacing:.045em}.kpi strong{font-size:clamp(20px,6vw,27px)}.kpi small{font-size:9px}
 .live-risk{padding:10px;margin:10px 0}.live-risk-head strong{font-size:16px}.live-risk p{font-size:10px}
 .play-layout,.play-main,.play-side{gap:12px}
 .bet-card{padding:13px 10px 12px!important;min-height:285px}.bet-card::after{width:160px;height:160px}
 .bet-crest{font-size:10px}.live-tag{font-size:9px;padding:5px}
 .bet-question{font-size:11px;margin:14px 0 7px;letter-spacing:.06em}
 .prediction-text{font-size:clamp(24px,7.1vw,35px)}
 .prediction-amount{font-size:clamp(49px,15.3vw,75px);letter-spacing:-.06em;margin:11px 0 7px}
 .prediction-amount.amount-long{font-size:clamp(39px,11vw,54px)}
 .prediction-amount>span{font-size:10px;letter-spacing:.08em}
 .bet-risk-inline{padding:8px;gap:6px}.bet-risk-inline strong{font-size:12px}.bet-risk-inline small{font-size:9px}
 .treasure-input{padding:12px!important}.treasure-top{margin-bottom:7px}.treasure-top h2{font-size:22px}.treasure-label{font-size:8px;max-width:120px}
 .result-buttons{gap:5px!important}
 .gem-button{border-width:1px!important;min-height:99px!important;border-radius:10px!important}
 .observed-notice{margin:11px 0 7px;padding:10px 6px}.observed-caption{font-size:10px}.observed-notice strong{font-size:clamp(17px,4.8vw,22px)}.observed-notice small{font-size:9px}
 .diamond-button{min-height:43px!important;font-size:11px!important;padding:7px 5px}.undo-diamond-art{width:28px;height:24px}
 .manual-ops{gap:5px}.manual-button{min-height:52px;font-size:9px;padding:6px 4px}.manual-button small{font-size:8px}
 .panel{padding:11px}.panel-head{font-size:10px}.scale-step{padding:6px 0}.scale-step b{font-size:11px}.cycle-stats b{font-size:18px}
 .seat-layout,.stop-page{grid-template-columns:minmax(0,1fr)}
 .seat-workspace,.seat-guide,.stop-guide{padding:12px}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.selection-option{padding:9px;min-height:188px}.selection-option strong{font-size:19px}.selection-option small{font-size:10px}
 .dialog-card{padding:15px 10px}.form-label{font-size:11px}
}
@media(max-width:359px){
 .shell{width:calc(100% - 8px);padding:4px 4px 15px}
 .logo-icon{width:61px;height:66px}.logo-text b{font-size:25px}
 .top-btn{width:33px!important;min-height:32px!important}
 .ship-belt>span{font-size:8px;padding:5px}
 .kpi{padding:9px}.kpi strong{font-size:19px}.kpi-label{font-size:9px}
 .treasure-input{padding:8px!important}
 .result-buttons{gap:4px!important}.gem-button{min-height:88px!important;border-radius:8px!important}
 .observed-notice strong{font-size:17px}.manual-button{font-size:8px}.manual-button small{font-size:7px}
 .prediction-text{font-size:24px}.prediction-amount{font-size:52px}
}
@media(prefers-reduced-motion:reduce){.logo-icon,.gem-button,.live-risk{animation:none!important;transition:none!important}}