/* Shared controls and spacing for SPA pages, arcade and case modes. */
:root{--guild-control-radius:12px;--guild-control-line:#a98ac842;--guild-control-fill:#21162fe8;--guild-control-focus:#d1afff;--guild-card-line:#ad87d32e;--guild-card-shadow:inset 0 1px 0 #ffffff06,0 12px 35px #0000001f}
html body :is(.button,.sc-button){min-height:42px;border-radius:var(--guild-control-radius);font-weight:600;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:normal;line-height:1.35;transition:background-color .16s,border-color .16s,box-shadow .16s;box-sizing:border-box}
html body .button{padding:11px 17px}
html body .button.primary{background:linear-gradient(135deg,#c7a5f5,#a87cdd);color:#170c28;border:1px solid #d9bbff70;box-shadow:inset 0 1px 0 #ffffff4d,0 4px 15px #7c49b527}
html body .button.outline{background:#251a3480;border:1px solid var(--guild-control-line);color:#f0e6fa}
html body :is(.button,.sc-button):hover:not(:disabled){border-color:#cfacf880;box-shadow:inset 0 1px 0 #ffffff08,0 5px 18px #a271d420}
html body :is(.button,.sc-button):disabled{cursor:not-allowed;opacity:.48;box-shadow:none}
html body :is(.filter,.plus-tabs button,.cb-filters button:not(.cb-link)){border-radius:10px}
html body :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--guild-control-focus);outline-offset:3px}
html body :is(.field,.gs-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){width:100%;min-width:0;border:1px solid var(--guild-control-line);background:#130d20;color:#f2eafa;padding:11px 12px;border-radius:11px;line-height:1.4}
html body :is(.search,select){min-width:0}
html body textarea{resize:vertical}
html body :is(.feedback,.ux-error,.ux-notice,.guest-message p,.stellar-bio,.plus-event-rules,.player-inline-link){overflow-wrap:anywhere}
html body :is(.game-caption,.catalog-controls,.plus-toolbar,.player-hero-actions,.section-heading,.message-meta,.row-actions){min-width:0}
html body :is(.game-card,.player-card,.plus-card,.stellar-card,.ux-panel){border-color:var(--guild-card-line);box-shadow:var(--guild-card-shadow)}
html body :is(.game-caption,.player-card,.plus-card) :is(h2,h3){overflow-wrap:anywhere}
html body .row-actions{gap:12px;flex-wrap:wrap}
html body .message-meta{flex-wrap:wrap;gap:8px 14px}
html body .player-hero-actions{flex-wrap:wrap}
html body .brand img{aspect-ratio:1;object-fit:contain;flex-shrink:0}
html body .guild-chrome-links{scrollbar-width:thin;scrollbar-color:#936bb74a transparent}
.gs-page{padding-bottom:28px}.gs-card{border:1px solid var(--guild-card-line);border-radius:18px;background:linear-gradient(140deg,#24182fca,#130e1ed9);box-shadow:var(--guild-card-shadow);padding:22px;min-width:0}.gs-card h2{font-size:20px}.gs-card h3{font-size:17px;line-height:1.4;margin-top:18px;overflow-wrap:anywhere}.gs-add-friend{display:grid;grid-template-columns:1fr minmax(260px,1fr);align-items:center;gap:24px;margin-bottom:24px}.gs-add-friend>div>svg{color:#d0a8f4;margin-bottom:10px}.gs-add-friend p{margin-top:9px}.gs-add-friend form{display:grid;gap:12px}.gs-add-friend .field{margin:0}.gs-add-friend .player-picker-results{z-index:5}.gs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gs-person{display:flex;align-items:center;gap:13px;min-width:0}.gs-person>div{min-width:0}.gs-person small{display:block;font-size:12px;margin-top:4px}.gs-avatar{width:48px;height:48px;border-radius:15px;border:1px solid #b28bdb47;background:#b087d018;color:#d8b8f6;font-size:20px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.gs-avatar img{width:100%;height:100%;object-fit:cover}.gs-name{display:block;font-size:16px;font-weight:600;color:#f1e5fc;overflow-wrap:anywhere}.gs-name:hover{text-decoration:underline}.gs-online{color:#a3e0bf}.gs-muted{color:#b9a7c9;font-size:13px;line-height:1.6}.gs-card>small{display:block;margin-top:8px}.gs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.gs-card>.gs-actions{margin-top:20px}.gs-actions .text-link{font-size:12px}.gs-danger{color:#f3a9b0!important}.gs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;flex-wrap:wrap}.gs-toolbar>.gs-actions{margin:0}.gs-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px;background:#100b1db0;border:1px solid #b38fdb25;border-radius:14px}.gs-tabs button{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:#bfa9d3;background:transparent;display:flex;align-items:center;gap:7px;font-size:13px;min-height:38px}.gs-tabs button[aria-pressed=true]{color:#f5eaff;background:#b68ae41c;border-color:#c49af443}.gs-tabs button span{font-size:10px;min-width:18px;border-radius:6px;background:#c09dea19;padding:1px 4px}.gs-filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0}.gs-filters .search{max-width:340px;flex:1;min-width:160px}.gs-filters select{max-width:250px;border:1px solid #a782ca45;border-radius:10px;background:#130d20;padding:10px 12px;color:#f2e6fc}.gs-check{display:flex;gap:9px;align-items:center;font-size:13px;color:#c5b4d5}.gs-check input{accent-color:#cda1fc;width:16px;height:16px;flex-shrink:0}.gs-preferences{margin-top:26px}.gs-preferences summary{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:15px;color:#d6b9ef}.gs-preferences summary:after{content:'⌄';margin-left:auto}.gs-preference-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 15px}.gs-preference-fields .field{margin:0}.gs-friend-button{display:inline-flex;flex-wrap:wrap;gap:9px}.gs-highlight{border-color:#d9b2ff70;box-shadow:0 0 0 2px #bb8fec20}.gs-empty{text-align:center;border:1px dashed #a481ca30;padding:42px 22px;border-radius:18px;margin:20px 0;display:grid;justify-items:center;gap:14px}.gs-empty>svg{color:#bc94e3}.gs-empty h2{font-size:20px}.gs-empty p{font-size:14px;max-width:450px;line-height:1.6}.gs-empty .feedback{margin:0}.gs-dialog{padding:0;width:min(720px,calc(100vw - 28px));max-width:720px;max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;font-family:Arial,Helvetica,sans-serif}.gs-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#20152ff5;border-bottom:1px solid #b789d931;backdrop-filter:blur(12px)}.gs-dialog>header h2{font-size:22px;line-height:1.25}.gs-icon{display:grid;place-items:center;border:1px solid #b78cdd33;border-radius:10px;width:34px;height:34px;background:#b08bce0e;color:#cdb6e2;flex-shrink:0}.gs-dialog-body{padding:24px}.gs-dialog-body>p{font-size:14px;line-height:1.7;margin:0 0 20px;color:#bfaacb}.gs-dialog-body>h3{font-size:20px;line-height:1.4;margin:16px 0}.gs-form{display:grid;gap:18px;margin-top:18px}.gs-form .field{display:grid;gap:8px;font-size:13px;color:#d1bfdc;margin:0}.gs-form .field small{font-size:11px;color:#a693b7}.gs-form .gs-muted{margin:0}.gs-form>.button{justify-self:start}.gs-form .feedback{margin:0}.gs-reports-list{display:grid;gap:10px}.gs-report-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;color:#dfc9f3;cursor:pointer;padding:18px}.gs-report-row>svg{flex-shrink:0}.gs-report-row>span:first-of-type{flex:1;min-width:0;display:grid;gap:5px}.gs-report-row b{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.gs-report-row small{font-size:12px;color:#b49cc7;overflow-wrap:anywhere;line-height:1.6}.gs-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;align-self:center;flex-shrink:0;padding:5px 9px;border:1px solid #b38dce38;background:#b590cf10;border-radius:8px;font-size:11px;color:#c7acd9;line-height:1.4}.gs-status-open{color:#e1c8fc;background:#b085ed19;border-color:#bf94f43a}.gs-status-review{color:#ead29f;background:#ddaf5011;border-color:#e1b35e30}.gs-status-resolved,.gs-health-ok{color:#a6dec4;background:#6fb39911;border-color:#8ac6af30}.gs-status-rejected,.gs-health-error,.gs-health-stale{color:#efadaf;background:#e1818910;border-color:#ee8d9830}.gs-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:24px 0;font-size:12px;color:#bba1cf;flex-wrap:wrap}.gs-pager>span:first-child{margin-right:auto}.gs-report-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gs-report-text{white-space:pre-wrap;overflow-wrap:anywhere}.gs-snapshot{border-left:2px solid #b68cdf80;margin:20px 0;padding:14px 18px;background:#09071166;border-radius:0 10px 10px 0}.gs-snapshot small{font-size:11px;color:#af94c5}.gs-snapshot p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:8px 0 0;color:#cdbadc}.gs-conversation{display:grid;gap:12px;margin-top:26px}.gs-reply{padding:14px 16px;background:#0f0b1955;border:1px solid #b38cd527;border-radius:12px}.gs-reply header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.gs-reply time{font-size:10px;color:#a68bba}.gs-reply p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:10px 0 0;color:#d5c3e4}.gs-staff-reply{border-color:#c49bee44;background:#b385e50b}.gs-private-reply{border-color:#d1b45b42;background:#e2b34f08}.gs-private-reply header{color:#dbc394}.gs-admin-actions{border-top:1px solid #b289d932;margin-top:28px;padding-top:20px}.gs-admin-actions h3,.gs-health h3{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.5}.gs-admin-actions p{margin:12px 0}.gs-warning{margin-top:18px;padding:16px;border:1px solid #ddb65d40;border-radius:12px;background:#e2b34f09}.gs-warning p{font-size:13px;margin-bottom:14px}.gs-report-alert{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #b08bde3b;border-radius:12px;background:#ac7bdd12;color:#d9bff4;text-align:left;padding:16px;margin:22px 0;cursor:pointer;font-size:14px}.gs-report-alert span{flex:1}.gs-health{margin-bottom:24px!important}.gs-health>.gs-toolbar{margin:0 0 20px}.gs-health p{margin:8px 0 0;font-size:12px}.gs-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.gs-health-item{padding:16px;background:#130f1d66;border:1px solid #ad8bce26;border-radius:14px;min-width:0}.gs-health-item header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gs-health-item b{font-size:14px}.gs-health-item dl{margin:16px 0}.gs-health-item dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;font-size:11px;margin:6px 0}.gs-health-item dt{color:#ad93c5}.gs-health-item dd{margin:0;overflow-wrap:anywhere;text-align:right;color:#dac9e8}.gs-health-item .button{font-size:12px;min-height:36px;padding:8px 12px}
@media(max-width:1100px){.gs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html body :is(.catalog-controls,.plus-toolbar,.section-heading){flex-wrap:wrap;gap:14px}html body .catalog-controls .search{min-width:0;width:100%}html body .section-heading h2{overflow-wrap:anywhere}html body .page-head h1{overflow-wrap:anywhere}.gs-add-friend{grid-template-columns:1fr;gap:20px}.gs-grid,.gs-preference-fields,.gs-health-grid{grid-template-columns:1fr}.gs-card{padding:18px}.gs-tabs{width:100%;gap:4px}.gs-tabs button{flex:1;font-size:12px;padding:8px}.gs-toolbar{gap:10px}.gs-toolbar>.button{margin-left:auto}.gs-filters{width:100%;gap:10px}.gs-filters .search{max-width:none}.gs-dialog>header{padding:17px 18px}.gs-dialog>header h2{font-size:20px}.gs-dialog-body{padding:20px 18px}.gs-report-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px}.gs-report-row>.gs-badge{grid-column:2;justify-self:start}.gs-report-row>svg:last-child{grid-column:3;grid-row:1}.gs-report-row .gs-badge{font-size:10px}.gs-pager .button{padding:9px 12px;min-height:38px}.gs-friend-button{width:100%}.gs-dialog .gs-actions>.button{flex:1}.gs-dialog .gs-admin-actions .gs-actions>.button{flex-basis:40%}.gs-report-alert{font-size:13px}html body .footer{flex-wrap:wrap;gap:14px;padding-bottom:70px}}
.gs-trade-context{margin:24px 0}.gs-trade-context>h3{font-size:15px;margin:0 0 14px}.gs-trade-context>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gs-trade-context article{min-width:0;padding:14px;border:1px solid #a780c935;border-radius:12px;background:#100b1966}.gs-trade-context article>b{display:block;font-size:13px;overflow-wrap:anywhere}.gs-trade-context article>small{display:block;color:#b099c2;font-size:11px;margin:7px 0 14px}.gs-trade-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;border-top:1px solid #a783c524;padding:10px 0}.gs-trade-item img{width:40px;height:40px;object-fit:contain}.gs-trade-item b{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.gs-trade-item small{font-size:10px;color:#a98ebf;overflow-wrap:anywhere}.gs-trade-item em{grid-column:2;font-size:11px;color:#d6bee8;font-style:normal}@media(max-width:700px){.gs-trade-context>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html body :is(.button,.sc-button){transition:none}}

/* v61: shared surfaces, tactile controls and deliberately scoped motion. */
:root{--guild-radius-control:12px;--guild-radius-card:18px;--guild-radius-dialog:22px;--guild-space-control:11px 17px;--guild-focus:#d3adff;--guild-surface-base:#15101f;--guild-surface-raised:#24182f;--guild-border:#b594d738;--guild-motion-duration:200ms;--guild-hover-y:-1.3px;--guild-press-scale:.992;--guild-effect-strength:.65;--guild-ease:cubic-bezier(.2,.75,.25,1)}
html body :is(.open-button,.btn.primary){border-radius:var(--guild-radius-control);border:1px solid #e0c2ff70;background:linear-gradient(125deg,#d5b6fc,#bd93ee 52%,#a679d5);color:#1c102c;box-shadow:inset 0 1px 0 #ffffff55,0 5px 20px #8d52c824}
html body :is(.sound-toggle,.arcade-audio-toggle,.v10-tabs button,.hub-tabs button){border-radius:11px;transition:background-color var(--guild-motion-duration),border-color var(--guild-motion-duration),color var(--guild-motion-duration)}
html body :is(.v10-tabs button[aria-selected=true],.hub-tabs button[aria-pressed=true]){border-color:#c7a0eb70;background:linear-gradient(125deg,#b38bde28,#8d60b51c);color:#f0ddff;box-shadow:inset 0 1px 0 #ffffff08}
html{scrollbar-color:#7e5c97 transparent;scrollbar-width:thin}
html body :is(.button,.sc-button){position:relative;isolation:isolate;overflow:hidden;border-radius:var(--guild-radius-control);transition:background-color var(--guild-motion-duration),border-color var(--guild-motion-duration),box-shadow var(--guild-motion-duration),transform var(--guild-motion-duration) var(--guild-ease);text-wrap:pretty;vertical-align:middle;max-width:100%}
html body .button.primary{background:linear-gradient(125deg,#d5b6fc 0%,#bd93ee 52%,#a679d5 100%);color:#1c102c;border-color:#ebd4ff70;box-shadow:inset 0 1px 0 #ffffff70,0 5px 20px #8d52c824}
html body .button.outline{background:linear-gradient(140deg,#35244070,#21172d80);color:#e8d8f6;border-color:var(--guild-border);box-shadow:inset 0 1px 0 #ffffff06}
html body :is(.button,.sc-button):active:not(:disabled){transform:scale(var(--guild-press-scale));box-shadow:inset 0 1px 4px #0002}
html body :is(.button,.sc-button):disabled{transform:none;filter:none;cursor:not-allowed}
html body :is(.button,.sc-button)>svg{flex-shrink:0}
html body :is(.button.danger,.gs-danger.button){border-color:#d8879d50;background:linear-gradient(140deg,#50213570,#28142180);color:#f5becb}
html body :is(.filter,.gs-tabs button,.plus-tabs button,.cb-filters button:not(.cb-link),.ac-tabs button,.an-tabs button){transition:background-color var(--guild-motion-duration),border-color var(--guild-motion-duration),color var(--guild-motion-duration);min-width:0}
html body :is(.button,.sc-button,.guild-profile-item,.an-periods button,.gs-tabs button,.an-tabs button){position:relative;overflow:hidden;isolation:isolate}
.guild-tap-wave{position:absolute;pointer-events:none;z-index:2;width:12px;height:12px;border-radius:50%;background:#ffffff3b;opacity:0;translate:-50% -50%;animation:guild-tap-glow .52s var(--guild-ease) both}
@keyframes guild-tap-glow{0%{scale:1;opacity:calc(var(--guild-effect-strength)*.8)}100%{scale:35;opacity:0}}
html body :is(.game-card,.player-card,.plus-card,.gs-card,.hub-room,.hub-post,.ac-card,.an-card,.ux-panel){border-radius:var(--guild-radius-card);border-color:var(--guild-card-line);box-shadow:var(--guild-card-shadow)}
html body :is(.game-card,.player-card,.arcade-card,.plus-event-card,.hub-room,.shop-card,.ux-skin-compact){transition:border-color var(--guild-motion-duration),box-shadow var(--guild-motion-duration),background-color var(--guild-motion-duration)}
html body :is(.field,.gs-form,.pw-fields,.an-custom-range) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){border-color:var(--guild-border);border-radius:11px;background-color:#110c1b;transition:border-color var(--guild-motion-duration),box-shadow var(--guild-motion-duration)}
html body :is(input,textarea,select):focus-visible{border-color:#c7a0f2;box-shadow:0 0 0 3px #b888ed12}
html body :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--guild-focus);outline-offset:3px}
html body :is(.feedback,.shop-success,.shop-shortage,.ux-error,.ux-notice){border-radius:12px;overflow-wrap:anywhere}
html body :is(.feedback:not(.error),.shop-success){border-color:#91c7ad45;box-shadow:inset 3px 0 0 #a2d4bc}
html body .feedback.error{border-color:#cf819749;box-shadow:inset 3px 0 0 #e6a3b6}
html body :is(.gs-dialog,.ac-dialog,.plus-dialog,.sc-dialog,.guild-case-confirm,.cosmos-settings){border-radius:var(--guild-radius-dialog)!important;border-color:#c6a1e34d!important;box-shadow:inset 0 1px 0 #ffffff08,0 26px 90px #0009;max-height:calc(100dvh - 28px);overscroll-behavior:contain;scrollbar-width:thin}
html body :is(.gs-dialog,.ac-dialog,.plus-dialog,.sc-dialog,.guild-case-confirm,.cosmos-settings)[open]{animation:guild-dialog-in var(--guild-motion-duration) var(--guild-ease) both}
html body dialog::backdrop{background:#08040ec2;backdrop-filter:blur(7px)}
@keyframes guild-dialog-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
html body :is(.guild-profile-menu,.gs-notify-panel,.player-picker-results){border-radius:16px;border-color:#bb93e448;box-shadow:inset 0 1px 0 #ffffff07,0 18px 60px #0007}
html body :is(.shop-success,.achievement-toast){animation:guild-success-in var(--guild-motion-duration) var(--guild-ease) both}
@keyframes guild-success-in{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
html[data-ui-motion=off] body :is(.button,.sc-button,.game-card,.game-cover img,.player-card,.arcade-card,.plus-event-card,.hub-room,.shop-card,.guild-profile-menu,.guild-profile-chevron,.an-tabs button,.gs-tabs button){transition-duration:0s!important}
html[data-ui-motion=off] body :is(.gs-dialog,.ac-dialog,.plus-dialog,.sc-dialog,.guild-case-confirm,.cosmos-settings,.shop-success,.achievement-toast){animation:none!important}
html[data-ui-motion=off] body :is(.guild-profile-menu,.gs-notify-panel,.ac-toast,.shop-card,.shop-purchase-flash,.hub-constellation){animation:none!important}
html[data-ui-motion=off] body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge),html[data-ui-motion=off] body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge) *,html[data-ui-hidden=true] body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge),html[data-ui-hidden=true] body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge) *{animation-play-state:paused!important}
html:is([data-ui-motion=off],[data-ui-hidden=true]) body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge)::before,html:is([data-ui-motion=off],[data-ui-hidden=true]) body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge)::after,html:is([data-ui-motion=off],[data-ui-hidden=true]) body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge) *::before,html:is([data-ui-motion=off],[data-ui-hidden=true]) body :is(.cosmetic-scene,.cosmetic-atmosphere,.cosmetic-title,.stellar-avatar,.cosmetic-badge) *::after{animation-play-state:paused!important}
html[data-ui-motion=calm] body :is(.shop-card,.cosmetic-swatch){transform:none!important}
html[data-ui-motion=off] body .shop-card{transform:none!important}
html[data-ui-motion=off] body :is(.cosmos-nebula,.cosmos-dust){translate:0 0!important;animation-play-state:paused!important}
html[data-ui-hidden=true] body :is(.cosmos-nebula,.cosmos-dust){animation-play-state:paused!important}
.cosmos-settings{padding:0!important;width:min(560px,calc(100vw - 28px))!important;max-width:560px!important;overflow:auto;color:#f0e3fa!important}
.cosmos-settings>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-bottom:1px solid #c49be12c}
.cosmos-settings>header h2{font-size:22px!important;line-height:1.3;margin:0!important}
.cosmos-settings .experience-close{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid #bb91dd35;background:#aa7edd0a;color:#d5b9ed;font-size:21px;flex-shrink:0}
.experience-body{padding:23px 25px;display:grid;gap:24px}
.experience-preview{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:14px;padding:19px;background:radial-gradient(ellipse at 10% 0%,#ad77ec23,transparent 70%),#130d20;border:1px solid #ba91da35;border-radius:15px}
.experience-preview>span{height:44px;width:44px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;color:#e0c0fc;background:#b28ae31c;border:1px solid #c39cee39;font-size:23px}
.experience-preview>div{flex:1;min-width:0}.experience-preview b{display:block;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.experience-preview small{display:block;font-size:10px;color:#ac91c3;margin-top:4px}.experience-preview .button{font-size:10px;padding:8px 12px;min-height:34px}
.cosmos-settings .experience-preview .button{width:auto!important;flex-shrink:0}
.cosmos-settings>footer .button{width:auto!important;min-width:105px}
.cosmos-settings .experience-preview>div{flex:1 1 0;min-width:0}
.cosmos-settings fieldset{border:0!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.cosmos-settings fieldset legend{grid-column:1/-1;margin:0 0 11px;padding:0;color:#d6bde9;font-size:12px;font-weight:600}
.cosmos-settings fieldset label{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px!important;min-width:0;border:1px solid #ac81ce2d!important;border-radius:10px;color:#bca2cf!important;background:#a776d305!important;font-size:11px!important;cursor:pointer;line-height:1.4}
.cosmos-settings fieldset label:has(input:checked){background:#b387dc1e!important;border-color:#c497e96b!important;color:#edd9ff!important;box-shadow:inset 0 1px 0 #ffffff08}
.cosmos-settings fieldset input{width:12px;height:12px;accent-color:#c49ef0;flex-shrink:0}
.cosmos-settings .cosmos-intensity,.cosmos-settings .experience-intensity{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12px;color:#ccb2e0;line-height:1.5}
.cosmos-settings :is(.cosmos-intensity,.experience-intensity) output{font-size:11px;color:#9e82b2}
.cosmos-settings :is(.cosmos-intensity,.experience-intensity) input{grid-column:1/-1;width:100%;accent-color:#c49af0}
.experience-privacy{display:flex;align-items:flex-start;gap:10px;padding:17px 0 0;border-top:1px solid #ae87cf25;cursor:pointer}
.experience-privacy input{width:15px;height:15px;accent-color:#c9a0ef;flex-shrink:0;margin-top:2px}
.experience-privacy b{display:block;font-size:12px;font-weight:500;color:#d6bce9;line-height:1.5}
.experience-privacy small{display:block;font-size:10px;line-height:1.7;color:#a98abc;margin-top:6px}
.cosmos-settings .cosmos-system-note{margin:0!important;font-size:11px!important;line-height:1.65;color:#bb9bcd!important;background:#b88ce30a;border:1px solid #b691d127;border-radius:10px;padding:12px}
.cosmos-settings>footer{padding:17px 25px;display:flex;justify-content:flex-end;border-top:1px solid #b68bd12b;background:#140e20;position:sticky;bottom:0;z-index:2}
.cosmos-settings>footer .button{min-width:105px}
@media(hover:hover) and (pointer:fine){html body :is(.button,.sc-button):hover:not(:disabled){transform:translateY(var(--guild-hover-y));border-color:#dfbeff85;box-shadow:inset 0 1px 0 #ffffff13,0 7px 25px #9e67cf2a}html body .button.primary:hover:not(:disabled){background:linear-gradient(125deg,#e0c6ff,#caacf5 52%,#b38bdd)}html body :is(.game-card,.player-card,.arcade-card,.plus-event-card,.hub-room):hover{border-color:#c299e55e;box-shadow:inset 0 1px 0 #ffffff08,0 12px 34px #9662c416}}
@media(max-width:650px){html body :is(.button,.sc-button){min-height:42px}.cosmos-settings>header{padding:20px}.cosmos-settings>header h2{font-size:20px!important}.experience-body{padding:20px;gap:22px}.experience-preview{padding:15px;gap:10px}.experience-preview .button{font-size:9px;padding:8px 10px}.experience-preview b{font-size:12px}.experience-preview small{font-size:9px}.cosmos-settings fieldset label{font-size:10px!important;padding:11px 5px!important}.cosmos-settings>footer{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){html body :is(.guild-tap-wave,.gs-dialog,.ac-dialog,.plus-dialog,.sc-dialog,.guild-case-confirm,.cosmos-settings,.shop-success,.achievement-toast){animation:none!important}html body :is(.button,.sc-button):hover:not(:disabled){transform:none}html body dialog::backdrop{backdrop-filter:none}}

/* Composite search controls have one focus indicator around the whole field. */
html body :is(.player-search-control,.hub-search,.market-search,.player-search,.plus-toolbar .search,.ac-nav-search,.ac-search) input{min-width:0;border:0!important;border-radius:0!important;background:transparent!important}
html body :is(.player-search-control,.hub-search,.market-search,.player-search,.plus-toolbar .search,.ac-nav-search,.ac-search) input:is(:focus,:focus-visible){outline:none;box-shadow:none!important}
html body :is(.player-search-control,.hub-search,.market-search,.player-search,.plus-toolbar .search,.ac-nav-search,.ac-search):focus-within{border-color:var(--guild-focus);box-shadow:0 0 0 3px #b888ed1f}
@media(forced-colors:active){html body :is(.player-search-control,.hub-search,.market-search,.player-search,.plus-toolbar .search,.ac-nav-search,.ac-search):focus-within{outline:2px solid Highlight;outline-offset:2px}}
/* Stable space while route data is loading keeps the footer below the first screen. */
#root>main{min-block-size:calc(100svh - 144px)}
.guild-page-loading{padding-top:34px}
.guild-page-loading>[role=status]{display:grid;gap:18px}
.guild-page-loading span{display:block;min-height:18px;width:48%;border-radius:12px;background:#bc9bdf09}
.guild-page-loading span:first-child{height:290px;width:100%;background:linear-gradient(140deg,#251a340f,#b68bd309)}
.guild-page-loading span:last-child{width:66%}
@media(max-width:800px){#root>main{min-block-size:calc(100svh - 126px)}}
#skin-guess-root:empty{min-block-size:710px;background:linear-gradient(135deg,#171120,#100b18);border-radius:16px}
.arcade-shell{min-block-size:calc(100svh - 144px)}
@media(max-width:800px){.arcade-shell{min-block-size:calc(100svh - 126px)}}