:root{--bg:#07090c;--surface:#0f1419;--surface2:#141a20;--line:#29323b;--text:#f5f7fa;--muted:#8c98a8;--gold:#e1b84d;--banker:#ee3d49;--player:#1682ff;--tie:#18b775;--good:#2fd18b;--bad:#ff6671;--radius:16px;--shadow:0 18px 45px rgba(0,0,0,.28);--sidebar:220px}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% -12%,#3b070b 0,rgba(59,7,11,.25) 23%,transparent 48%),#07090c;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 12px;background:linear-gradient(180deg,#08090b 0,#17080a 60%,#380609 100%);border-right:1px solid #311d20;box-shadow:12px 0 35px rgba(0,0,0,.18);z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 20px}.brand-icon{font-size:34px;color:var(--gold);filter:drop-shadow(0 4px 12px #8f651788)}.brand strong{display:block;font:700 17px Georgia,serif;letter-spacing:1.8px;color:#f2cc68}.brand small{display:block;margin-top:2px;font-size:7px;letter-spacing:2.2px;color:#a7863a}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#b9c0ca;padding:12px 11px;border-radius:11px;text-align:left;font-weight:720;display:flex;align-items:center;gap:11px}.sidebar nav button i{font-style:normal;width:21px;text-align:center;font-size:18px}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,#5e0a11,#2b0d10);color:#fff;box-shadow:inset 3px 0 var(--banker)}.sidebar-foot{position:absolute;left:16px;right:16px;bottom:18px;padding-top:14px;border-top:1px solid #332326;display:grid;gap:2px}.sidebar-foot b{font-size:12px;color:#f0d37f}.sidebar-foot span{font-size:10px;color:#a8aeb8}.sidebar-foot small{font-size:9px;color:#7f8793}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:76px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(7,9,12,.9);backdrop-filter:blur(16px);border-bottom:1px solid #2a2022}.topbar h1{font-size:22px;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.shoe-chip{padding:7px 11px;border:1px solid #333b44;background:#0d1115;border-radius:11px;display:grid}.shoe-chip small{font-size:7px;color:#7d8795;letter-spacing:1.2px}.shoe-chip b{font-size:13px}.role-switch{border:1px solid #4b3436;background:#201417;color:#f0d37f;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:1px}.role-switch.large{min-width:110px}.content{width:min(1240px,100%);margin:0 auto;padding:16px;display:grid;gap:14px}.panel,.recommend,.kpi-strip{background:linear-gradient(180deg,rgba(17,21,26,.97),rgba(10,13,16,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.recommend{overflow:hidden}.recommend.player{box-shadow:inset 4px 0 var(--player),var(--shadow)}.recommend.banker{box-shadow:inset 4px 0 var(--banker),var(--shadow)}.recommend.pass{box-shadow:inset 4px 0 var(--gold),var(--shadow)}.recommend-head,.recommend-foot{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;color:#9ca5b1;font-size:9px;letter-spacing:.7px}.recommend-head{border-bottom:1px solid #252b31}.recommend-foot{border-top:1px solid #252b31}.recommend-foot b{color:#e9cd7a}.live-dot{color:#73d8a1;font-weight:850}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#28d17f;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #28d17f}.recommend-main{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.recommend-main small{font-size:8px;letter-spacing:1.6px;color:#768190}.recommend-main h1{font-size:29px;line-height:1;margin:5px 0 7px}.recommend.player h1 span{color:#5da5ff}.recommend.banker h1 span{color:#ff6772}.recommend-main p{margin:0;color:#a9b0ba;font-size:11px;line-height:1.45;max-width:770px}.score-ring{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;background:radial-gradient(circle at center,#11161b 57%,transparent 58%),conic-gradient(var(--gold) calc(var(--score)*1%),#313840 0);box-shadow:0 0 0 5px #0e1216}.score-ring b{font-size:21px}.score-ring small{text-align:center;font-size:7px!important;line-height:1.15}
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.kpi-strip>div{padding:13px 15px;border-right:1px solid #252b31}.kpi-strip>div:last-child{border-right:0}.kpi-strip small{display:block;font-size:7px;color:#7f8997;letter-spacing:1.1px}.kpi-strip b{display:block;font-size:21px;margin-top:3px}.panel{padding:14px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.section-title small{color:#707b89;font-size:7px;letter-spacing:1.4px}.section-title h2{font-size:15px;margin:2px 0 0}.section-title>span{font-size:9px;color:#89929e}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide-left{grid-template-columns:1.35fr .9fr}.distribution{display:grid;gap:7px}.distribution>div{display:grid;grid-template-columns:12px 1fr 35px 55px;align-items:center;border-bottom:1px solid #242a30;padding-bottom:7px;font-size:10px}.distribution em{font-style:normal;color:#7f8997;text-align:right}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-kpis>div{background:#0b0e12;border:1px solid #252b31;border-radius:10px;padding:10px}.mini-kpis small{display:block;color:#747e8b;font-size:7px;letter-spacing:.9px}.mini-kpis b{font-size:17px}.good{color:var(--good)!important}.bad{color:var(--bad)!important}
.outcome-buttons{display:grid;grid-template-columns:1fr .6fr 1fr;gap:9px}.outcome{border:0;border-radius:13px;padding:15px 10px;color:white;display:flex;flex-direction:column;gap:3px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 16px #0005}.outcome span{font-size:9px;letter-spacing:1.3px;opacity:.86}.outcome b{font-size:16px}.outcome.player{background:linear-gradient(160deg,#2d8cff,#0b438f)}.outcome.banker{background:linear-gradient(160deg,#f24b57,#86141f)}.outcome.tie{background:linear-gradient(160deg,#27c47a,#087847)}.outcome:active{transform:translateY(1px);filter:brightness(.93)}.admin-tools{display:flex;align-items:center;gap:9px;margin-top:10px}.admin-tools button,.secondary-btn,.danger-btn{border:1px solid #343b44;background:#15191e;color:#cbd0d8;border-radius:10px;padding:9px 11px;font-size:9px;font-weight:750}.admin-tools button:disabled{opacity:.35}.admin-tools .danger,.danger-btn{margin-left:auto;color:#ff8a94;border-color:#55242a;background:#211114}.admin-tools label{display:flex;align-items:center;gap:7px;font-size:9px;color:#9ca5b1}.admin-tools input{accent-color:var(--gold);width:130px}.admin-tools label b{color:#f1d27a}.view-note{display:flex;align-items:center;gap:10px;border-color:#44372d}.view-note b{color:#f0cf79}.view-note span{font-size:10px;color:#9aa3ad}
.legend{font-size:8px;color:#8c95a1;display:flex;align-items:center;gap:5px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.banker{background:var(--banker)}.dot.player{background:var(--player)}.dot.tie{background:var(--tie)}.road-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #2b3138;border-radius:10px;background:#080b0e;scrollbar-width:thin}.road-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,28px);grid-template-columns:repeat(var(--cols),28px);width:max-content;min-width:100%;padding:6px}.road-cell{width:28px;height:28px;border-right:1px solid #1f242a;border-bottom:1px solid #1f242a;display:flex;align-items:center;justify-content:center;position:relative}.big-mark{width:20px;height:20px;border-radius:50%;display:block;border:3px solid;position:relative}.big-mark.banker{border-color:var(--banker)}.big-mark.player{border-color:var(--player)}.big-mark.tie{border-color:var(--tie);color:var(--tie);font-size:9px;text-align:center;line-height:14px}.big-mark i{position:absolute;right:-7px;top:-6px;font-style:normal;font-size:7px;color:#5fe2a8;background:#08251a;border-radius:999px;min-width:12px;height:12px;line-height:12px;text-align:center}.bead{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;color:white}.bead.banker{background:var(--banker)}.bead.player{background:var(--player)}.bead.tie{background:var(--tie)}.subroad{margin-top:9px}.subroad-title{font-size:8px;color:#7e8793;margin:0 0 4px 3px}
.pattern-list{display:grid;gap:1px;background:#22272d;border:1px solid #282e35;border-radius:11px;overflow:hidden}.pattern-row{background:#0d1115;display:grid;grid-template-columns:26px minmax(0,1fr) auto 48px;gap:9px;align-items:center;padding:9px}.pattern-row .rank{color:#59616d;text-align:center}.pattern-row b{font-size:10px}.pattern-row small{display:block;color:#7f8995;font-size:8px;margin-top:2px;line-height:1.35}.pattern-row strong{text-align:right;font-size:11px}.prediction,.mini{font-size:8px;font-weight:800;border-radius:999px;padding:4px 7px;white-space:nowrap}.prediction.player,.mini.player{background:#103d73;color:#80b7ff}.prediction.banker,.mini.banker{background:#5b161d;color:#ff8a94}.prediction.tie,.mini.tie{background:#0a4b31;color:#70e1ae}.perf-row,.archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #242a30}.perf-row:last-child,.archive-row:last-child{border-bottom:0}.perf-row b,.archive-row b{font-size:10px}.perf-row small,.archive-row small{display:block;color:#7a8491;font-size:8px;margin-top:2px}.perf-row span,.archive-row span{font-size:9px;color:#aab1bb}.perf-row strong,.archive-row strong{font-size:10px}.archive-row{grid-template-columns:minmax(0,1.5fr) .7fr .7fr .7fr .7fr}.note-panel b{font-size:11px;color:#f0d27a}.note-panel p{font-size:9px;color:#8f98a5;line-height:1.5;margin:6px 0 0}
.table-wrap{overflow:auto;border:1px solid #292f36;border-radius:10px}table{border-collapse:collapse;width:100%;min-width:720px;font-size:9px}th,td{text-align:left;padding:8px 9px;border-bottom:1px solid #21272d}th{color:#747e8c;font-size:7px;letter-spacing:.7px;background:#0a0d10;position:sticky;top:0}td{color:#b7bec7}.reason-cell{min-width:320px;color:#828c99}.empty{text-align:center;color:#6f7783;padding:20px!important}.settings-panel{max-width:820px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #252b31}.setting-row:last-child{border-bottom:0}.setting-row b{font-size:11px}.setting-row small{display:block;color:#7f8996;font-size:9px;margin-top:3px}.setting-row input{accent-color:var(--gold)}.setting-row strong{color:#f0d27a}.mobile-nav{display:none}footer{display:flex;justify-content:space-between;gap:12px;padding:15px 18px 24px;color:#5f6874;font-size:8px}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.main{padding-bottom:68px}.topbar{height:66px;padding:10px 12px}.topbar h1{font-size:18px}.topbar p{font-size:8px}.content{padding:10px;gap:10px}.two-col,.wide-left{grid-template-columns:1fr}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,9,11,.96);backdrop-filter:blur(14px);border-top:1px solid #332326;padding:5px 6px max(5px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#7e8794;border-radius:10px;display:grid;place-items:center;align-content:center;gap:1px;font-size:7px}.mobile-nav button i{font-style:normal;font-size:17px}.mobile-nav button.active{background:#3b0b10;color:#fff}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi-strip>div:nth-child(2){border-right:0}.kpi-strip>div:nth-child(-n+2){border-bottom:1px solid #252b31}.archive-row{grid-template-columns:1.5fr .7fr .7fr}.archive-row span:nth-of-type(3){display:none}.setting-row{grid-template-columns:1fr auto}.setting-row input{grid-column:1/3;width:100%}.settings-panel{max-width:none}}
@media(max-width:620px){.shoe-chip{display:none}.role-switch{padding:8px 9px}.recommend-main{padding:13px}.recommend-main h1{font-size:24px}.recommend-main p{font-size:9px;max-width:245px}.score-ring{width:72px;height:72px}.score-ring b{font-size:17px}.panel{padding:11px}.outcome-buttons{gap:6px}.outcome{padding:13px 6px}.outcome b{font-size:14px}.admin-tools{display:grid;grid-template-columns:auto 1fr auto;gap:6px}.admin-tools label{justify-content:center}.admin-tools input{width:84px}.road-grid{grid-template-rows:repeat(6,26px);grid-template-columns:repeat(var(--cols),26px)}.road-cell{width:26px;height:26px}.pattern-row{grid-template-columns:20px minmax(0,1fr) auto 40px;gap:5px;padding:8px 6px}.pattern-row small{font-size:7px}.archive-row{grid-template-columns:1fr auto auto}.archive-row span:nth-of-type(2),.archive-row span:nth-of-type(3){display:none}.setting-row{grid-template-columns:1fr auto}footer{flex-direction:column;padding:12px 10px 80px}.legend{font-size:7px}.section-title h2{font-size:13px}}

/* Baccarat Professional — luxury casino visual system */
:root{
  --bg:#070503;--surface:#0d0b0a;--surface2:#12100e;--line:rgba(222,174,74,.34);--text:#fffaf1;--muted:#a99e90;
  --gold:#e6b74e;--gold2:#ffd97b;--gold3:#9d6718;--banker:#e42630;--player:#0f6ce8;--tie:#12b95c;--good:#35e77b;--bad:#ff4b55;
  --radius:15px;--shadow:0 18px 48px rgba(0,0,0,.42),0 0 0 1px rgba(255,224,151,.025);--sidebar:238px
}
html{color-scheme:dark;background:#050403}body{background:
 radial-gradient(circle at 82% 7%,rgba(201,50,27,.12),transparent 30%),
 radial-gradient(circle at 16% 18%,rgba(255,184,61,.07),transparent 27%),
 linear-gradient(120deg,#080503 0,#0b0705 42%,#120704 72%,#080503 100%)!important;color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 9% 10%,rgba(255,210,113,.13) 0 1px,transparent 2px),
 radial-gradient(circle at 12% 16%,rgba(255,203,88,.09) 0 2px,transparent 3px),
 linear-gradient(90deg,rgba(255,255,255,.015),transparent 28%,rgba(125,22,9,.06) 62%,transparent);background-size:170px 170px,240px 240px,100% 100%}
.app-shell{background:transparent}.sidebar{padding:20px 14px;background:
 linear-gradient(180deg,rgba(7,5,4,.98),rgba(19,7,5,.98) 58%,rgba(43,6,6,.98)),
 radial-gradient(circle at 50% 12%,rgba(232,176,65,.08),transparent 23%);border-right:1px solid rgba(224,176,75,.28);box-shadow:14px 0 44px rgba(0,0,0,.42)}
.brand{gap:13px;padding:5px 7px 25px;border-bottom:1px solid rgba(230,183,78,.16);margin-bottom:13px}.brand-icon{position:relative;width:62px;height:62px;border:1px solid rgba(245,203,109,.62);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 35%,#4a190b,#160806 62%,#050403);box-shadow:0 0 0 4px rgba(230,183,78,.05),0 12px 28px rgba(0,0,0,.5);filter:none}.brand-spade{font-size:35px;line-height:1;background:linear-gradient(180deg,#fff0a8,#d69928 68%,#8e5411);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-crown{position:absolute;top:-13px;font-size:20px;color:#ffd878;text-shadow:0 2px 8px rgba(237,177,57,.62)}.brand strong{display:block;font:700 20px/1.03 Georgia,'Times New Roman',serif;letter-spacing:1.6px;color:#f4d477;text-shadow:0 1px 18px rgba(236,181,65,.15)}.brand .brand-pro{font-size:12px;letter-spacing:3.1px;color:#e9be57;margin-top:4px}.brand small{margin-top:8px;font-size:6.5px;letter-spacing:1.65px;color:#a98948}.sidebar nav{gap:6px}.sidebar nav button{padding:12px 12px;border:1px solid transparent;border-radius:10px;color:#c8c0b7;font-weight:680;transition:.18s ease}.sidebar nav button i{color:#e7b749;font-size:18px}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,#b8141c,#5c090d);border-color:#e22b34;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 22px rgba(122,8,13,.28)}.sidebar nav button.active i{color:#fff3cc}.sidebar-motto{position:absolute;left:20px;right:20px;bottom:110px;text-align:center;padding:14px 10px;border:1px solid rgba(222,174,74,.2);border-radius:12px;background:linear-gradient(180deg,rgba(79,25,11,.28),rgba(13,8,6,.18));color:#b68b3c}.sidebar-motto span,.sidebar-motto b{display:block;font-family:Georgia,serif;letter-spacing:2.6px}.sidebar-motto span{font-size:10px}.sidebar-motto b{font-size:13px;margin-top:4px;color:#e2bb63}.sidebar-motto i{font-style:normal;display:block;margin-top:8px;color:#d8aa43;font-size:17px}.sidebar-foot{bottom:22px;border-top:1px solid rgba(222,174,74,.18)}.sidebar-foot b{color:#f1cc75}
.topbar{height:104px;padding:12px 22px;background:
 linear-gradient(90deg,rgba(8,6,4,.97),rgba(23,9,5,.95) 57%,rgba(48,8,5,.94)),
 radial-gradient(circle at 78% 22%,rgba(238,151,43,.12),transparent 26%);border-bottom:1px solid rgba(230,183,78,.44);box-shadow:0 10px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.topbar-copy{min-width:0}.page-kicker{font-size:7px;letter-spacing:2.4px;color:#b98b38;margin-bottom:4px}.topbar h1{font:700 27px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.25px;color:#fff7e7}.topbar p{color:#a99e90;font-size:9px}.topbar-signature{margin-left:auto;margin-right:18px;padding-right:22px;border-right:1px solid rgba(230,183,78,.24);text-align:right;color:#d8ad55;transform:rotate(-1deg)}.topbar-signature span,.topbar-signature b{display:block;font-family:Georgia,serif;font-style:italic;letter-spacing:.8px}.topbar-signature span{font-size:15px}.topbar-signature b{font-size:10px;color:#9b7a42;margin-top:2px}.shoe-chip{border:1px solid rgba(230,183,78,.34);background:linear-gradient(180deg,#14100c,#0a0806);border-radius:13px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.shoe-chip small{color:#9c7a3b}.shoe-chip b{color:#f6d27b}.role-switch{display:flex;align-items:center;gap:7px;border:1px solid rgba(238,191,91,.62);background:linear-gradient(180deg,#18110b,#090705);color:#f5d781;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.25)}.role-switch span{font-size:13px;color:#efbd53}
.content{width:min(1320px,100%);padding:18px;gap:15px}.panel,.recommend,.kpi-strip{background:
 linear-gradient(180deg,rgba(16,14,12,.97),rgba(8,8,7,.98));border:1px solid rgba(222,174,74,.34);box-shadow:0 20px 52px rgba(0,0,0,.36),inset 0 1px rgba(255,236,194,.025)}.panel{position:relative;overflow:hidden}.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,219,131,.36),transparent);pointer-events:none}.section-title small{color:#a17e3c}.section-title h2{color:#fff8eb}.section-title>span{color:#887e72}.recommend{border-color:rgba(222,174,74,.42)}.recommend-head,.recommend-foot{color:#9f958a;border-color:rgba(222,174,74,.12)}.recommend-main h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:.25px}.recommend.pass{box-shadow:inset 4px 0 var(--gold),var(--shadow)}.recommend.player{box-shadow:inset 4px 0 #1a79ef,var(--shadow)}.recommend.banker{box-shadow:inset 4px 0 #df232e,var(--shadow)}.recommend-foot b{color:#f1c863}.score-ring{background:radial-gradient(circle at center,#0d0b09 57%,transparent 58%),conic-gradient(#e3b049 calc(var(--score)*1%),#322717 0);box-shadow:0 0 0 5px #0a0806,0 0 26px rgba(223,173,69,.08)}.kpi-strip>div{border-color:rgba(222,174,74,.12)}.kpi-strip small{color:#a98a53}.kpi-strip b{font-family:Georgia,serif;color:#fff8ed}.good{color:#39e976!important;text-shadow:0 0 14px rgba(44,226,112,.12)}.bad{color:#ff4d57!important}
.outcome{border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 25px rgba(0,0,0,.32)}.outcome.player{background:linear-gradient(180deg,#1876f5,#0844a4)}.outcome.banker{background:linear-gradient(180deg,#e52b34,#8d0a12)}.outcome.tie{background:linear-gradient(180deg,#23c96d,#087d3d)}.admin-tools button,.secondary-btn,.danger-btn{border-color:rgba(222,174,74,.26);background:linear-gradient(180deg,#17130f,#0d0b09);color:#ded3c4}.admin-tools .danger,.danger-btn{color:#ff7b82;border-color:#7f2328;background:linear-gradient(180deg,#341113,#16090a)}.admin-tools label b{color:#f1c85e}.view-note b{color:#f3c85b}
.road-scroll{border-color:#82672f;background:#f4f1e9;box-shadow:inset 0 0 0 1px rgba(86,62,20,.08)}.road-grid{padding:5px}.road-cell{border-right:1px solid #c8c7c3;border-bottom:1px solid #c8c7c3}.big-mark{background:#fff}.big-mark.banker{border-color:#e12631}.big-mark.player{border-color:#0f70e8}.big-mark.tie{border-color:#12aa5d;color:#0e8d4d}.big-mark i{background:#e5fff0;color:#08763f}.bead.banker{background:#d8242f}.bead.player{background:#126fe3}.bead.tie{background:#11a95a}.subroad-title{color:#a48242}.legend{color:#b4a998}
.pattern-list{background:rgba(230,183,78,.12);border-color:rgba(222,174,74,.22)}.pattern-row{background:linear-gradient(180deg,#0f0d0b,#0b0a09)}.pattern-row b{color:#f4ecdf}.pattern-row small{color:#8f867c}.prediction.player,.mini.player{background:#0a376f;color:#8fc2ff}.prediction.banker,.mini.banker{background:#5b1116;color:#ff9da2}.prediction.tie,.mini.tie{background:#073e27;color:#85e6b0}.perf-row,.archive-row,.setting-row{border-color:rgba(222,174,74,.14)}.note-panel b{color:#f0c961}.table-wrap{border-color:rgba(222,174,74,.24)}th{background:#100d0a;color:#ad8d52}th,td{border-color:rgba(222,174,74,.1)}td{color:#cbc2b7}.reason-cell{color:#91877d}.empty{color:#7f756b}.setting-row strong{color:#efc55c}.mobile-nav{background:rgba(7,5,4,.97);border-top:1px solid rgba(230,183,78,.34)}.mobile-nav button{color:#8f8376}.mobile-nav button i{color:#d7a946}.mobile-nav button.active{background:linear-gradient(180deg,#8f0d14,#47080b);color:#fff}.mobile-nav button.active i{color:#ffe4a0}footer{border-top:1px solid rgba(222,174,74,.12);color:#746c63}.footer-brand{color:#c99a42;font-family:Georgia,serif;letter-spacing:.4px}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#59431f;border-radius:99px}::-webkit-scrollbar-track{background:#0a0806}
@media(max-width:1100px){.topbar-signature{display:none}.topbar{height:86px}.content{padding:14px}}
@media(max-width:900px){.topbar{height:78px;padding:9px 12px;background:linear-gradient(90deg,#0b0705,#2d0907 62%,#090604)}.page-kicker{font-size:6px}.topbar h1{font-size:21px}.topbar p{font-size:7.5px}.content{padding:10px}.mobile-nav{box-shadow:0 -8px 28px rgba(0,0,0,.45)}.panel,.recommend,.kpi-strip{border-color:rgba(222,174,74,.28)}}
@media(max-width:620px){.topbar h1{font-size:19px}.topbar p{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-switch{font-size:9px;padding:7px 8px}.recommend-main h1{font-size:23px}.road-scroll{border-radius:8px}.kpi-strip b{font-size:20px}}

/* Branding asset only — preserve original brand block dimensions */
.brand-logo{display:block;flex:1 1 auto;width:100%;height:62px;object-fit:contain;object-position:left center}