#games-hub #more-less-cards-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-cards-panel[hidden] { display:none!important; }
#more-less-cards-panel .comparison-board { min-width:0; padding:6px 8px 22px; }
#more-less-cards-panel .comparison-history { display:flex; justify-content:flex-end; gap:6px; min-height:28px; margin-bottom:36px; overflow:hidden; }
#more-less-cards-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-cards-panel .comparison-history-entry.is-win { border-color:#49b69255; color:var(--theme-success-ink,#98e4c7); background:var(--theme-success-bg,#183b31); }
#more-less-cards-panel .comparison-history-entry.is-lose { border-color:#d66d8555; color:var(--theme-error-ink,#efb3c2); background:var(--theme-error-bg,#351c2a); }
#more-less-cards-panel .comparison-stage { display:flex; align-items:center; justify-content:center; gap:22px; min-height:220px; }
#more-less-cards-panel .comparison-value { display:grid; justify-items:center; gap:16px; min-width:0; }
#more-less-cards-panel .comparison-value>p { margin:0; color:var(--muted); font:500 12px/1.5 var(--body); text-align:center; }
#more-less-cards-panel .comparison-divider { margin-top:32px; color:var(--muted); opacity:.65; }
#more-less-cards-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-cards-panel .comparison-controls { display:grid; gap:20px; min-width:0; }
#more-less-cards-panel .comparison-wager-label { display:grid; gap:8px; color:var(--muted); font:500 12px/1.5 var(--body); }
#more-less-cards-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-cards-panel .comparison-wager-field>span { flex:none; color:var(--muted); font-size:11px; font-weight:600; }
#more-less-cards-panel .comparison-wager-field:focus-within { border-color:var(--accent); }
#more-less-cards-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-cards-panel .comparison-wager-field:has(input[aria-invalid=true]) { border-color:var(--theme-error-ink,var(--danger)); }
#more-less-cards-panel .comparison-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#more-less-cards-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-cards-panel .comparison-choice.is-more { background:color-mix(in srgb,#8175ff 24%,var(--theme-field,var(--paper))); }
#more-less-cards-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-cards-panel .comparison-choice strong { font-size:15px; font-weight:650; line-height:1.4; text-align:start; overflow-wrap:anywhere; }
#more-less-cards-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-cards-panel .comparison-choice:hover:not(:disabled) { border-color:#a69aff; background:color-mix(in srgb,#8175ff 28%,var(--theme-field,var(--paper))); }
#more-less-cards-panel .comparison-choice:disabled { cursor:not-allowed; opacity:.45; }
#more-less-cards-panel :is(.comparison-choice,.comparison-help summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#more-less-cards-panel .comparison-status { min-height:42px; margin:0; color:var(--muted); font:400 12px/1.6 var(--body); }
#more-less-cards-panel .comparison-status.is-error { color:var(--theme-error-ink,var(--danger)); }
#more-less-cards-panel .comparison-help { border-top:1px solid var(--line); padding-top:4px; color:var(--muted); }
#more-less-cards-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-cards-panel .comparison-help summary::-webkit-details-marker { display:none; }
#more-less-cards-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-cards-panel .comparison-help p { margin:5px 0 0; font:400 12px/1.7 var(--body); }

#more-less-cards-panel .comparison-card { position:relative; flex:none; width:112px; height:154px; border-radius:12px; perspective:700px; }
#more-less-cards-panel .comparison-card-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .14s ease-out; }
#more-less-cards-panel .comparison-card-front,#more-less-cards-panel .comparison-card-back { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; border:1px solid #e3e1ed; border-radius:12px; backface-visibility:hidden; box-shadow:0 10px 20px #00000020; }
#more-less-cards-panel .comparison-card-front { background:#f5f4fa; color:#242339; }
#more-less-cards-panel .comparison-card-corner { position:absolute; top:10px; left:11px; display:grid; justify-items:center; gap:1px; line-height:1; }
#more-less-cards-panel .comparison-card-corner b { font:700 23px/1 var(--body); }
#more-less-cards-panel .comparison-card-corner i { font-style:normal; font-size:18px; }
#more-less-cards-panel .comparison-card-suit { font-size:57px; line-height:1; }
#more-less-cards-panel .comparison-card-mirror { position:absolute; right:11px; bottom:10px; transform:rotate(180deg); font:700 23px/1 var(--body); }
#more-less-cards-panel .comparison-card-back { background:repeating-linear-gradient(45deg,#8175ff0c 0 2px,transparent 2px 8px),#24243e; border:1px solid #8175ff75; color:#f2efff; }
#more-less-cards-panel .comparison-card-back::before { content:""; position:absolute; inset:8px; border:1px solid #8175ff66; border-radius:6px; }
#more-less-cards-panel .comparison-card-back img { width:42px; height:42px; object-fit:contain; opacity:.9; }
#more-less-cards-panel .comparison-draw .comparison-card-front { transform:rotateY(180deg); }
#more-less-cards-panel .comparison-draw:not([data-value=concealed]) .comparison-card-inner { transform:rotateY(180deg); }
#more-less-cards-panel .comparison-reference[data-value=concealed] .comparison-card-front { background:var(--theme-field,var(--paper)); border-color:var(--line); }
#more-less-cards-panel .comparison-reference[data-value=concealed] :is(.comparison-card-corner,.comparison-card-suit,.comparison-card-mirror) { visibility:hidden; }
#more-less-cards-panel .comparison-board[data-phase=moving] .comparison-draw { animation:comparison-card-draw .58s ease-in-out infinite; }
@keyframes comparison-card-draw { 0%,100% { transform:translate(7px,7px) rotate(4deg); } 50% { transform:translate(-2px,-5px) rotate(-2deg); } }

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