/* Roulette: fixed geometry, responsive columns and stable chip overlays. */
.roulette{margin:0 0 60px;padding:32px;border:1px solid #aa88544d;border-radius:20px;background:radial-gradient(ellipse at 15% 20%,#1b4938 0,transparent 60%),linear-gradient(135deg,#102e26,#091f1a);color:#fff5d9;scroll-margin-top:24px;box-shadow:0 20px 60px #0003,inset 0 1px #ffe8b31a}.roulette-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid #e9c17d26}.roulette h2{font-size:clamp(30px,3.5vw,48px);line-height:1.05;margin:0}.roulette-heading .eyebrow{margin:0 0 12px;color:#e6c58a}.roulette-heading>p{font-size:12px;line-height:1.6;max-width:160px;margin:0;text-align:right;color:#bfccbd}.roulette-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:32px;align-items:start}.wheel-panel,.table-panel{min-width:0}.wheel-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:10px;letter-spacing:1.5px;color:#e2c493}.wheel-label span{color:#a8b9a8;white-space:nowrap}.wheel-wrap{position:relative;width:100%;max-width:470px;margin:0 auto;filter:drop-shadow(0 12px 15px #0005)}#roulette-wheel{display:block;width:100%;height:auto;aspect-ratio:1}.wheel-pointer{position:absolute;top:1.2%;left:50%;transform:translateX(-50%);width:5%;height:7%;background:linear-gradient(110deg,#fff6ce,#c99943);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #000)}.roulette-outcome{background:#071c1770;border:1px solid #e6c68926;border-radius:10px;margin-top:16px;padding:14px;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:10px}#roulette-result{text-align:center;font-weight:600;font-size:13px;line-height:1.6;min-height:2.8em;margin:0;color:#f0e9d4}#roulette-history{display:flex;justify-content:center;gap:5px;min-height:26px;flex-wrap:wrap}#roulette-history:empty::before{content:'RECENT SPINS APPEAR HERE';font-size:9px;letter-spacing:1.2px;color:#8ba695;line-height:26px}#roulette-history span{display:grid;place-items:center;border:1px solid #c4a36c;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:700}.roulette-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.roulette-stats>div{padding:14px 16px;border:1px solid #c6aa6a30;border-radius:9px;background:#0a201c;color:#acbcaf;font-size:11px;letter-spacing:.5px}.roulette-stats strong{display:block;color:#f4d89f;font-size:28px;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}.roulette fieldset{border:0;padding:0;margin:0;min-width:0}.roulette legend{font-size:15px;font-weight:700;margin-bottom:12px}.chip-selector{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip-selector label{font-size:12px;color:#c8d4c7}.roulette select{font:inherit;font-size:12px;background:#183d30;color:#fff5d9;border:1px solid #6f8c72;padding:9px 28px 9px 12px;border-radius:6px;min-height:40px}.table-hint{color:#9fb4a5;font-size:11px;line-height:1.6;margin:12px 0}.roulette-numbers{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.roulette-numbers button:first-child{grid-column:1/-1}.roulette button{position:relative;display:grid;place-items:center;font:inherit;line-height:1;cursor:pointer;border:1px solid #a9b99455;border-radius:5px;color:#fff8df;background:linear-gradient(#284c3c,#19372b);height:44px;padding:0 3px;touch-action:manipulation;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.roulette button:hover:not(:disabled){border-color:#f3d291;box-shadow:inset 0 0 0 1px #f3d29166}.roulette button:focus-visible,.roulette select:focus-visible,.roulette summary:focus-visible{outline:3px solid #ffdc82;outline-offset:3px}.roulette button:disabled{opacity:.45;cursor:default}.roulette button[data-stake]{box-shadow:inset 0 0 0 2px #f3d18b}.roulette button small{position:absolute;right:1px;bottom:1px;min-width:17px;height:16px;display:grid;place-items:center;padding:0 2px;border-radius:9px;border:1px dashed #795b2c;background:#f8dc9c;color:#302112;font-size:9px;font-weight:800;line-height:1;box-shadow:0 1px 3px #0008}.roulette .red{background:linear-gradient(145deg,#b8454a,#842c32)}.roulette .black{background:linear-gradient(145deg,#293630,#101c18)}.roulette .green{background:linear-gradient(145deg,#338565,#19553e)}.roulette-outside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}.roulette-actions{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px;margin-top:16px}.roulette-actions button{height:46px;font-size:12px}#roulette-spin{background:linear-gradient(120deg,#f9dfaa,#d7ad61);color:#263322;font-weight:800;border-color:#e9c987;box-shadow:0 3px 0 #8b6837}.roulette-reset{margin-top:14px;width:100%;height:30px!important;background:transparent!important;border:0!important;color:#afc1af!important;font-size:11px!important;font-weight:400!important}.roulette-rules{margin-top:28px;border-top:1px solid #d9b96c26;padding-top:20px}.roulette-rules summary{cursor:pointer;font-weight:600;font-size:13px;color:#dfcda4}.roulette-rules p{color:#b6c7b9;line-height:1.7;font-size:13px;margin-top:12px}@media(max-width:1100px){.roulette-layout{grid-template-columns:1fr;gap:24px}.wheel-panel{max-width:470px;width:100%;margin:auto}.table-panel{width:100%;max-width:680px;margin:auto}.wheel-wrap{max-width:370px}.roulette-heading{align-items:center}}@media(max-width:600px){.roulette{padding:18px 14px;margin:0 0 36px;border-radius:14px}.roulette-heading{display:block;margin-bottom:22px;padding-bottom:18px}.roulette-heading>p{max-width:none;text-align:left;margin-top:10px}.roulette-heading .eyebrow{font-size:10px}.roulette-numbers{grid-template-columns:repeat(6,minmax(0,1fr))}.wheel-label{font-size:9px;letter-spacing:1px}.roulette-stats>div{padding:12px}.roulette-stats strong{font-size:26px}.roulette-actions{gap:5px}.roulette-actions button{font-size:11px}.roulette button small{font-size:9px}.roulette-outcome{min-height:98px}}
.roulette button[data-stake]{padding-bottom:12px}