.game-play-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#283063,#15243b);border:1px solid #56609a;border-radius:17px;padding:20px 24px;margin-bottom:22px}.game-play-banner h2{margin:4px 0 8px}.game-tabs{display:flex;gap:10px;margin-bottom:18px}.game-tabs button{border:1px solid #39486c;border-radius:12px;background:#1a2542;color:#dbe6ff;padding:12px 19px;font-weight:750}.game-tabs button.active{border-color:#e4c47e;color:#f4d08b}.game-table{background:radial-gradient(ellipse at center,#156451,#0d3937 70%,#13243b);border:10px solid #273854;border-radius:40% 40% 20px 20px / 20% 20% 20px 20px;min-height:330px;padding:22px;box-shadow:inset 0 0 35px #0006;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.hand-label{font-size:11px;font-weight:900;letter-spacing:2px;color:#c5eadd}.hand{display:flex;gap:6px;min-height:100px;justify-content:center;flex-wrap:wrap;margin:10px 0}.playing-card{display:flex;flex-direction:column;justify-content:space-between;background:#f8f7f0;color:#162035;padding:9px 12px;width:65px;height:92px;border-radius:8px;font-size:25px;font-weight:900;box-shadow:0 3px 8px #0018}.playing-card small{font-size:20px;color:inherit}.playing-card.red{color:#d04456}.playing-card.back{background:linear-gradient(140deg,#4257a4,#172456);color:#f4c973;justify-content:center;text-align:center}.game-control{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}.game-control label{flex:1;min-width:130px;margin:0}.game-control button{min-width:110px}.game-note{color:#aabada;font-size:12px;line-height:1.6}.dice-stage{display:grid;place-items:center;min-height:220px;background:radial-gradient(circle at center,#354888,#171e3b 70%);border-radius:17px;border:1px solid #3d5079;margin-bottom:20px}.dice-result{font-size:clamp(64px,9vw,120px);font-weight:900;letter-spacing:-5px;color:#eac879}.dice-result.won{color:#88efc9}.dice-result.lost{color:#ff8d9d}.range-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.range-panel input{accent-color:#efc878;flex:1}.round-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #34405b;padding:13px 0}.round-line small{margin-left:auto}.game-panel-hidden{display:none!important}@media(max-width:620px){.game-play-banner{align-items:start;flex-direction:column}.playing-card{width:50px;height:77px;font-size:20px}.playing-card small{font-size:16px}.game-table{border-width:5px;min-height:290px}.game-control button{flex:1}}

.blackjack-hands{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.bj-hand-group{border:2px solid transparent;border-radius:14px;padding:12px;min-width:170px}.bj-hand-group.active{border-color:#eac879;background:#ffffff12}.bj-hand-group .hand{min-height:85px}.dice-pair{display:flex;gap:20px;align-items:center;justify-content:center}.die-face{display:grid;place-items:center;background:#f9f5e9;color:#15213e;width:90px;height:90px;border-radius:16px;font-size:85px;box-shadow:0 8px 24px #0006}.dice-stage{display:flex;flex-direction:column;gap:12px;justify-content:center}.dice-total{font-weight:800;font-size:22px;color:#efc878}.dice-choices{border:1px solid #34446b;border-radius:12px;padding:15px;margin-bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dice-choices legend{font-weight:700;padding:0 8px}.dice-choices label{padding:10px;background:#1c2846;border-radius:9px;cursor:pointer}.dice-choices input{accent-color:#eac879}.game-outcome:not([hidden]){position:fixed;inset:0;background:#060c18cc;display:grid;place-items:center;z-index:9999;padding:20px}.outcome-card{width:min(480px,100%);background:linear-gradient(130deg,#233157,#121c36);border:2px solid #e7c77d;border-radius:20px;box-shadow:0 25px 80px #000b;text-align:center;padding:36px}.outcome-card h2{font-size:clamp(30px,6vw,58px);margin:0 0 14px;color:#efcf85}.game-outcome[data-kind="lose"] .outcome-card{border-color:#d47785}.game-outcome[data-kind="lose"] h2{color:#ed9aa5}.game-outcome[data-kind="win"] .outcome-card{animation:outcomePop .35s ease-out}@keyframes outcomePop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.playing-card{animation:cardEnter .28s ease-out}@keyframes cardEnter{from{transform:translateY(-15px) rotate(-5deg);opacity:0}to{transform:none;opacity:1}}@media(max-width:680px){.dice-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.die-face{width:68px;height:68px;font-size:65px}}

/* Hotfix: modal exists independently of source HTML and is displayed above all views. */
.game-outcome[hidden]{display:none!important}
.game-outcome:not([hidden]){position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(5,10,25,.85);padding:20px}
.game-outcome:not([hidden]) .outcome-card{max-width:520px;width:100%;animation:outcomePop .3s ease-out}
#authLoginError{background:#572438;border:1px solid #d87586;color:#ffe7ed;border-radius:10px;padding:12px 14px;margin:12px 0;font-size:14px;line-height:1.5}
#authLoginError[hidden]{display:none!important}


/* Stability v3: 2-dice accessible responsive layout */
.dice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;border-radius:16px;border:1px solid #3b4c71;background:#111a30;margin-top:16px}
.dice-choices legend{padding:0 10px;color:#e8d39f;font-size:14px;font-weight:800}
.dice-choices label{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 18px!important;margin:0!important;border:1px solid #34476b;border-radius:12px;background:linear-gradient(130deg,#243253,#1c2946);color:#f0f4ff;font-size:14px!important;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.dice-choices label:hover{border-color:#e2c071;transform:translateY(-2px)}
.dice-choices label:has(input:checked){border-color:#efcb78;background:#2f3c62;box-shadow:inset 0 0 0 1px #efcb7850}
.dice-choices input[type=radio]{width:20px!important;height:20px!important;min-width:20px;accent-color:#edc36e;cursor:pointer}
.dice-stage{padding:25px 12px;min-height:200px}
.dice-pair{gap:20px}.die-face{width:88px;height:88px;font-size:78px;line-height:1}
.dice-total{font-size:23px}.dice-rolling .die-face{animation:diceShake .45s cubic-bezier(.3,.1,.3,1) infinite}
@keyframes diceShake{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(12deg) translateY(-13px)}}
.game-outcome[hidden]{display:none!important}.game-outcome:not([hidden]){z-index:999999!important}
#authFeedback{margin:12px 0;padding:12px 15px;border-radius:10px;background:#273754;color:#fff0c7;border:1px solid #eac47e;line-height:1.5}
#authFeedback[data-type=error]{color:#ffe0e4;background:#4e2939;border-color:#f28d9f}
#authFeedback[hidden]{display:none!important}
@media(max-width:800px){.dice-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.dice-choices{grid-template-columns:1fr}.dice-pair{gap:12px}.die-face{width:70px;height:70px;font-size:64px}}


/* Casino V4: modern readable two dice */
.dice-stage{min-height:250px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 40%,#273e78 0%,#182449 55%,#111932 100%);border-radius:20px}
.dice-pair{display:flex;gap:26px;align-items:center;justify-content:center}
.die-face{width:100px!important;height:100px!important;font-size:0!important;display:grid!important;place-items:center;border-radius:20px!important;background:linear-gradient(145deg,#fffdf2,#e9e1c8)!important;box-shadow:0 10px 0 #b5a982,0 16px 28px #050a18a8,inset 0 2px 6px #fff;color:#142340!important;transform:rotate(-3deg)}
.die-face:nth-child(2){transform:rotate(4deg)}
.pip-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:71%;height:71%;gap:4px}
.pip-grid i.pip{width:100%;height:100%;border-radius:50%;background:#20365c;box-shadow:inset 0 2px 3px #080e20a0}
.dice-total{font-size:26px!important;font-weight:900!important;color:#f5d783}
.dice-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px!important;border-radius:18px!important;padding:22px!important}
.dice-choices legend{font-weight:800!important;padding:0 12px!important}
.dice-choices label{position:relative;display:flex!important;min-height:84px!important;align-items:center!important;flex-direction:row!important;justify-content:space-between!important;text-align:left!important;padding:16px!important;gap:10px!important;cursor:pointer}
.dice-choices label input[type=radio]{accent-color:#f1c968;width:20px!important;height:20px!important;flex:0 0 20px}
.dice-choices label:has(input:checked){background:#33446b!important;border-color:#f1c968!important;box-shadow:0 0 0 1px #f1c96888,inset 0 0 24px #f1c96813!important}
.dice-rolling .die-face{animation:diceTumble .48s ease-in-out infinite alternate}
@keyframes diceTumble{from{transform:rotate(-14deg) translateY(6px) scale(.96)}to{transform:rotate(13deg) translateY(-12px) scale(1.04)}}
#authFeedback{display:block;margin:12px 0;padding:12px 16px;border-radius:12px;background:#442f39;border:1px solid #ed8e91;color:#ffdbdf;font-weight:600;line-height:1.5}
#authFeedback[data-type=success]{background:#1c473d;border-color:#69d2aa;color:#d4ffed}
#authFeedback[hidden]{display:none!important}
@media(max-width:850px){.dice-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.dice-choices{grid-template-columns:1fr}.die-face{width:76px!important;height:76px!important}}

/* Sic Bo board; scoped to the dice page */
.dice-mode-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.dice-mode-tabs label{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #475879;border-radius:12px;background:#1d2a49;padding:12px 18px;color:#e5eaf7;font-weight:800}.dice-mode-tabs label:has(input:checked){border-color:#e7c478;background:#344467}.dice-mode-tabs input{accent-color:#edc478}.sic-options{background:#161f36;border:1px solid #495977;border-radius:16px;padding:18px;margin-bottom:16px}.sic-group-heading{font-size:13px;color:#f1cc7d;text-transform:uppercase;letter-spacing:1.2px;margin:18px 0 9px}.sic-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.sic-choice{display:flex!important;align-items:center;gap:9px;cursor:pointer;border:1px solid #3e4c70;border-radius:10px;background:#223151;padding:12px!important;margin:0!important;min-height:54px;font-size:13px!important;color:#eaf0ff}.sic-choice:has(input:checked){border:2px solid #f0c875;background:#334469}.sic-choice input{accent-color:#eec875}.sic-options[hidden],#twoDiceOptions[hidden],#dieThree[hidden]{display:none!important}@media(max-width:600px){.sic-group{grid-template-columns:repeat(2,minmax(0,1fr))}.sic-choice{font-size:12px!important;padding:10px!important}}

/* Focused enhancement: separate Sic Bo board and centered special bets */
.dice-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dice-choices label.dice-central{background:linear-gradient(125deg,#354875,#223152)!important;border-color:#9f8450!important}
.dice-exact-pairs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:12px 0 22px}
.dice-extra-heading{color:#f0cf86;font-size:14px;margin:18px 0 6px}
.dice-exact-choice{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #4a5b79;border-radius:12px;background:#233252;min-height:52px;cursor:pointer;font-weight:800;color:#e7ecf9}
.dice-exact-choice:has(input:checked){background:#344767;border-color:#f1c96c}
.dice-exact-choice input{accent-color:#f1c96c}
#view-sicbo .sic-options{background:linear-gradient(120deg,#17213a,#182540);padding:22px;border-radius:20px}
#view-sicbo .sic-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-bottom:16px}
#view-sicbo .sic-choice{min-height:65px;justify-content:space-between!important;flex-direction:row-reverse!important;padding:12px 16px!important;font-weight:750;font-size:13px!important;border-radius:12px}
#view-sicbo .sic-group-heading{border-bottom:1px solid #3d4d72;padding:12px 0 10px;color:#f1cb7e}
#view-sicbo .sic-choice:hover{border-color:#e2c47a;transform:translateY(-1px)}
.game-table.dealing .playing-card{animation:casinoDeal .48s cubic-bezier(.18,.8,.2,1) both}
.game-table .playing-card{animation:casinoDeal .54s cubic-bezier(.18,.8,.2,1) both}
.game-table .playing-card:nth-child(2){animation-delay:.18s}.game-table .playing-card:nth-child(3){animation-delay:.36s}.game-table .playing-card:nth-child(4){animation-delay:.54s}
@keyframes casinoDeal{from{transform:translate(95px,-55px) rotate(18deg) scale(.83);opacity:0}to{transform:none;opacity:1}}
@media(max-width:900px){.dice-exact-pairs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:540px){.dice-exact-pairs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.game-table .playing-card{animation:none!important}}

/* Keep 7 and Doubles in the visual center of the 2-dice options */
.dice-choices label:has(input[value="low"]){order:1}.dice-choices label:has(input[value="seven"]){order:2}.dice-choices label:has(input[value="high"]){order:3}
.dice-choices label:has(input[value="even"]){order:4}.dice-choices label:has(input[value="doubles"]){order:5}.dice-choices label:has(input[value="odd"]){order:6}

/* Focused UI patch: pin header at top of short views. */
#app .content{margin:0 auto!important;align-self:start!important;}
#app .topbar{margin-top:0!important;}
/* Radio remains native and keyboard-accessible but visually hidden; selection is the outline. */
#twoDiceOptions input[type="radio"],#sicBoOptions input[type="radio"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none!important;}
#twoDiceOptions label,#sicBoOptions label{position:relative!important;justify-content:center!important;text-align:center!important;gap:0!important;}
#twoDiceOptions label:has(input:checked),#sicBoOptions label:has(input:checked){border:2px solid #edc578!important;box-shadow:0 0 0 1px #edc57866!important;background:#33436b!important;}
#twoDiceOptions label:has(input:focus-visible),#sicBoOptions label:has(input:focus-visible){outline:3px solid #fff1b2!important;outline-offset:2px!important;}
/* Sidebar history submenus */
.nav-dropdown{width:100%;}.nav-dropdown>summary{list-style:none;cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;}.nav-dropdown>summary::-webkit-details-marker{display:none;}
.nav-dropdown .nav-chevron{margin-left:auto;transition:transform .18s;}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.nav-submenu{padding:4px 0 8px 15px;display:grid;gap:3px}.nav-submenu .nav-item{font-size:12px;min-height:36px;opacity:.93}
/* Game result history, including dice and sicbo */
.game-recent{margin-top:18px}.game-history-list .round-line{align-items:center;gap:14px}.round-main{display:flex;flex-direction:column;gap:3px;min-width:140px}.round-main small{margin:0!important}.history-result{font-weight:800;color:#c5d2ea}.history-win{color:#7bdfac}.history-loss{color:#ef9bac}
@media(max-width:740px){.game-history-list .round-line{align-items:flex-start;flex-direction:column}.nav-submenu{padding-left:9px}}

/* History dropdown: only two destinations; filtering stays inside each history page */
.history-filter-bar{display:flex;align-items:center;margin-bottom:12px}.history-filter-bar label{min-width:230px;margin:0}
#depositHistoryFilter,#gameHistoryFilter{display:block;background:#111a2e;color:#fff;border:1px solid #435577;border-radius:10px;margin-top:8px;padding:11px;width:100%;max-width:320px}
.withdraw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:520px}.withdraw-actions input{min-width:190px;flex:1}.withdraw-actions button{font-size:12px}
@media(max-width:650px){.withdraw-actions{width:100%}.withdraw-actions button{flex:1}.row:has(.withdraw-actions){flex-direction:column;align-items:stretch}}

/* Admin sections: one panel group at a time, without touching other pages. */
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}
.admin-tabs button{border:1px solid #435577;border-radius:10px;background:#1c2b48;color:#d9e4f8;padding:10px 13px;cursor:pointer}
.admin-tabs button.selected{border-color:#f2c96f;background:#283755;color:#ffdb86}
[data-admin-section][hidden]{display:none!important}
#discordVerificationInfo{line-height:1.55}#discordVerificationInfo:empty{display:none}
#discordVerificationInfo a{display:inline-block;margin-top:7px;color:#ffda83;font-weight:700}
#verificationSteps{width:100%;min-height:90px;resize:vertical}

/* Selected fixes only: clickable option borders, no single-choice radio UI changes elsewhere */
.sic-choice input[type="checkbox"],.dice-exact-choice input[type="checkbox"],#twoDiceOptions input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.sic-choice:has(input:checked),.dice-exact-choice:has(input:checked),#twoDiceOptions label:has(input:checked){border-color:#e2bb6b!important;box-shadow:inset 0 0 0 1px #e2bb6b}

/* Compact chevron rendered with CSS, not a font glyph */
.nav-dropdown .nav-chevron{display:inline-block!important;width:8px!important;height:8px!important;min-width:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)!important;margin:0 6px 4px auto!important;transition:transform .18s ease!important;line-height:0!important;font-size:0!important;}
.nav-dropdown[open] .nav-chevron{transform:rotate(225deg)!important;margin-bottom:-3px!important;}
#forgotHelp a{display:inline-block;margin-top:10px;color:#f4d386;font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* Selected changes: individual betting chips & admin game history */
.dice-chip-bar{margin:16px 0;padding:14px;border:1px solid #395073;border-radius:12px;background:#18253f}
.dice-chip-bar .chip-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.dice-chip-bar button{padding:10px 14px;border-radius:8px;border:1px solid #64748b;background:#263657;color:#fff;cursor:pointer}
.dice-chip-bar button.selected,.dice-chip-bar button:hover{border-color:#e7c36c;background:#374b70}
.dice-chip-bar input{max-width:145px;padding:10px}
.dice-chip-bar p{margin:6px 0 0;color:#f0ce7b;font-weight:700}
.chip-amount{display:block;font-weight:800;color:#efcc73;margin-top:5px}
.dice-choices label.has-bet,.dice-exact-choice.has-bet,.sic-choice.has-bet{border-color:#e7bf67!important;box-shadow:inset 0 0 0 1px #e7bf67}
.seller-credentials{border-top:1px solid #384a68;margin-top:20px;padding-top:14px}
