#games-hub #more-less-dice-panel { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr); align-items:center; gap:28px; padding:30px!important; background:radial-gradient(ellipse at 25% 15%,#8175ff16,transparent 65%),var(--surface); }
#more-less-dice-panel[hidden] { display:none!important; }
#more-less-dice-panel .comparison-board { min-width:0; padding:6px 8px 22px; }
#more-less-dice-panel .comparison-history { display:flex; justify-content:flex-end; gap:6px; min-height:28px; margin-bottom:36px; overflow:hidden; }
#more-less-dice-panel .comparison-history-entry { display:grid; place-items:center; flex:none; min-width:30px; height:26px; padding:3px 8px; border:1px solid var(--line); border-radius:6px; background:var(--theme-field,var(--paper)); color:var(--muted); font:600 11px/1.4 var(--body); }
#more-less-dice-panel .comparison-history-entry.is-win { border-color:#49b69255; color:var(--theme-success-ink,#98e4c7); background:var(--theme-success-bg,#183b31); }
#more-less-dice-panel .comparison-history-entry.is-lose { border-color:#d66d8555; color:var(--theme-error-ink,#efb3c2); background:var(--theme-error-bg,#351c2a); }
#more-less-dice-panel .comparison-stage { display:flex; align-items:center; justify-content:center; gap:22px; min-height:220px; }
#more-less-dice-panel .comparison-value { display:grid; justify-items:center; gap:16px; min-width:0; }
#more-less-dice-panel .comparison-value>p { margin:0; color:var(--muted); font:500 12px/1.5 var(--body); text-align:center; }
#more-less-dice-panel .comparison-divider { margin-top:32px; color:var(--muted); opacity:.65; }
#more-less-dice-panel .comparison-divider svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#more-less-dice-panel .comparison-controls { display:grid; gap:20px; min-width:0; }
#more-less-dice-panel .comparison-wager-label { display:grid; gap:8px; color:var(--muted); font:500 12px/1.5 var(--body); }
#more-less-dice-panel .comparison-wager-field { display:flex; align-items:center; gap:12px; min-width:0; border:1px solid var(--line); border-radius:10px; background:var(--theme-field,var(--paper)); padding-inline-end:14px; }
#more-less-dice-panel .comparison-wager-field>span { flex:none; color:var(--muted); font-size:11px; font-weight:600; }
#more-less-dice-panel .comparison-wager-field:focus-within { border-color:var(--accent); }
#more-less-dice-panel .comparison-wager-field input { width:100%; min-width:0; min-height:50px; border:0; border-radius:10px; outline:none; padding:12px 14px; background:transparent; color:var(--ink); font:600 18px/1.4 var(--body); font-variant-numeric:tabular-nums; }
#more-less-dice-panel .comparison-wager-field:has(input[aria-invalid=true]) { border-color:var(--theme-error-ink,var(--danger)); }
#more-less-dice-panel .comparison-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#more-less-dice-panel .comparison-choice { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; justify-content:center; gap:6px 7px; min-width:0; min-height:94px; padding:15px 10px; border:1px solid color-mix(in srgb,#8175ff 40%,var(--line)); border-radius:11px; background:color-mix(in srgb,#8175ff 9%,var(--theme-field,var(--paper))); color:var(--ink); cursor:pointer; font-family:var(--body); transition:background-color .12s,border-color .12s; }
#more-less-dice-panel .comparison-choice.is-more { background:color-mix(in srgb,#8175ff 24%,var(--theme-field,var(--paper))); }
#more-less-dice-panel .comparison-choice svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#more-less-dice-panel .comparison-choice strong { font-size:15px; font-weight:650; line-height:1.4; text-align:start; overflow-wrap:anywhere; }
#more-less-dice-panel .comparison-choice small { grid-column:1/-1; color:var(--muted); font-size:11px; font-weight:500; line-height:1.5; text-align:center; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#more-less-dice-panel .comparison-choice:hover:not(:disabled) { border-color:#a69aff; background:color-mix(in srgb,#8175ff 28%,var(--theme-field,var(--paper))); }
#more-less-dice-panel .comparison-choice:disabled { cursor:not-allowed; opacity:.45; }
#more-less-dice-panel :is(.comparison-choice,.comparison-help summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#more-less-dice-panel .comparison-status { min-height:42px; margin:0; color:var(--muted); font:400 12px/1.6 var(--body); }
#more-less-dice-panel .comparison-status.is-error { color:var(--theme-error-ink,var(--danger)); }
#more-less-dice-panel .comparison-help { border-top:1px solid var(--line); padding-top:4px; color:var(--muted); }
#more-less-dice-panel .comparison-help summary { display:flex; align-items:center; gap:8px; min-height:44px; list-style:none; cursor:pointer; font:500 12px/1.5 var(--body); }
#more-less-dice-panel .comparison-help summary::-webkit-details-marker { display:none; }
#more-less-dice-panel .comparison-help-icon { display:grid; place-items:center; flex:none; width:18px; height:18px; border:1px solid var(--line); border-radius:50%; font-size:11px; }
#more-less-dice-panel .comparison-help p { margin:5px 0 0; font:400 12px/1.7 var(--body); }

#more-less-dice-panel .comparison-die { position:relative; width:112px; height:128px; display:grid; align-items:center; perspective:500px; }
#more-less-dice-panel .comparison-die-shell { position:relative; width:112px; height:112px; transform-origin:50% 65%; }
#more-less-dice-panel .comparison-die-shell svg { display:block; width:100%; height:100%; filter:drop-shadow(0 10px 9px #00000020); }
#more-less-dice-panel .comparison-die-face { fill:#f5f4fa; stroke:#dcd9ee; stroke-width:1; }
#more-less-dice-panel .comparison-draw .comparison-die-face { fill:#b1a7fa; stroke:#8175ff; }
#more-less-dice-panel .comparison-pips { fill:#25243c; }
#more-less-dice-panel .comparison-pips circle { display:none; }
#more-less-dice-panel .comparison-die[data-value="1"] .pip-center,#more-less-dice-panel .comparison-die[data-value="3"] .pip-center,#more-less-dice-panel .comparison-die[data-value="5"] .pip-center { display:block; }
#more-less-dice-panel .comparison-die:is([data-value="2"],[data-value="3"],[data-value="4"],[data-value="5"],[data-value="6"]) :is(.pip-tl,.pip-br),#more-less-dice-panel .comparison-die:is([data-value="4"],[data-value="5"],[data-value="6"]) :is(.pip-tr,.pip-bl),#more-less-dice-panel .comparison-die[data-value="6"] :is(.pip-ml,.pip-mr) { display:block; }
#more-less-dice-panel .comparison-die-unknown { position:absolute; inset:0; display:none; place-items:center; color:#27223f; font:600 34px/1 var(--body); }
#more-less-dice-panel .comparison-die[data-value=concealed] .comparison-die-unknown { display:grid; }
#more-less-dice-panel .comparison-reference[data-value=concealed] .comparison-die-face { fill:var(--theme-field,var(--paper)); stroke:var(--line); }
#more-less-dice-panel .comparison-reference[data-value=concealed] .comparison-die-unknown { color:var(--muted); }
#more-less-dice-panel .comparison-board[data-phase=moving] .comparison-draw .comparison-die-shell { animation:comparison-die-tumble .48s ease-in-out infinite; }
@keyframes comparison-die-tumble { 0%,100% { transform:translateY(3px) rotate(-16deg) rotateX(8deg); } 50% { transform:translateY(-13px) rotate(21deg) rotateY(20deg); } }

#more-less-dice-panel .comparison-board[data-outcome=win] .comparison-draw { filter:drop-shadow(0 0 12px #58d9aa33); }
#more-less-dice-panel .comparison-board[data-outcome=lose] .comparison-draw { filter:drop-shadow(0 0 12px #e47f9633); }
@media(max-width:680px) { #games-hub #more-less-dice-panel { grid-template-columns:minmax(0,1fr); gap:20px; padding:20px!important; } #more-less-dice-panel .comparison-board { padding:0 0 4px; } #more-less-dice-panel .comparison-history { margin-bottom:20px; } #more-less-dice-panel .comparison-stage { gap:18px; min-height:204px; } #more-less-dice-panel .comparison-controls { gap:15px; } #more-less-dice-panel .comparison-status { min-height:36px; } }
@media(max-width:370px) { #more-less-dice-panel .comparison-stage { gap:10px; } #more-less-dice-panel .comparison-card { width:96px; height:136px; } #more-less-dice-panel .comparison-die,#more-less-dice-panel .comparison-die-shell { width:96px; } #more-less-dice-panel .comparison-die-shell { height:96px; } #more-less-dice-panel .comparison-value>p { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { #more-less-dice-panel .comparison-board[data-phase=moving] .comparison-draw,#more-less-dice-panel .comparison-board[data-phase=moving] .comparison-draw .comparison-die-shell { animation:none; } #more-less-dice-panel .comparison-card-inner,#more-less-dice-panel .comparison-choice { transition:none; } }