:root{color-scheme:dark;--bg:#0b0505;--red:#c20912;--red-dark:#620508;--gold:#ffca45;--gold-light:#fff0b2;--ink:#fff5df;--muted:#cbb89e;--panel:#1b0c0a;--panel2:#2e100c;--line:#7e4321;--good:#69e4ac;--bad:#ff7f79;--blue:#298af9;--green:#16c684;--shadow:0 22px 55px #0009}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0% -4%,#ad101125,transparent 35%),radial-gradient(ellipse at 95% 10%,#bd6a1d14,transparent 36%),var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.hidden{display:none!important}.aura{position:fixed;pointer-events:none;inset:auto;z-index:-1;width:60vmax;height:60vmax;border-radius:50%;filter:blur(100px);opacity:.14}.aura-one{top:-26vmax;left:-19vmax;background:#bb1a1e}.aura-two{bottom:-36vmax;right:-25vmax;background:#ac6320}.app-shell{max-width:1700px;margin:0 auto;min-height:100vh}.container{width:100%;max-width:1470px;margin:0 auto;padding:27px clamp(13px,2.4vw,32px) 70px}.screen{animation:appear .22s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 5%,#93070c65,transparent 45%)}.login-frame{width:min(100%,455px);padding:39px clamp(24px,6vw,49px) 36px;text-align:center;background:linear-gradient(155deg,#490809,#1a0808 65%,#250a04);border:2px solid #d7a034;border-radius:19px;box-shadow:0 25px 75px #000b,inset 0 0 0 7px #16080977;position:relative;overflow:hidden}.login-frame:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #b1793655;border-radius:10px;pointer-events:none}.seal{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(150deg,#db121b,#730607);color:#ffe7a3;border:1px solid #e9b748;border-radius:13px;font-family:serif;font-size:27px;text-shadow:0 2px 6px #440400;box-shadow:inset 0 0 12px #e233184f}.seal-lg{width:98px;height:98px;border-radius:28px;margin:0 auto 22px;font-size:67px;border-width:2px;box-shadow:0 0 45px #dd281e33}.brand-overline,.top-eyebrow,.overline{font-size:11px;letter-spacing:.19em;font-weight:900;color:#ffda83}.login-frame h1{font-size:clamp(34px,7vw,49px);font-weight:950;letter-spacing:-.06em;margin:5px 0;color:#fff7df;line-height:1.18}.login-frame h1 span{color:var(--gold)}.ornament{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--gold);font-size:20px}.ornament span{width:55px;border-top:1px solid #ba873a}.login-sub{font-size:11px;letter-spacing:.11em;color:#efc991;margin:8px 0 26px}.login-form{display:flex;flex-direction:column;gap:10px;text-align:left}.login-form label,.field>span{color:#f3d59c;font-size:11px;font-weight:850;letter-spacing:.1em}.login-form input,.field input,.field select,.field textarea,textarea{width:100%;min-height:48px;background:#120907;color:var(--ink);border:1px solid #a46d37;border-radius:10px;padding:11px 13px;transition:border-color .2s,background .2s}.login-form input:focus,.field input:focus,.field select:focus,.field textarea:focus,textarea:focus{border-color:var(--gold);background:#1d0a07}.login-form input{font-size:22px;letter-spacing:.25em;text-align:center}.login-footer{color:#bca58a;font-size:10px;letter-spacing:.08em;margin-top:22px}.form-error{font-size:12px;color:#ff9386;min-height:18px;margin:2px 0}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border-radius:10px;font-size:12px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;white-space:nowrap}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(110deg,#ffdc6e,#efa82a);color:#2a0905;border-color:#ffe6a0;box-shadow:inset 0 1px 2px #fff4bb99,0 6px 15px #eaa02424}.btn-gold:not(:disabled):hover{background:linear-gradient(110deg,#ffe798,#f3b337)}.btn-outline{background:#3d1111;color:#ffdf94;border-color:#a85e2a}.btn-outline:hover{background:#6e1b13}.btn-sm{min-height:38px;padding:8px 12px;font-size:11px}.btn-xl{min-height:56px;padding:13px 24px;font-size:14px}.btn-block{width:100%}
.topbar{position:sticky;top:0;z-index:30;min-height:74px;background:#190707f5;border-bottom:1px solid #c57c2d8c;backdrop-filter:blur(15px);display:flex;align-items:center;gap:17px;padding:13px clamp(13px,2vw,32px);box-shadow:0 3px 28px #0006}.brand-inline{display:flex;align-items:center;gap:12px;flex:none}.brand-inline strong{font-size:20px;letter-spacing:-.06em;white-space:nowrap;line-height:1}.brand-inline em{font-style:normal;color:var(--gold)}.top-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:3px}.top-center{margin:auto;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.1em;font-weight:750;color:#d5b788;white-space:nowrap}.live-pulse,.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px #56e0a326,0 0 16px #56e0a3}.top-divider{height:15px;border-left:1px solid #975521}.top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.footer{text-align:center;padding:14px 15px 22px;color:#bb996d;border-top:1px solid #613116;background:#120605;font-size:11px;letter-spacing:.11em}.footer span{color:#edb74d;margin:0 8px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2{font-size:clamp(25px,3.5vw,36px);margin:4px 0;color:#ffdb79;letter-spacing:-.035em}.section-heading p{color:var(--muted);margin:3px 0}.small-crest{display:grid;place-items:center;width:72px;height:72px;flex:none;border-radius:50%;border:2px solid #cf8e31;color:var(--gold);background:#410b0a;font-size:42px;font-family:serif}.setup-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:20px}.panel{min-width:0;background:linear-gradient(140deg,#2c110c,#160a07);border:1px solid #74401e;border-radius:16px;padding:21px;box-shadow:var(--shadow)}.panel-head{font-size:12px;font-weight:900;color:var(--gold);letter-spacing:.11em;display:flex;align-items:center;gap:8px;margin-bottom:15px}.head-glyph{color:#ff6e4e}.panel-head.with-space{margin-top:23px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.method-option{position:relative;cursor:pointer;background:#180c09;border:2px solid #58321c;border-radius:13px;padding:17px 15px;display:flex;flex-direction:column;gap:6px;min-height:175px}.method-option:hover{border-color:#bc8a37}.method-option.selected{border-color:#f7c35d;background:linear-gradient(155deg,#5b190e,#2d0d08);box-shadow:inset 0 0 27px #a6350818}.method-option input,.mode-option input{position:absolute;opacity:0;pointer-events:none}.m-icon{font-size:24px;color:var(--gold)}.method-name{font-weight:900;letter-spacing:.05em;font-size:15px}.method-option small{color:#ffcd84;font-weight:700}.method-desc{color:var(--muted);font-size:12px;line-height:1.45}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field input{font-weight:750;font-size:17px}.step-type-header{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:21px 0 11px}.step-type-header strong{font-size:11px;letter-spacing:.08em;color:#ffd082}.step-type-header span{color:var(--good);font-size:12px;font-weight:750}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-option{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;padding:11px 6px;border:1px solid #704522;background:#1b0b09;border-radius:10px;cursor:pointer}.mode-option.active{border-color:var(--gold);background:#64240b}.mode-option strong{font-size:13px;color:var(--gold)}.mode-option span{font-size:12px;color:#eac89b}.config-footnote{font-size:12px;color:#f1d4ad;border-left:2px solid var(--gold);padding-left:11px;margin:12px 0 20px}.setup-actions{display:flex;flex-direction:column;gap:6px}.setup-actions .btn{width:100%}.side-config{background:linear-gradient(160deg,#401008,#1c0b08)}.engine-banner{background:linear-gradient(120deg,#791c12,#400b0c);border:1px solid #b47a2b;border-radius:12px;display:flex;align-items:center;flex-direction:column;padding:18px 11px;margin-bottom:14px;text-align:center}.engine-glyph{font-size:46px;font-family:serif;color:var(--gold);line-height:1.2}.engine-banner strong{font-size:17px;margin:8px 0}.engine-banner strong span{color:var(--gold)}.engine-banner small{font-size:10px;letter-spacing:.1em;color:#e8c993}.side-config p{font-size:13px;color:var(--muted)}.divider-line{border-top:1px solid #704020;margin:19px 0}.limit-pre{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #63341d;color:var(--muted);font-size:13px}.limit-pre strong{color:#ffe7aa;font-size:16px}.info-chip{display:block;padding:11px;background:#502010;border-radius:9px;border:1px solid #844819;font-size:12px;color:#f3cd88;margin-top:16px}.micro{color:var(--muted);font-size:11px;line-height:1.6}
.table-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.table-controls{display:flex;gap:7px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric{background:#260b0a;border:1px solid #81501d;border-radius:13px;padding:16px}.metric>span{font-size:10px;font-weight:850;letter-spacing:.11em;color:#ddb980;display:block}.metric strong{font-size:clamp(19px,2.1vw,30px);font-variant-numeric:tabular-nums;display:block;margin:8px 0;color:#ffebac;letter-spacing:-.02em}.metric small{font-size:11px;color:#c8a88d}.metric strong.positive{color:var(--good)}.metric strong.negative{color:var(--bad)}.table-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.7fr);gap:16px}.table-main,.table-side{min-width:0}.hero-panel{position:relative;isolation:isolate;overflow:hidden;min-height:355px;border:2px solid #c99739;border-radius:18px;background:radial-gradient(circle at 90% 10%,#f17d1530,transparent 37%),linear-gradient(135deg,#770d09 0%,#39080a 54%,#1e0607 100%);padding:clamp(20px,3vw,35px);box-shadow:0 15px 38px #0009,inset 0 1px 8px #ffb95336}.hero-engraving{pointer-events:none;position:absolute;z-index:-1;right:-8px;top:0;font:260px/.9 serif;color:#ffb03010;transform:rotate(-17deg)}.hero-line{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:900;color:#f9d88e;letter-spacing:.09em;flex-wrap:wrap}.hero-line .signal-mode{margin-left:auto;border:1px solid #edba58;border-radius:99px;padding:4px 10px;font-size:10px;color:var(--gold);background:#261013}.hero-eyebrow{color:#ffdc84;margin:23px 0 5px;font-size:11px;font-weight:800;letter-spacing:.15em}.hero-side{font-weight:950;font-size:clamp(36px,6.5vw,78px);line-height:1.07;letter-spacing:-.04em;text-shadow:0 4px 18px #0005}.hero-side.bank{color:#ffd997}.hero-side.player{color:#b6d7ff}.hero-side.wait{color:#ffdf90}.hero-sub{font-size:13px;color:#f4c8a4}.hero-bet{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:25px 0 0;padding:12px 0;border-block:1px solid #ce934880}.hero-bet span{color:#f4cf9b;font-size:11px;font-weight:850;letter-spacing:.09em}.hero-bet strong{font-size:clamp(35px,4.5vw,52px);letter-spacing:-.05em;color:#ffdd75;margin-left:auto}.hero-bet small{width:100%;text-align:right;color:#f1c8a1}.hero-reason{font-size:12px;color:#e7b999;max-width:680px;margin:15px 0 0}.action-panel,.road-panel,.import-panel{margin-top:15px}.panel-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-copy{font-size:12px;color:var(--muted);margin:6px 0 15px}.counter-pill{font-size:11px;border:1px solid #805024;border-radius:30px;color:var(--gold);padding:7px 10px;white-space:nowrap}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.outcome-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;border-radius:13px;min-height:112px;border:1px solid #b34e3b;color:white;transition:filter .2s,transform .15s;touch-action:manipulation}.outcome-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.outcome-btn:active{transform:scale(.98)}.outcome-btn.bank{background:linear-gradient(145deg,#cf121f,#850713);border-color:#ff5355}.outcome-btn.player{background:linear-gradient(145deg,#246cd0,#143c85);border-color:#64b1ff}.outcome-btn.tie{background:linear-gradient(145deg,#18945f,#075237);border-color:#52d99b}.outcome-btn .ball{font-size:23px;line-height:1}.outcome-btn strong{font-size:18px;letter-spacing:.02em}.outcome-btn small{font-size:9px;letter-spacing:.08em;opacity:.9}.action-message{color:#ffd27e;font-size:12px;margin-top:10px;min-height:18px}.import-panel textarea,.sim-setup textarea{min-height:66px;resize:vertical}.row-buttons{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.road-chips{display:flex;flex-wrap:wrap;gap:7px;max-height:236px;overflow-y:auto;padding:2px}.chip{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;font-size:14px;font-weight:900;border:2px solid;color:white}.chip.B{background:#aa101d;border-color:#f5554d}.chip.P{background:#165bb5;border-color:#68bbff}.chip.T{background:#0a8053;border-color:#49d6a0}.chip.calib{outline:2px dotted var(--gold);outline-offset:2px}.empty-road{color:var(--muted);padding:12px}.road-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:15px}.road-legend span:first-child{color:#fa6c6b}.road-legend span:nth-child(2){color:#84b9ff}.road-legend span:nth-child(3){color:#73dfb0}.stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #67381a;padding:10px 0}.stat-list span{color:var(--muted);font-size:12px}.stat-list strong{color:#ffdf9e;font-size:15px;font-variant-numeric:tabular-nums;text-align:right}.notice-mini{background:#53221755;border-left:2px solid var(--gold);font-size:11px;color:#d8bba2;padding:10px;margin-top:14px}.history-scroll{overflow:auto;max-height:360px}.history-scroll table,.sim-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.history-scroll th,.sim-table th{text-align:right;padding:9px 7px;color:#f1c77f;background:#38110c;position:sticky;top:0}.history-scroll th:first-child,.history-scroll td:first-child,.sim-table th:first-child,.sim-table td:first-child{text-align:left}.history-scroll td,.sim-table td{padding:9px 7px;border-bottom:1px solid #563019;text-align:right}.history-scroll td{color:#f9dfb8}.history-scroll tr:nth-child(even),.sim-table tr:nth-child(even){background:#3a15102e}.positive{color:var(--good)!important}.negative{color:var(--bad)!important}
.sim-controls{display:grid;grid-template-columns:190px 190px minmax(0,1fr);gap:12px;margin-bottom:14px}.sim-control-actions{display:flex;gap:9px;align-items:end;justify-content:flex-end;flex-wrap:wrap}.table-scroll{overflow-x:auto;border:1px solid #6b371b;border-radius:11px}.sim-table{min-width:740px;font-size:12px}.sim-table th,.sim-table td{padding:12px 10px}.chart-holder{width:100%;min-height:250px;overflow:hidden}.chart-holder svg{display:block;width:100%;max-width:100%;height:auto}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted);margin-top:12px}.chart-legend span:nth-child(1){color:#ffd068}.chart-legend span:nth-child(2){color:#8bdafa}.chart-legend span:nth-child(3){color:#ff6b63}.chart-legend span:nth-child(4){color:#6de4a2}.lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.modal{color:var(--ink);width:min(calc(100vw - 24px),470px);border:2px solid #ddb04b;border-radius:17px;background:linear-gradient(150deg,#47100c,#170908);padding:25px;box-shadow:0 19px 60px #000b}.modal::backdrop{background:#090404c9;backdrop-filter:blur(7px)}.modal h2{color:#ffce6b;margin:3px 0}.modal h3{font-size:14px;color:#ffd38a}.modal p{font-size:13px;color:var(--muted);line-height:1.55}.modal .field{margin:12px 0}.modal-ornament{font:38px serif;color:var(--gold);text-align:center}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions>*{flex:1}.toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:100;padding:12px 17px;background:#362011;color:#ffe7a5;border:1px solid #d3a750;border-radius:11px;box-shadow:0 8px 26px #0008;font-size:13px;max-width:min(90vw,470px);text-align:center}
@media(max-width:1180px){.top-center{display:none}.top-actions{margin-left:auto}.setup-layout{grid-template-columns:1.5fr 1fr}.table-layout{grid-template-columns:minmax(0,1.4fr) 280px}}@media(max-width:950px){.setup-layout,.table-layout{grid-template-columns:1fr}.table-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-side .panel{align-self:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-controls{grid-template-columns:1fr 1fr}.sim-control-actions{grid-column:1/-1;justify-content:flex-start}.topbar{position:relative}}@media(max-width:650px){.container{padding:16px 12px 45px}.topbar{padding:11px 12px;flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-start}.brand-inline strong{font-size:18px}.brand-inline .seal{width:38px;height:38px;font-size:24px}.top-actions .btn{flex:1;min-width:90px;font-size:10px;padding:7px 9px;min-height:38px}.top-actions .btn span{display:inline}.table-topline{flex-direction:column;align-items:stretch}.table-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.table-controls .btn{white-space:normal;min-height:42px}.metric{padding:12px}.metric strong{font-size:21px}.metric>span{font-size:9px}.metric small{font-size:10px}.table-side{grid-template-columns:1fr}.section-heading h2{font-size:26px}.small-crest{width:48px;height:48px;font-size:28px}.panel{padding:15px}.outcome-btn{min-height:95px}.outcome-btn strong{font-size:14px}.outcome-btn small{font-size:8px}.hero-panel{padding:19px;min-height:330px}.hero-side{font-size:43px}.hero-bet strong{font-size:43px}.method-grid{grid-template-columns:1fr}.method-option{min-height:132px}.sim-controls,.lab-controls{grid-template-columns:1fr}.sim-control-actions{grid-column:auto}.sim-control-actions .btn{width:100%}.row-buttons{flex-direction:column;align-items:stretch}.login-frame{padding:34px 22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ORIGINAL JACKIE CHAN TABLE · restored as requested */
.live-dot,.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #34f0b79a}
.panel-kicker{font-size:9px;color:#93a6c0;font-weight:900;letter-spacing:.15em;display:flex;align-items:center;gap:8px}
.hero{min-height:390px;position:relative;overflow:hidden;border:1px solid #247280;border-radius:20px;background:radial-gradient(ellipse at 50% 105%,#084d5c7a,transparent 58%),radial-gradient(ellipse at 92% 13%,#113656b8,transparent 39%),linear-gradient(130deg,#071c2e 0%,#07111f 56%,#0b2033 100%);box-shadow:inset 0 0 60px #0004,0 9px 40px #032a3e3b;transition:border-color .2s,box-shadow .2s}
.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent, #00ffff0e 55%,transparent);mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hero.side-banker{border-color:#a42e58;box-shadow:inset 0 0 90px #ff476e08,0 9px 40px #fd164c25;background:radial-gradient(ellipse at 50% 105%,#6521387a,transparent 58%),radial-gradient(ellipse at 92% 13%,#2b153cb8,transparent 39%),linear-gradient(130deg,#240e1e,#0b1424 56%,#21122a)}
.hero.side-player{border-color:#2769ad;box-shadow:inset 0 0 90px #4f9eff0a,0 9px 40px #1855cd28;background:radial-gradient(ellipse at 50% 105%,#093e877a,transparent 58%),radial-gradient(ellipse at 92% 13%,#133862b8,transparent 39%),linear-gradient(130deg,#10142e,#0a1428 56%,#122c47)}
.hero.is-paused{border-color:#b47b38;background:linear-gradient(125deg,#30201a,#111c29 60%,#25221c)}
.hero.is-limited{border-color:#f55f68;background:linear-gradient(125deg,#341626,#181121 64%,#352025)}
.hero-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-ring{border:1px solid #00e6f012;border-radius:50%;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%)}
.hero-radar{position:absolute;left:50%;top:50%;height:1px;width:74%;background:linear-gradient(90deg,transparent,#5dbeec31,transparent);transform:translate(-50%,-50%)}
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 24px 24px;min-height:390px}
.hero-topline{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:18px;left:0;padding:0 23px;color:#6f98aa;font-size:9px;letter-spacing:.17em;font-weight:850}
.hero-pulse{display:flex;align-items:center;gap:9px}
.pulse-signal{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #00fcdb12,0 0 16px #00fcdb;animation:breathe 2.4s ease-in-out infinite}
.state-chip{font-size:8px;letter-spacing:.18em;border:1px solid #15766f;background:#04342e8c;border-radius:100px;color:#5dffdb;font-weight:900;padding:6px 14px;margin:25px 0 15px}
.hero-category{font-size:10px;color:#93becb;font-weight:800;letter-spacing:.22em}
.hero-side{font-size:clamp(34px,3.55vw,64px);font-weight:950;letter-spacing:-.055em;line-height:1.02;margin-top:8px;white-space:normal}
.hero-side span{color:var(--cyan);text-shadow:0 0 34px #00dede66}
.hero.side-banker .hero-side,.hero.side-banker .hero-side span{color:#ff587c;text-shadow:0 0 26px #ff476e65}
.hero.side-player .hero-side,.hero.side-player .hero-side span{color:#65aaff;text-shadow:0 0 26px #3582ed79}
.hero-translation{color:#91b0c9;font-size:12px;letter-spacing:.02em;margin-top:10px}
.hero-stake-wrap{margin-top:22px;display:flex;flex-direction:column;align-items:center}
.stake-label{font-size:9px;letter-spacing:.22em;font-weight:900;color:#94a6b8}
.stake-value{color:#d7fff8;line-height:1;font-size:clamp(47px,4vw,70px);font-weight:900;letter-spacing:-.065em;margin-top:4px;text-shadow:0 0 27px #00eecc32}
.hero.side-banker .stake-value{color:#ffd3dc;text-shadow:0 0 27px #f5678560}
.hero.side-player .stake-value{color:#d1e8ff;text-shadow:0 0 27px #4b91ff45}
.unit-sub{font-size:10px;color:#7096b0;margin-top:7px}
.hero-bottom{max-width:80%;width:100%;margin-top:21px}
.hero-divider{height:1px;width:100%;display:block;background:linear-gradient(90deg,transparent,#317f8c87,transparent)}
.hero-bottom p{margin:12px auto 0;max-width:550px;font-size:11px;color:#91b4c6;line-height:1.5}
.action-panel{padding:20px 22px 13px}
.action-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}
.action-header h2,.road-top h2{margin:3px 0 1px;font-size:19px;font-weight:820;letter-spacing:-.03em}
.action-header p{margin:4px 0 0;color:#8599b2;font-size:11px}
.action-keys{color:#506983;font-size:9px;font-weight:850;white-space:nowrap;letter-spacing:.1em}
.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.outcome-button{min-height:94px;border-radius:12px;padding:13px 6px;border:1px solid #34465d;background:#13233a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;transition:transform .15s,border .15s,background .15s,box-shadow .15s}
.outcome-button:hover{transform:translateY(-3px)}
.outcome-button .outcome-icon{font-size:17px;margin-bottom:2px}
.outcome-button strong{font-size:15px;font-weight:900;letter-spacing:.06em}
.outcome-button span:last-child{font-size:9px;font-weight:700;letter-spacing:.1em;color:#adc0d3}
.banker-button,.lose-button{border-color:#9b3154;background:linear-gradient(#542135ad,#39192bb8);color:#ff95b0}
.banker-button:hover,.lose-button:hover{box-shadow:0 5px 25px #fa416f27;border-color:#ff5c84}
.player-button{border-color:#2e65ad;background:linear-gradient(#1f3b75ad,#122c55af);color:#88bfff}
.player-button:hover{box-shadow:0 5px 25px #3d8aff30;border-color:#6da8ff}
.win-button{border-color:#1d937b;background:linear-gradient(#165b4fb5,#103b3bb8);color:#70f9c9}
.win-button:hover{box-shadow:0 5px 25px #25edb82c;border-color:#4bfacb}
.tie-button{border-color:#4e6580;background:linear-gradient(#27374e,#1c2a3e);color:#cadcf0}
.tie-button:hover{border-color:#9cb8d7;box-shadow:0 5px 22px #8bb2ec1d}
.action-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #26364d;padding-top:12px;margin-top:18px;color:#607991;font-size:9px}
.action-footer strong{color:#a6c0cf;letter-spacing:.06em}
.outcome-button.tie-button{border-color:#13975f;background:linear-gradient(155deg,#0b5d43,#0b342b);color:#9bffe0;box-shadow:inset 0 0 20px #14f9a514}
.outcome-button.tie-button:hover{border-color:#4fffd2;box-shadow:0 5px 26px #28f6ac3a}
.outcome-button.banker-button{border-color:#af355a;background:linear-gradient(160deg,#662037,#35152a);color:#ff9db6}
.outcome-button.player-button{border-color:#3a79d2;background:linear-gradient(160deg,#1b488a,#182b51);color:#a5cdff}
.outcome-button.banker-button:hover{border-color:#ff607e;box-shadow:0 5px 25px #fb416e38}
.outcome-button.player-button:hover{border-color:#72b9ff;box-shadow:0 5px 25px #3b8aff38}
.outcome-button span:last-child{font-size:9px;line-height:1.25;font-weight:900;letter-spacing:.06em;color:inherit;opacity:.9}
.outcome-button .outcome-icon{filter:drop-shadow(0 0 6px currentColor)}
.observe-quick.banker-button{background:rgba(239,54,85,.16);border:1px solid rgba(239,54,85,.44);color:#ff718b}
.observe-quick.player-button{background:rgba(55,143,253,.17);border:1px solid rgba(55,143,253,.44);color:#84bdff}
.observe-quick.tie-button{background:rgba(25,205,126,.15);border:1px solid rgba(25,205,126,.44);color:#65ffb8}
.panel-kicker{color:#b8a077;letter-spacing:.19em}
.hero{border:1px solid #b79556;border-radius:22px;min-height:409px;
  background:radial-gradient(ellipse at 52% 110%,#98712f2c,transparent 62%),
  radial-gradient(ellipse at 89% 0%,#ac82481a,transparent 50%),
  linear-gradient(143deg,#221a11,#0a0b0a 47%,#17130c);
  box-shadow:0 20px 70px #0008,0 0 0 1px #ffdaa918,inset 0 1px #fff2c22a;}
.hero::before{content:"";position:absolute;z-index:1;inset:10px;border:1px solid #b9994e37;border-radius:15px;pointer-events:none}
.hero:after{background:linear-gradient(90deg,transparent,#ffd37d0a 53%,transparent);mask-image:linear-gradient(#000,transparent 84%)}
.hero-overlay{opacity:.75}
.hero-ring,.hero-radar{border-color:#9e743e4a!important}
.hero.side-banker{border-color:#d64b68;background:radial-gradient(ellipse at 50% 102%,#7c203c4c,transparent 57%),linear-gradient(125deg,#1d0c12,#0c0a0a 55%,#23120f)}
.hero.side-player{border-color:#3d8ee9;background:radial-gradient(ellipse at 50% 102%,#135eac4c,transparent 57%),linear-gradient(125deg,#0c1625,#090b0f 55%,#0e233d)}
.hero.is-paused{border-color:#dbac5e;background:radial-gradient(ellipse at 52% 107%,#c48c3432,transparent 60%),linear-gradient(135deg,#1c1710,#0e0d0c,#1e1a12)}
.hero-pulse{color:#edc77c;letter-spacing:.21em}
.pulse-signal{background:#f2c872!important;box-shadow:0 0 11px #efb94f!important}
.hero-index{color:#b29c72}
.state-chip{border-color:#826639!important;color:#e6c687!important;background:#20180d!important}
.hero-category{color:#e3c58c}
.hero-side{font-weight:950;letter-spacing:-.045em;color:#fff0cb;text-shadow:0 3px 30px #e4be5a27}
.hero-side span{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.hero.side-banker .hero-side,.hero.side-banker .hero-side span{background:none;color:#ff7291;text-shadow:0 0 27px #f92f6375}
.hero.side-player .hero-side,.hero.side-player .hero-side span{background:none;color:#75baff;text-shadow:0 0 27px #307ad279}
.hero-translation{color:#bdac91}
.stake-label{color:#bb9e6d}
.stake-value{color:#ffe4ac;text-shadow:0 0 38px #ddb15d2e;font-variant-numeric:tabular-nums}
.hero.side-banker .stake-value{color:#ffb1ba}
.hero.side-player .stake-value{color:#aad6ff}
.unit-sub,#heroReason{color:#bea988}
.hero-divider{background:linear-gradient(90deg,transparent,#dfb967,transparent)!important}
.action-panel{border-color:#6e5534}
.action-header h2,.road-top h2,.history-panel h2{color:#f4e6c9}
.action-footer{border-color:#61503870;color:#b2a18a}
.outcome-button.banker-button,.observe-quick.banker-button{border-color:#e05272!important;background:linear-gradient(160deg,#6b1834,#310f1e)!important;color:#ffc0cf!important}
.outcome-button.player-button,.observe-quick.player-button{border-color:#3c88ed!important;background:linear-gradient(160deg,#184d9a,#0d254e)!important;color:#badaff!important}
.outcome-button.tie-button,.observe-quick.tie-button{border-color:#16b96e!important;background:linear-gradient(160deg,#075a3b,#0b3025)!important;color:#9dffcf!important}
.outcome-button:hover:not(:disabled){filter:brightness(1.13)}
.panel-kicker{color:#90cba8}
.hero{border:1px solid #168958;background:
  radial-gradient(ellipse 61% 62% at 50% 107%,rgba(0,191,110,.19),transparent 72%),
  radial-gradient(ellipse 55% 58% at 97% 5%,rgba(7,92,57,.33),transparent 75%),
  linear-gradient(143deg,#092519,#030d0a 54%,#0b291b);
  box-shadow:inset 0 0 78px #0008,0 9px 42px #00482936,0 0 0 1px #55ff9131}
.hero:after{background:linear-gradient(115deg,transparent,#62ffac0a 54%,transparent)}
.hero-ring{border-color:#73ffbb28}
.hero-radar{border-color:#52ffa625}
.hero-pulse{color:#89ffbd}
.pulse-signal{background:#48ffa0;box-shadow:0 0 20px #34ffa8}
.hero-index{color:#7abf97}
.hero-topline{border-color:#1f73504a}
.hero-category{color:#95cbae}
.hero-content::before{background:linear-gradient(90deg,transparent,#7affb633,transparent)}
.hero-side{color:#a9ffd0;text-shadow:0 0 33px #21ff9430}
.hero-side span{color:#72ffad;text-shadow:0 0 31px #13ffa577}
.hero.side-banker .hero-side{color:#ffa8c0;text-shadow:0 0 26px #ee25514b}
.hero.side-banker .hero-side span{color:#ff92a9}
.hero.side-player .hero-side{color:#a0d2ff;text-shadow:0 0 26px #2789ff5c}
.hero.side-player .hero-side span{color:#8bc3ff}
.hero-translation,.unit-sub,#heroReason{color:#a2c1ac}
.stake-label{color:#7cbf98}
.stake-value{color:#dcffe9;text-shadow:0 0 41px #2bffa850}
.hero.side-banker .stake-value{color:#ffb5be}
.hero.side-player .stake-value{color:#b2dbff}
.hero-divider{background:linear-gradient(90deg,transparent,#32e993,transparent)!important}
.action-panel{border-color:#24774c}
.action-header h2,.road-top h2,.history-panel h2{color:#e4fff0}
.action-footer,.road-top,.history-panel .history-count{border-color:#24543e;color:#88b99e}
.outcome-button.banker-button,.observe-quick.banker-button{background:linear-gradient(160deg,#6b1834,#310f1e)!important;color:#ffc0cf!important;border-color:#e05272!important}
.outcome-button.player-button,.observe-quick.player-button{background:linear-gradient(160deg,#184d9a,#0d254e)!important;color:#badaff!important;border-color:#3c88ed!important}
.outcome-button.tie-button,.observe-quick.tie-button{background:linear-gradient(160deg,#075a3b,#0b3025)!important;color:#9dffcf!important;border-color:#16b96e!important}
.state-chip{border-color:#2eaa70!important;color:#b0ffd4!important;background:#0a422a!important;box-shadow:0 0 20px #25ed8a21!important}
.hero-ring,.ring-two{border-color:#5dffb226!important}
.hero-radar{background:linear-gradient(90deg,transparent,#36ec9055,transparent)!important}
.hero.side-banker .state-chip{border-color:#ab4266!important;color:#ffc0cc!important;background:#40172a!important}
.hero.side-player .state-chip{border-color:#347bd5!important;color:#badbff!important;background:#0c2b56!important}
.panel-kicker{color:#e7a0b9}
.hero{border:1px solid #c02663;background:
  radial-gradient(ellipse 72% 65% at 50% 108%,rgba(227,13,79,.26),transparent 75%),
  radial-gradient(ellipse 55% 55% at 94% 5%,rgba(110,12,49,.32),transparent 75%),
  linear-gradient(145deg,#3f0b26,#0b050d 56%,#25091d);
  box-shadow:inset 0 0 77px #0008,0 12px 46px #46062066,0 0 0 1px #ff619a36}
.hero:after{background:linear-gradient(115deg,transparent,#ff71aa0d 54%,transparent)}
.hero-ring{border-color:#ff8ab335}
.hero-radar{border-color:#e3478e28}
.hero-pulse{color:#ffadce}
.pulse-signal{background:#ff5898;box-shadow:0 0 19px #ff417e}
.hero-index{color:#d18cae}
.hero-topline{border-color:#8d30574e}
.hero-category{color:#eeb2ce}
.hero-content::before{background:linear-gradient(90deg,transparent,#ff89ba55,transparent)}
.hero-side{color:#ffbad4;text-shadow:0 0 34px #ef38783b}
.hero-side span{background:var(--gold-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.hero.side-banker .hero-side{color:#ff9ab5;text-shadow:0 0 29px #ff204869}
.hero.side-banker .hero-side span{background:none;color:#ff849f}
.hero.side-player .hero-side{color:#a0d2ff;text-shadow:0 0 29px #3b89ff69}
.hero.side-player .hero-side span{background:none;color:#8bc5ff}
.hero-translation,.unit-sub,#heroReason{color:#d8adbf}
.stake-label{color:#f3a9c4}
.stake-value{color:#ffe9f2;text-shadow:0 0 42px #fd267967}
.hero.side-banker .stake-value{color:#ffb2c3}
.hero.side-player .stake-value{color:#b2dcff}
.hero-divider{background:linear-gradient(90deg,transparent,#ff4d98,transparent)!important}
.action-panel{border-color:#85304e}
.action-header h2,.road-top h2,.history-panel h2{color:#ffe4ef}
.action-footer,.road-top{border-color:#78334e;color:#c58fa9}
.outcome-button.banker-button,.observe-quick.banker-button{background:linear-gradient(160deg,#8b1031,#3b0818)!important;color:#ffbfcb!important;border-color:#f14f6d!important}
.outcome-button.player-button,.observe-quick.player-button{background:linear-gradient(160deg,#154c9b,#071d42)!important;color:#c3dcff!important;border-color:#4598ff!important}
.outcome-button.tie-button,.observe-quick.tie-button{background:linear-gradient(160deg,#086940,#082f24)!important;color:#a9ffe0!important;border-color:#32d990!important}
.panel,.hero,.metric-card,.preset-card,.gold-preset-card{border-color:#6b2c24}
.hero{box-shadow:inset 0 0 60px #0004,0 9px 40px #631d1326}
/* Keep the old original action arrangement and vivid red/blue/green even in the small Dragon Red shell. */
:root {--gold-gradient:linear-gradient(115deg,#8f682c 0%,#edcf88 23%,#fff0c9 42%,#c29545 70%,#ffdc89 100%);--cyan:#f6c44f;--cyan2:#ffe08f;}
.table-main .hero {margin:0;min-height:390px;width:100%}
.table-main .hero-content {min-height:390px}
.table-main .hero-side {font-size:clamp(34px,5vw,64px);font-weight:950}
.table-main .action-panel {margin-top:15px;padding:20px 22px 14px}
.table-main .action-header {margin-bottom:19px}
.table-main .panel-kicker {letter-spacing:.18em;color:#efd0a5;font-size:10px;font-weight:900}
.table-main .outcome-button {min-height:96px;touch-action:manipulation}
.table-main .outcome-button.banker-button {border-color:#ff556b!important;background:linear-gradient(160deg,#8c122e,#3c0a18)!important;color:#ffd1d6!important;box-shadow:inset 0 0 15px #fa476a17}
.table-main .outcome-button.player-button {border-color:#4598ff!important;background:linear-gradient(160deg,#1553aa,#0b244c)!important;color:#dbecff!important;box-shadow:inset 0 0 15px #4598ff18}
.table-main .outcome-button.tie-button {border-color:#2fe49e!important;background:linear-gradient(160deg,#087247,#082f25)!important;color:#bbffe3!important}
.table-main .outcome-button:hover:not(:disabled) {filter:brightness(1.14)}
.table-main .outcome-button strong {font-weight:950}
.table-main .hero.side-banker .hero-side,.table-main .hero.side-banker .hero-side span {color:#ff8fa2!important;background:none!important;text-shadow:0 0 28px #ff456755!important}
.table-main .hero.side-player .hero-side,.table-main .hero.side-player .hero-side span {color:#9ecfff!important;background:none!important;text-shadow:0 0 28px #397bff65!important}
.table-main .hero.side-banker .stake-value {color:#ffb8c9!important}
.table-main .hero.side-player .stake-value {color:#bbdcff!important}
.table-main .action-message {font-size:12px;color:#f6d7b4;min-height:0;margin-top:10px}
.table-main .action-message:empty {display:none}
.table-main .action-message.last-win {color:#8ef7c1}
.table-main .action-message.last-loss {color:#ffac9e}
.table-main .action-footer {margin-top:13px;gap:7px;flex-wrap:wrap}
/* The color on both controls follows the next predicted side, rather than keeping fixed colors. */
@media(max-width:700px){
 .table-main .hero{min-height:340px;border-radius:18px}
 .table-main .hero-content{min-height:340px;padding:22px 13px 22px}
 .table-main .hero-topline{font-size:8px;padding:0 15px;top:14px;gap:9px}
 .table-main .state-chip{margin:29px 0 12px;font-size:8px;padding:6px 11px}
 .table-main .hero-category{font-size:9px}
 .table-main .hero-side{font-size:clamp(30px,8vw,47px);margin-top:10px;line-height:1.14}
 .table-main .hero-translation{font-size:12px}
 .table-main .hero-stake-wrap{margin-top:17px}
 .table-main .stake-value{font-size:clamp(40px,11vw,58px)}
 .table-main .hero-bottom{margin-top:15px;max-width:93%}
 .table-main .action-panel{padding:15px 12px 12px}
 .table-main .actions{gap:6px}
 .table-main .outcome-button{min-height:91px;padding:11px 4px;border-radius:11px}
 .table-main .outcome-button strong{font-size:13px;letter-spacing:.015em}
 .table-main .outcome-button span:last-child{font-size:9px;letter-spacing:0}
 .table-main .action-header{align-items:start;gap:8px}
 .table-main .action-header h2{font-size:16px}
 .table-main .action-keys{font-size:8px}
}
@media(max-width:360px){.table-main .outcome-button strong{font-size:12px}.table-main .hero-side{font-size:31px}}