.wr-page{--wr-gold:#edc777;color:#f4f0e7;max-width:1440px;margin:auto;padding:clamp(16px,3vw,42px);background:radial-gradient(ellipse at top right,#523e2850,transparent 55%),#0c101be8;border:1px solid #dbc18935;border-radius:28px;min-height:80vh}.wr-page *{box-sizing:border-box}.wr-top,.wr-strip,.wr-save,.wr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wr-top{justify-content:space-between}.wr-top>span,.wr-kicker{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--wr-gold)}.wr-heading{padding:42px 0 24px}.wr-heading h1{font-size:clamp(32px,5vw,64px);line-height:1.08;margin:14px 0}.wr-page p{color:#c4c7d0;line-height:1.65}.wr-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wr-page button,.wr-dialog button{border:1px solid #d9be793f;border-radius:10px;padding:12px 18px;font-weight:800;color:#f6e7c6;background:#343044;cursor:pointer;min-height:44px}.wr-page button:hover,.wr-dialog button:hover{background:#58492f;border-color:#e9c677}.wr-page button:disabled{opacity:.45;cursor:not-allowed}.wr-page .wr-mode{text-align:left;padding:24px;min-height:240px;background:linear-gradient(155deg,#292a3a,#151b29);border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}.wr-mode h2{font-size:22px;margin:15px 0 3px}.wr-mode p{font-size:14px;margin:0 0 20px}.wr-mode strong{margin-top:auto;color:var(--wr-gold)}.wr-number{border:1px solid #c9af694f;border-radius:50%;padding:9px;color:var(--wr-gold);font-size:12px}.wr-panel{background:#191f2ddd;border:1px solid #8996ba35;border-radius:20px;padding:24px;margin:18px 0;min-width:0}.wr-panel h2{margin-top:0}.wr-strip{justify-content:space-between;background:#2e2b24;border-radius:12px;padding:14px;font-size:13px;color:#eacf98}.wr-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:24px}.wr-spin{align-self:start;position:sticky;top:16px;text-align:center;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-gutter:stable}.wr-wheel-wrap{position:relative;max-width:380px;margin:20px auto}.wr-wheel-wrap canvas{width:100%;height:auto;filter:drop-shadow(0 5px 15px #0006);will-change:transform}.wr-pointer{position:absolute;top:0;left:47%;font-size:28px;color:#fff3cd;text-shadow:0 2px 4px #000}.wr-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.wr-slots{display:grid;gap:9px}.wr-slot{display:flex;align-items:center;gap:12px;border:1px solid #8b98b525;border-radius:10px;padding:8px;background:#0b111c80;min-width:0}.wr-slot img,.wr-empty{width:54px;height:60px;object-fit:cover;border-radius:7px;flex-shrink:0}.wr-empty{display:grid;place-items:center;color:#debd73;background:#ffffff06}.wr-slot small{color:#e9c47f;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.wr-slot strong,.wr-slot span,.wr-versus span{display:block;overflow-wrap:anywhere}.wr-slot strong{font-size:14px;margin:3px 0}.wr-slot span{font-size:11px;color:#aaaebc}.wr-picks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.wr-picks article{width:100%}.wr-picks img{width:100%;max-height:240px;object-fit:contain;border-radius:12px;margin-top:16px}.wr-page label,.wr-dialog label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin:14px 0;text-align:left}.wr-page input,.wr-page select,.wr-page textarea,.wr-dialog input,.wr-dialog select{background:#0b1222;color:#f2f2fa;border:1px solid #7e8cac55;padding:12px;border-radius:9px;width:100%;max-width:100%;font:inherit;min-height:44px}.wr-dialog input[type=checkbox]{width:20px;min-height:20px}.wr-page input[type=color]{height:44px}.wr-dialog{background:#181e2c;color:#fff;border:1px solid #baa275;border-radius:20px;padding:28px;max-width:650px;width:calc(100% - 24px);max-height:90vh;overflow:auto}.wr-dialog::backdrop{background:#030611d9;backdrop-filter:blur(6px)}.wr-close{float:right}.wr-dialog p{line-height:1.6;color:#c8ccda}.wr-notice:not(:empty){border-left:3px solid var(--wr-gold);padding:12px;background:#d2b57315}.wr-versus,.wr-booking{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px}.wr-versus>div{padding:18px;border:1px solid #c7b4773b;background:#101624;border-radius:12px}.wr-versus span{padding:4px 0;font-size:13px;color:#cbd0df}.wr-credit{background:#d5b76710;padding:14px;border-radius:10px}.wr-warning{color:#ffcb7e!important;font-size:12px}.wr-bracket{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.wr-bracket>div{border:1px solid #7b87a643;border-radius:12px;padding:15px;display:grid;gap:8px}.wr-bracket .current{border-color:var(--wr-gold)}.wr-panel details{border-bottom:1px solid #7183a533;padding:14px 0}.wr-panel summary{cursor:pointer;font-weight:800;color:#f0d59e}.wr-save{justify-content:space-between;border-bottom:1px solid #7183a533;padding:12px 0}.wr-save strong{overflow-wrap:anywhere;flex:1}.wr-finish{text-align:center;padding:42px}.wr-page button:focus-visible,.wr-page input:focus-visible,.wr-page select:focus-visible{outline:3px solid #f2d290;outline-offset:3px}@media(max-width:1000px){.wr-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-layout{grid-template-columns:1fr}.wr-spin{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}}@media(max-width:540px){.wr-hub{grid-template-columns:1fr}.wr-heading{padding:26px 0 12px}.wr-panel{padding:16px}.wr-page .wr-mode{min-height:190px}.wr-top>span{display:none}.wr-dialog{padding:18px}.wr-boards{grid-template-columns:1fr}.wr-save{align-items:stretch}.wr-save label{width:100%}}@media(prefers-reduced-motion:reduce){.wr-wheel-wrap canvas{transition:none!important}}
.wr-page button.wr-place-slot{width:100%;text-align:left;padding:8px;background:#0b111c80;border-color:#8b98b525;color:inherit;font-weight:inherit;white-space:normal}.wr-page button.wr-place-slot:disabled{opacity:.7}.wr-page button.wr-slot-ready{border-color:#edc77799;background:#edc77712;box-shadow:inset 3px 0 #edc777}.wr-page button.wr-slot-ready:hover{background:#edc77725;border-color:#edc777}.wr-slot-label{min-width:0;text-align:left}.wr-picks .wr-avatar{display:grid;place-items:center;min-height:180px;font-size:64px}.wr-picks article.wr-pick-selected{border-bottom:2px solid #edc777;padding-bottom:10px}.wr-placement-hint{color:#edc777!important}.wr-picks article{overflow-wrap:anywhere}
.wr-wheel-wrap canvas.wr-is-spinning{animation:wr-spin-loading 1.5s linear infinite}@keyframes wr-spin-loading{from{transform:rotate(var(--wr-spin-from,0deg))}to{transform:rotate(calc(var(--wr-spin-from,0deg) + 1080deg))}}@media(prefers-reduced-motion:reduce){.wr-wheel-wrap canvas.wr-is-spinning{animation:none}}

/* Arena refresh: readable cards, reachable actions and native scrolling. */
.wr-page{--wr-gold:#f1c975;max-width:1440px;margin:auto;padding:clamp(16px,3vw,40px)}
.wr-heading{background:radial-gradient(ellipse at top right,#75603444,transparent 60%),linear-gradient(120deg,#171d31,#0c1220);border:1px solid #ddbf772e;border-radius:24px;padding:32px!important;margin:16px 0 24px}
.wr-heading h1{font-size:clamp(30px,5vw,60px);line-height:1.08;max-width:900px;margin:12px 0}
.wr-tools{display:flex;gap:8px;flex-wrap:wrap;background:#101828;padding:12px;border:1px solid #7283a633;border-radius:16px;margin-bottom:18px}
.wr-tools button{font-size:13px!important;padding:10px 14px!important;min-height:44px}
.wr-page .wr-mode{position:relative;text-align:left;background:linear-gradient(145deg,#252e44,#111827);border:1px solid #7f93bb40;transition:transform .18s,border-color .18s;min-height:210px;border-radius:20px;padding:26px}
.wr-page .wr-mode:hover{transform:translateY(-3px);border-color:#f1c975}
.wr-mode h2{font-size:24px;margin:12px 0}.wr-number{font-size:12px;letter-spacing:.2em;color:#f1c975}.wr-mode strong{display:block;margin-top:18px;color:#f1c975}
.wr-page .wr-slot{flex-wrap:wrap;gap:10px}.wr-slot .wr-slot-label{flex:1 1 150px;min-width:120px}.wr-slot .wr-slot-label strong{font-size:15px;line-height:1.35;word-break:normal;overflow-wrap:break-word}
.wr-page .wr-edit-slot{font-size:12px;min-height:36px;padding:6px 10px;margin-left:auto;background:#ffffff0b;border:1px solid #91a6cb40}
.wr-spin{position:static;max-height:none;overflow:visible}.wr-wheel-wrap{max-width:300px}.wr-picks img{max-height:240px}.wr-boards{align-items:start}
.wr-resolution-off{padding:18px;background:#49778222;border:1px solid #75c6d255;border-radius:12px;color:#c6f6ff!important}
.wr-master-dialog{max-width:820px}.wr-master-dialog button{background:#303c5b;color:#fff;border:1px solid #788bad66;border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer}.wr-master-dialog button:disabled{opacity:.45;cursor:default}
.wr-master-dialog textarea{width:100%;min-height:90px;background:#0b1222;color:#fff;border:1px solid #7e8cac55;border-radius:9px;padding:12px;font:inherit}
.wr-master-dialog [data-error]:not(:empty){color:#ffd291;border-left:3px solid #ffb656;padding:12px}
.wr-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:55vh;overflow-y:auto;margin:16px 0;padding-right:6px}
.wr-master-dialog .wr-search-card{display:flex;gap:12px;align-items:center;text-align:left;padding:10px;background:#101b30}
.wr-search-card img{width:64px;height:72px;object-fit:cover;border-radius:8px;flex:0 0 64px}.wr-search-card span{min-width:0}.wr-search-card strong,.wr-search-card small{display:block;white-space:normal;word-break:normal;overflow-wrap:break-word}.wr-search-card small{color:#c4c8d2;margin-top:6px}
.wr-belt-image{display:block;width:100%;max-height:250px;object-fit:contain;background:#ffffff0a;border-radius:16px;padding:20px}
.wr-master-dialog .wr-check{display:flex;flex-direction:row;align-items:center;gap:12px}.wr-master-dialog input[type=checkbox]{width:20px;min-height:20px;flex:0 0 20px}
.wr-roll-result{font-size:24px;color:#f1c975;animation:wr-reveal .35s ease-out}@keyframes wr-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.wr-page{padding:12px}.wr-heading{padding:22px!important}.wr-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wr-tools button{width:100%;white-space:normal}.wr-search-results{grid-template-columns:1fr}.wr-slot .wr-slot-label{flex-basis:140px}.wr-master-dialog{padding:18px}.wr-top{gap:8px}.wr-top button{font-size:12px}.wr-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.wr-page .wr-mode{transition:none}.wr-roll-result{animation:none}}

.wr-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto}.wr-dialog input,.wr-dialog select,.wr-dialog textarea{box-sizing:border-box}

.wr-mobile-board{display:none!important}@media(max-width:540px){.wr-mobile-board{display:flex!important}.wr-boards>.wr-board-inactive{display:none}.wr-wheel-wrap{max-width:180px;margin:8px auto}.wr-tools{position:sticky;top:0;z-index:5;background:#151b29;padding:8px}.wr-spin .wr-picks img{max-height:160px}}
.wr-heading>.wr-credit{font-size:clamp(24px,3.5vw,38px);font-weight:800;line-height:1.25;color:var(--wr-gold);padding:18px 20px;}
.wr-filters{border:1px solid #bd9c5d;border-radius:12px;margin:18px 0;padding:14px}.wr-filters details{margin:10px 0}.wr-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:5px}.wr-filter-grid label,.wr-filters label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center}.wr-filters input[type=checkbox]{width:22px;min-height:22px}.wr-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wr-shared-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;max-height:65vh;overflow:auto}.wr-shared-pool button{display:flex;flex-direction:column;gap:6px;text-align:left}.wr-shared-pool img{width:100%;height:120px;object-fit:contain}.wr-shared-pool small{font-size:11px}.wr-lucky-art{display:block;width:min(240px,75%);height:auto;margin:auto}.wr-gm-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.wr-gm-ledger article{background:#101624;border-radius:10px;padding:14px}.wr-page fieldset,.wr-dialog fieldset{border:1px solid #7183a555;border-radius:10px;margin:14px 0;padding:14px}.wr-page select[multiple],.wr-dialog select[multiple]{min-height:150px}.wr-page fieldset select{margin:6px 0}.wr-board-note{font-size:13px;overflow-wrap:anywhere}@media(max-width:540px){.wr-two-fields{grid-template-columns:1fr}.wr-shared-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-shared-pool button{padding:10px}.wr-gm-ledger{grid-template-columns:1fr}.wr-tools{position:static}.wr-page button,.wr-dialog button{min-height:44px}.wr-page select,.wr-dialog select{font-size:16px}}
