/* Rustarena rooms share the site's compact surfaces; only active rotors animate. */
.ra-page{--ra-red:#ce422b;--ra-blue:#438fb5;--ra-yellow:#d6b34c;--ra-purple:#9563b9;display:grid;gap:12px}
.ra-page-heading{min-width:0}
#raGame [hidden]{display:none!important}
.ra-page,.ra-page>section,.ra-open-list,.ra-recent-list{min-width:0}
.ra-lobby,.ra-history{container:arena-lobby / inline-size}
.ra-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
#raGame #raTitle{min-width:0;margin:0!important;gap:8px}
#raGame #raTitle .min-chip{margin:0;font-size:10px;padding:3px 7px;line-height:1.2;letter-spacing:0}
.ra-heading>.ra-create{min-height:36px;height:auto;width:auto;padding:8px 12px;border-radius:7px;font-size:12px;line-height:1.3}
#raAvailability{margin:10px 0;color:var(--t3,#b9a6a2);font-size:12px;line-height:1.6}
#raAvailability a{color:#e38873;text-decoration:underline;text-underline-offset:3px}
.ra-open-list,.ra-recent-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}
.ra-open-list>.empty-state,.ra-recent-list>.empty-state{grid-column:1/-1}
/* Columns follow available site content rather than the viewport beside chat. */
@container arena-lobby (min-width:560px){.ra-open-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container arena-lobby (min-width:800px){.ra-open-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container arena-lobby (min-width:1040px){.ra-open-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ra-room{position:relative;display:flex;min-width:0;flex-direction:column;gap:5px;isolation:isolate;overflow:hidden;padding:10px;border:1px solid var(--rn-line,#4c3530);border-radius:9px;background:var(--rn-surface,#2b201f);box-shadow:0 2px 8px #120a0926}
.ra-room::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(160deg,#48282022,transparent 38%)}
.ra-room-top{display:grid;min-width:0;min-height:36px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
.ra-room-state{font-size:10px;color:#b9a69d;line-height:1.3}
.ra-room-total{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
.ra-room-pot{min-width:0;color:var(--t1,#f6eeeb);font-size:19px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.ra-room-pot .coin-ico{width:.65em;height:.8em}
.ra-wheel-stage{position:relative;isolation:isolate;width:116px;max-width:74%;aspect-ratio:1;margin:0 auto;flex:0 0 auto}
/* Machined outer rim, separate from the GPU-rotated colored steel plate. */
.ra-wheel-stage::before{content:"";position:absolute;z-index:0;inset:3%;border-radius:50%;background:repeating-conic-gradient(from 5deg,#30201c 0deg 7deg,#845647 8deg 9deg,#35231e 10deg 18deg);box-shadow:0 3px 10px #10090799,inset 0 0 0 1px #c18a6444;clip-path:polygon(0 0,39% 0,40% 1.7%,42% .4%,46% 0,100% 0,100% 38%,98.3% 40%,99.5% 42%,100% 44%,100% 100%,58% 100%,57% 98.2%,55% 99%,52% 100%,0 100%,0 62%,1.7% 60%,.5% 58%,0 55%)}
.ra-wheel-stage::after{content:"";position:absolute;z-index:2;inset:7.4%;border:1px solid #f7cc8d47;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 3px #1c141466}
.ra-wheel{position:absolute;z-index:1;inset:7.5%;border-radius:50%;background:conic-gradient(#ce422b 0deg 90deg,#438fb5 90deg 180deg,#d6b34c 180deg 270deg,#9563b9 270deg 360deg);box-shadow:inset 0 0 0 8px #1c141444,inset 0 0 17px #170b0799;contain:paint;transform:rotate(0deg);clip-path:polygon(0 0,47% 0,48% 1.3%,50% .5%,52% 0,100% 0,100% 51%,98.5% 52%,99.5% 54%,100% 56%,100% 100%,37% 100%,36% 98.5%,34% 99.5%,31% 100%,0 100%,0 43%,1.4% 42%,.4% 40%,0 38%)}
.ra-wheel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background:url('/assets/rustpot-map.jpg') 48% 43%/280% auto no-repeat}
.ra-wheel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-conic-gradient(from 11deg,transparent 0deg 29deg,#0d070632 29.4deg 30deg,transparent 30.4deg 45deg),radial-gradient(circle at 36% 25%,#fff1d22e,transparent 47%),repeating-linear-gradient(113deg,transparent 0 23px,#f4c6a514 23px 24px,transparent 24px 31px);clip-path:polygon(0 0,100% 0,100% 49%,98% 50%,100% 52%,100% 100%,49% 100%,48% 98%,46% 100%,0 100%)}
.ra-wheel-pointer{position:absolute;z-index:5;top:0;left:calc(50% - 9px);width:18px;height:27px;clip-path:polygon(0 0,100% 0,100% 42%,50% 100%,0 42%);background:linear-gradient(90deg,#8a3d2d,#f2b183 48%,#a85537);filter:drop-shadow(0 2px 2px #170905);pointer-events:none}
.ra-wheel-hub{position:absolute;z-index:3;inset:calc(50% - 19px);display:grid;place-items:center;border:1px solid #965b3f;border-radius:50%;background:radial-gradient(circle at 33% 27%,#5d3c2e,#241814 72%);box-shadow:0 2px 8px #10070499,inset 0 0 0 3px #39241b;color:#ce422b;pointer-events:none}
.ra-wheel-hub svg{display:block;width:16px;height:23px}
.ra-room-winner{position:absolute;z-index:4;inset:21% 2% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;text-align:center;background:radial-gradient(ellipse,#231411f5 25%,#241411d9 52%,transparent 74%);color:#f7e2d6;pointer-events:none}
.ra-room-winner[hidden]{display:none}
.ra-room-winner small{color:#d8a78c;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}
.ra-room-winner b{max-width:100%;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.ra-room-status{margin:0;color:#bfa69c;font-size:10px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.ra-room-status:empty{display:none}
.ra-room.is-spinning .ra-room-status{color:#efaa8f}
.ra-room-players{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:3px}
.ra-player{position:relative;box-sizing:border-box;display:grid;min-width:0;min-height:36px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:1px 6px;padding:4px 5px;border:1px solid #70473b40;border-left:2px solid var(--player-color,#ce422b);border-radius:5px;background:#1c13132c}
.ra-avatar{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--player-color,#ce422b);border-radius:5px;overflow:hidden;background:#241918;color:#ac9187;font-size:10px}
.ra-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ra-player-name{grid-column:2;grid-row:1;min-width:0;color:var(--t1,#f6eeeb);font-size:11px;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-player-stake{grid-column:3;grid-row:1;color:var(--t1,#f6eeeb);font-size:10px;line-height:1.2;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}
.ra-player-chance{grid-column:3;grid-row:2;color:#bba093;font-size:9px;line-height:1.2;white-space:nowrap;text-align:right}
.ra-player-skins{grid-column:2;grid-row:2;display:flex;min-width:0;gap:3px;overflow:hidden}
.ra-player .skin-stack{display:flex;align-items:center;gap:3px;max-width:100%;flex-wrap:nowrap}
.ra-player .ss-th{width:16px;height:16px;flex:0 0 16px;border-radius:4px}
.ra-player-empty{min-height:36px;opacity:.45}
.ra-player-empty .ra-player-name{font-weight:450}
.ra-room-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-left:auto}
.ra-join-range{min-width:0;color:#bc9f93;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ra-join-range .coin-amt{white-space:nowrap}
html body#rrSite #raGame .ra-room-actions button,html body#rrSite #raGame .ra-room-actions a{box-sizing:border-box!important;min-height:32px!important;height:32px!important;width:auto!important;padding:6px 10px!important;font-size:11px!important;line-height:1.4!important;border-radius:6px!important}
.ra-room-proof{display:flex;min-width:0;align-items:center;gap:8px;margin-top:auto;padding-top:7px;border-top:1px solid #64443855}
.ra-room-commit{display:flex;flex:1;min-width:0;align-items:center;gap:5px}
.ra-commit-label{flex:0 0 auto;color:#a58b81;font-size:9px;font-weight:600;letter-spacing:.055em;line-height:1.4;white-space:nowrap}
.ra-commit-controls{display:flex;flex:1;min-width:0;align-items:center;gap:4px}
html body#rrSite #raGame .ra-commit-hash{display:block;flex:1;min-width:0;width:auto!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 5px!important;border:1px solid #64443855;border-radius:5px;background:#20161555;text-align:left;cursor:pointer;user-select:none;-webkit-user-select:none}
.ra-room-commit code{display:block;min-width:0;margin:0;padding:0;border:0;background:none;color:#bca497;font:9px/1.35 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}
html body#rrSite #raGame .ra-room-copy{box-sizing:border-box!important;flex:0 0 32px;width:32px!important;min-width:32px!important;min-height:32px!important;height:32px!important;margin:0!important;padding:0!important;border-radius:5px;font-size:16px;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none}
.ra-commit-hash:disabled,.ra-room-copy:disabled{opacity:.45;cursor:default!important}
.ra-commit-hash:hover:not(:disabled){border-color:#ba6c4d!important}
html body#rrSite #raGame .ra-room-verify{box-sizing:border-box!important;flex:0 0 auto;min-height:32px!important;height:32px!important;margin:0!important;padding:6px 9px!important;border:1px solid #774c3c;border-radius:5px;background:#38231d;color:#e3b9a2;font-size:10px!important;line-height:1.4!important;cursor:pointer}
#raGame .ra-room-verify:hover{border-color:#ba6c4d;background:#43281f}
.ra-page button:focus-visible,.ra-color-overlay button:focus-visible{outline:2px solid #edac89;outline-offset:3px}
.ra-room:focus-visible{outline:2px solid #ad5c46;outline-offset:3px}
.ra-message{font-size:12px;line-height:1.6;color:#e4a18d;margin:12px 0;overflow-wrap:anywhere}
.ra-message.is-error{border-left:3px solid #ca432b;padding:9px 12px;background:#4d2923;border-radius:5px}
.ra-about{margin-top:24px;padding-top:20px;border-top:1px solid var(--rn-line,#4c3530)}
.ra-about p{max-width:none}
.ra-color-overlay{position:fixed;inset:0;z-index:10000;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #704235;border-radius:12px;background:#2b201f;color:#f6eeeb;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;box-shadow:0 14px 40px #090504cc}
.ra-color-overlay::backdrop{background:rgba(12,7,6,.82)}
.ra-color-card{box-sizing:border-box;padding:20px}
.ra-color-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.ra-color-head h2{min-width:0;margin:0;font-size:20px;line-height:1.3}
.ra-color-cancel{min-width:64px;min-height:44px;padding:8px 10px}
.ra-color-card p{margin:0 0 16px;color:#c4aca4;font-size:12px;line-height:1.5}
.ra-color-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.ra-color-choice{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 10px;border:1px solid #604039;border-radius:8px;background:#241a19;color:#f6eeeb;text-align:left;cursor:pointer}
.ra-color-choice:hover:not(:disabled),.ra-color-choice:focus-visible:not(:disabled){border-color:var(--ra-choice-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--ra-choice-color),transparent 70%);outline:none}
.ra-color-choice:disabled{opacity:.4;cursor:not-allowed}
.ra-color-dot{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--ra-choice-color);box-shadow:inset 0 0 0 3px #ffffff33}
.ra-color-choice small{margin-left:auto;color:#bfaaa2;font-size:10px}
@media(max-width:760px),(pointer:coarse){.ra-heading>.ra-create{min-height:44px}.ra-player{min-height:44px}html body#rrSite #raGame .ra-room-actions button,html body#rrSite #raGame .ra-room-actions a,html body#rrSite #raGame .ra-room-verify,html body#rrSite #raGame .ra-room-copy,html body#rrSite #raGame .ra-commit-hash{min-height:44px!important;height:44px!important}html body#rrSite #raGame .ra-room-copy{width:44px!important;flex-basis:44px}.ra-color-card{padding:16px}}
@media(max-width:360px){.ra-room{padding:9px;gap:7px}.ra-player{padding:4px;column-gap:3px}.ra-player-name,.ra-player-stake{font-size:10px}.ra-color-head h2{font-size:18px}.ra-color-choice{padding:8px;font-size:12px}.ra-color-dot{width:21px;height:21px;flex-basis:21px}}
@media(prefers-reduced-motion:reduce){.ra-wheel{will-change:auto!important}}