/* V36 finish: authored stadium, clear reading lanes, machined silver / lime / yellow. */
:root{--r36-green:#b6ef3c;--r36-yellow:#ffe45b;--r36-text:#f3f6ed;--r36-edge:#dae9df91;--r36-safe:max(18px,env(safe-area-inset-left));color-scheme:dark}
*{box-sizing:border-box}::selection{background:#b6ef3c;color:#06070a}input{caret-color:#b6ef3c}button,a,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:#b6ef3c38 }
:is(button,a,input,select,summary):focus-visible{outline:3px solid #ffe45b!important;outline-offset:4px!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock{top:20px!important;right:20px!important;width:min(960px,calc(100vw - 40px))!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:7px!important;padding:7px!important;border-radius:26px!important;background:linear-gradient(155deg,#e9ffe218,#0307055c 45%,#0307059c)!important;border:1px solid var(--r36-edge)!important;box-shadow:inset 0 2px 1px #ffffdb78,inset 0 -2px 4px #0009,0 12px 28px #0006!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-route{min-height:60px!important;min-width:0;padding:9px 6px!important;display:flex!important;flex-direction:column;gap:5px!important;border-radius:19px!important;border:1px solid #f0ffd340!important;color:#f5f7ef!important;font:700 11px/1.15 Inter,Arial,sans-serif!important;letter-spacing:.035em!important;background:linear-gradient(150deg,#fcffe31e,#02080539 48%,#e1ffe710)!important;box-shadow:inset 0 1px #fff8,inset 0 -2px 4px #0007,0 4px 10px #0004!important;transition:background .2s,border-color .2s,transform .2s}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-route:hover{border-color:#d5ff76!important;background:linear-gradient(150deg,#dbff832d,#03080545)!important;transform:translateY(-2px)}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-route:active{transform:translateY(1px)}
html body.rotor-access-ready.rotor-access-ready .rotor-access-glyph{width:27px!important;height:27px!important;flex-basis:27px!important;opacity:1!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-play{color:#ffe45b!important;border-color:#ffe45b99!important;background:linear-gradient(155deg,#ffe45b34,#09100666)!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock>a[href="/"]{color:#caff83!important;border-color:#b6ef3c70!important}
/* Restore the authored GTA text, without the old landing-page controls covering the court. */
html body.blue-court-opening:not(.rotor-access-panel-open):not(.club-center-open):not(.emblem-editor-open) #mainMenu{display:block!important;position:fixed!important;left:var(--r36-safe)!important;top:auto!important;bottom:118px!important;right:auto!important;width:min(470px,38vw)!important;max-height:46vh!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;pointer-events:none;z-index:30!important}
html body.blue-court-opening #mainMenu h1{margin:0!important;font:800 clamp(36px,4.7vw,72px)/.94 'Barlow Condensed',Inter,sans-serif!important;letter-spacing:-.015em!important;color:#f3f6ed!important;text-transform:uppercase;text-shadow:0 3px 4px #000,0 10px 26px #000c!important}
html body.blue-court-opening #mainMenu h1 em{font-style:normal!important;color:#b6ef3c!important}
html body.blue-court-opening #mainMenu .cm-intro{display:block!important;color:#f3f6ed!important;font:500 13px/1.5 Inter,sans-serif!important;max-width:35ch!important;margin:14px 0 0!important;text-shadow:0 2px 5px #000!important}
html body.blue-court-opening #mainMenu :is(.cm-primary,.cm-learning,.cm-angles-toggle,.cm-kicker){display:none!important}
html body.blue-court-opening #stadiumArrival{display:none!important}
html body.blue-court-opening #cmGreenRoom{display:none!important}
html body.blue-court-opening .cm-header{display:flex!important;position:fixed!important;left:20px!important;top:24px!important;padding:0!important;width:auto!important;background:none!important;border:none!important;z-index:40!important}
html body.blue-court-opening .cm-header nav{display:none!important}
html body.blue-court-opening .cm-brand{font:800 31px/1 'Barlow Condensed',sans-serif!important;color:#f6f8f0!important;text-shadow:0 2px 8px #000}
html body.blue-court-opening .cm-brand small{display:block!important;font:600 9px/1.7 Inter,sans-serif!important;letter-spacing:.18em!important;color:#b6ef3c!important}
html body .cm-view-rail{left:var(--r36-safe)!important;right:auto!important;bottom:max(20px,env(safe-area-inset-bottom))!important;top:auto!important;max-width:calc(100vw - 40px)!important;width:auto!important;border-color:var(--r36-edge)!important;background:linear-gradient(155deg,#f3ffe51c,#02070570)!important;border-radius:23px!important;box-shadow:inset 0 1px #fff9,0 9px 22px #0007!important;padding:5px!important;gap:5px!important}
html body .cm-view-rail :is(button,summary){min-height:44px!important;padding:8px 12px!important;font:700 11px/1.2 Inter,sans-serif!important;letter-spacing:.035em!important;background:linear-gradient(165deg,#f3ffe522,#02050366)!important;color:#f4f7ea!important;border:1px solid #e7ffd954!important;border-radius:17px!important;box-shadow:inset 0 1px #fff5!important}
html body .cm-view-rail #cmViewPicker{color:#b6ef3c!important;min-width:150px!important}
/* Live window uses the existing HDR renderer and its own camera-correct mirror. */
html body #rotorWorldView.rotor-view-pip{left:auto!important;right:20px!important;top:auto!important;bottom:102px!important;width:min(330px,32vw)!important;border-radius:28px!important;background:linear-gradient(150deg,#f5ffe512,#0005)!important;border-color:#e6ffb58c!important;padding:12px!important;box-shadow:inset 0 2px #ffffdf88,0 18px 36px #0008!important}
html body #rotorWorldView:not(.expanded) .pip-world-actions{display:none!important}
html body .rotor-view-pip :is(button,select){min-height:44px!important;color:#f3f7eb!important;background:linear-gradient(160deg,#faffdf27,#03070577)!important;border-color:#e1f5c785!important;border-radius:16px!important;padding:6px 9px!important}
html body .rotor-view-pip select{min-width:0;flex:1;font-size:11px!important}
html body #rotorWorldView.expanded{width:min(650px,calc(100vw - 40px))!important;top:118px!important;bottom:auto!important;max-height:calc(100dvh - 138px)!important;overflow:auto!important}
html body .rotor-view-toggle{left:auto!important;right:20px!important;top:auto!important;bottom:20px!important;border-radius:19px!important;min-height:48px!important;background:linear-gradient(155deg,#f5ffe52a,#04070577)!important;color:#caff83!important;border-color:#caff83a6!important;font-weight:750!important;box-shadow:inset 0 1px #fff9,0 8px 20px #0006!important}
.rotor36-session-tools{position:fixed;z-index:410;right:20px;top:112px;display:flex;gap:8px}
.rotor36-session-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 14px;color:#f7faef;border:1px solid #e1f4cf85;border-radius:20px;background:linear-gradient(155deg,#ffffe632,#0109058c 58%,#b6ef3c17);box-shadow:inset 0 1px #ffffdcbd,inset 0 -2px 3px #0008,0 8px 19px #0005;font:700 11px/1.2 Inter,sans-serif;letter-spacing:.025em;cursor:pointer}
.rotor36-session-tools button:hover{border-color:#b6ef3c;color:#b6ef3c}.rotor36-session-tools svg,.rotor36-music-close svg{width:21px;height:21px;flex:none}
html body :is(.rotor-access-panel,.rotor-club-center){border-color:#dfff9696!important;background:linear-gradient(155deg,#dfff8d20,#050805c9 30%,#020402de)!important;box-shadow:inset 0 2px #ffffdea1,inset 0 -1px #b6ef3c40,0 24px 48px #000a!important;border-radius:30px!important}
html body .rotor-access-panel :is(a,button){min-height:46px!important;background:linear-gradient(155deg,#ffffdb28,#01040366)!important;box-shadow:inset 0 1px #ffffdfa1,inset 0 -2px 3px #0008,0 5px 13px #0005!important;border-color:#eeffd27a!important;color:#f5f7ea!important}
html body .rotor-access-panel .rotor-access-start,html body .club-mode:first-child{background:linear-gradient(150deg,#d5ff7d,#b6ef3c 65%,#90bc31)!important;color:#05060a!important;text-shadow:none!important;border-color:#edffc5!important}
html body .rotor-access-panel[hidden]{display:none!important}
html body.rotor-access-panel-open .rotor36-session-tools,html body.club-center-open .rotor36-session-tools{display:none!important}
html body .rotor-access-panel>.rotor-access-dock{top:auto!important;right:auto!important;padding:5px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.rotor-match-frame.rotor-access-ready.rotor-access-ready .rotor-access-dock{top:90px!important;width:min(960px,calc(100vw - 40px))!important}
html body.rotor-match-frame .rotor36-session-tools{top:180px!important}
html body.playing .rotor36-session-tools{display:none}
/* Reach music controls in every game room; closing never recreates or seeks the host media. */
html body:not(.rotor36-music-open) #pfDeck,html body:not(.rotor36-music-open) .pf-radio-wake{display:none!important}
html body.rotor36-music-open #pfDeck:not([hidden]){display:block!important;position:fixed!important;right:20px!important;left:auto!important;top:172px!important;bottom:auto!important;width:min(360px,calc(100vw - 40px))!important;max-height:calc(100dvh - 192px)!important;padding:16px!important;overflow:auto!important;border:1px solid #e7ffd99c!important;border-radius:28px!important;background:linear-gradient(145deg,#d7ff9826,#040704dd)!important;box-shadow:inset 0 2px #fff8,0 20px 40px #0009!important;z-index:510!important}
html body.rotor36-music-open #pfDeck .host{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9;min-height:0!important;max-height:none!important;background:transparent!important}
html body.rotor36-music-open #pfDeck .top{padding-right:38px!important}
html body.rotor36-music-open #pfDeck :is(button,a){min-height:44px!important;color:#f6f9ed!important;border-color:#e1ffd786!important;background:linear-gradient(155deg,#efffc927,#02050366)!important;border-radius:15px!important}
.rotor36-music-close{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:8px;cursor:pointer}
html body.rotor36-music-open #pfDeck .rotor36-music-close{border:1px solid #dfff9696!important}
html body :is(.rotor-access-panel,.rotor-club-center,#pfDeck){scrollbar-width:thin;scrollbar-color:#b6ef3c80 #050805}
@media(max-width:1180px){html body.blue-court-opening .cm-header{display:none!important}html body.rotor-access-ready.rotor-access-ready .rotor-access-dock{left:20px!important;right:20px!important;width:calc(100vw - 40px)!important}}
@media(max-width:760px){
 html body.rotor-access-ready.rotor-access-ready .rotor-access-dock{top:12px!important;left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:5px!important;border-radius:23px!important}
 html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-route{min-height:48px!important;flex-direction:row!important;font-size:10px!important;padding:6px 4px!important;letter-spacing:0!important}
 html body.rotor-access-ready.rotor-access-ready .rotor-access-glyph{width:21px!important;height:21px!important;flex-basis:21px!important}
 .rotor36-session-tools{top:130px;right:12px;gap:6px}.rotor36-session-tools button{min-height:44px;font-size:10px;padding:8px 10px}
 html body.blue-court-opening:not(.rotor-access-panel-open):not(.club-center-open):not(.emblem-editor-open) #mainMenu{left:16px!important;bottom:210px!important;width:calc(100vw - 32px)!important;max-height:27vh!important}
 html body.blue-court-opening #mainMenu h1{font-size:clamp(29px,8vw,46px)!important;max-width:70%!important}
 html body.blue-court-opening #mainMenu .cm-intro{font-size:11px!important;max-width:28ch!important;margin-top:8px!important}
 html body #rotorWorldView.rotor-view-pip{right:12px!important;bottom:88px!important;left:auto!important;width:186px!important;padding:7px!important;border-radius:22px!important}
 html body #rotorWorldView .rotor-view-window{aspect-ratio:1.8!important}
 html body #rotorWorldView header{gap:3px!important;margin-bottom:5px!important}
 html body #rotorWorldView :is(button,select){min-height:44px!important;padding:4px!important;border-radius:12px!important}
 html body #rotorWorldView select{font-size:9px!important;max-width:54px!important}
 html body .rotor-view-toggle{right:12px!important;bottom:16px!important;font-size:10px!important;padding:8px 10px!important;min-height:44px!important}
 html body .cm-view-rail{left:12px!important;bottom:16px!important;max-width:calc(100vw - 145px)!important;padding:4px!important;gap:3px!important;flex-wrap:wrap!important}
 html body .cm-view-rail :is(button,summary){font-size:9px!important;padding:6px!important;min-height:44px!important}
 html body .cm-view-rail :is(#cmLocationsOpen,#cmViewSettings){display:none!important}
 html body .cm-view-rail #cmViewPicker{min-width:0!important;max-width:100px!important;font-size:8px!important}
 html body #rotorWorldView.expanded{top:182px!important;bottom:auto!important;left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 198px)!important}
 html body #rotorWorldView.expanded select{max-width:none!important}
 html body .rotor-access-panel{left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;top:12px!important;max-height:calc(100dvh - 24px)!important}
 html body.rotor-match-frame.rotor-access-ready.rotor-access-ready .rotor-access-dock{top:100px!important;width:calc(100vw - 24px)!important}
 html body.rotor-match-frame .rotor36-session-tools{top:218px!important}
 html body.rotor36-music-open #pfDeck:not([hidden]){top:184px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 200px)!important}
}
@media(max-height:560px) and (orientation:landscape){html body.blue-court-opening #mainMenu{bottom:92px!important;max-height:38vh!important}html body.blue-court-opening #mainMenu h1{font-size:33px!important}html body.blue-court-opening #mainMenu .cm-intro{display:none!important}html body #rotorWorldView.rotor-view-pip{width:200px!important;bottom:82px!important}.rotor36-session-tools{top:104px!important}html body.rotor-access-ready.rotor-access-ready .rotor-access-dock .rotor-access-route{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){html body :is(.rotor-access-dock,.rotor-access-panel,.rotor-club-center,#pfDeck){background:#060a05!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(forced-colors:active){html body :is(.rotor-access-dock,.rotor-access-panel,.rotor36-session-tools button,.rotor-view-pip){background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important}}

html body.blue-court-opening:not(.rotor-access-panel-open):not(.club-center-open):not(.emblem-editor-open) #mainMenu{visibility:visible!important}
html body.blue-court-opening #mainMenu .rotor25-player-line{display:none!important}
html body #rotorWorldView:not(.expanded) .rotor-slide-controls{display:none!important}
html body .rotor-access-route>.rotor-ui3d-icon{display:none!important}

html body.blue-court-opening .cm-view-rail #cmRacketControl{display:flex!important;position:static!important;inset:auto!important;transform:none!important;align-items:center;min-height:44px!important;color:#b6ef3c!important}
html body.blue-court-opening.try-racket .racket-axis-desktop{display:flex!important}
/* Optical glass comes from the scene. CSS blur must never blur the live 3D icons beneath it. */
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(155deg,#e9ffe20b,#03070522)!important}
html body .rotor-access-dock [data-rotor-ui-3d],html body .rotor-access-panel [data-rotor-ui-3d]{background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .rotor-access-dock .rotor-access-glyph{background:transparent!important}

html body.three-hero-opening :is(.rotor-access-dock,.rotor36-session-tools,#mainMenu,.cm-header,.rotor-view-toggle,.rotor-view-pip,.cm-view-rail){display:none!important;visibility:hidden!important}
html body.three-hero-opening .three-hero-controls{top:auto!important;bottom:22px!important;right:22px!important}

.rotor36-album-mini{width:30px;height:30px;border-radius:8px;object-fit:cover;border:1px solid #ffffc96e}.rotor36-music-status{font-size:9px;color:#dfff96}.rotor36-session-tools button:first-child{gap:6px;padding:6px 10px}
html body.rotor36-music-open #pfDeck .top{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;position:static!important;padding:0 44px 0 0!important;height:auto!important}
html body.rotor36-music-open #pfDeck .pf-feature-credit{display:grid!important;gap:4px!important}
html body.rotor36-music-open #pfDeck .pf-feature-kicker{display:none!important}
html body.rotor36-music-open #pfDeck .pf-feature-credit strong{font:800 25px/1 Inter,sans-serif!important;color:#f7f9ef!important}
html body.rotor36-music-open #pfDeck .pf-feature-track{font:700 12px/1.2 Inter,sans-serif!important;color:#b6ef3c!important}
html body.rotor36-music-open #pfDeck .rotor36-album{width:60px;height:60px;border-radius:12px;object-fit:cover;border:1px solid #b6ef3c66}
html body.rotor36-music-open #pfDeck .host{aspect-ratio:1!important}
@media(max-width:760px){.rotor36-music-status{display:none}html body.rotor36-music-open #pfDeck .host{max-height:280px!important}}

/* V38 / fixed design sheet. The latest sheet owns precedence; native scene content remains authored. */
:root{--rotor-green:#b6ef3c;--rotor-yellow:#ffe45b;--rotor-chrome:#e9f5eb}
html body .rotor-access-dock .rotor-access-route{border:1px solid #f3ffe77a!important;background:linear-gradient(135deg,#efffe82b,#001b1466 52%,#b6ef3c20)!important;box-shadow:inset 0 2px 1px #fff9,inset 0 -3px 5px #000a,0 7px 15px #0008!important}
html body .rotor-access-dock .rotor-access-play,html body .rotor-access-dock a[href*='green-room']{color:#dfff96!important;border-color:#dfff96!important;background:linear-gradient(145deg,#dbff725c,#0735238f 50%,#0717108c)!important}
html body .rotor-access-dock .rotor-access-club,html body .rotor-access-dock a[href*='player']{color:#ffe45b!important;background:linear-gradient(145deg,#ffec7240,#251e038c)!important;border-color:#ffe45ba8!important}
html body :is(.rotor-view-pip,.rotor-access-panel,.rotor-club-center,.rotor-online-lobby) :is(button,a:not(.rotor-access-route)){border-radius:16px!important;min-height:48px;box-shadow:inset 0 2px 1px #f7ffec94,inset 0 -3px 5px #0008,0 7px 16px #0005!important;background:linear-gradient(150deg,#edffbb35,#00190fcc 52%,#9fe93e19)!important;border:1px solid #ddffae85!important;color:#f1ffdc!important;text-decoration:none}
html body :is(.rotor-view-pip,.rotor-access-panel,.rotor-club-center,.rotor-online-lobby) :is(button,a):hover{border-color:#dfff96!important;filter:brightness(1.16)}
html body :is(.rotor-access-panel,.rotor-club-center) :is(.rotor-access-start,.club-mode:first-child){background:linear-gradient(145deg,#eeffba,#b6ef3c 56%,#70a51b)!important;color:#05060a!important;border-color:#efffbb!important;box-shadow:inset 0 3px #fff9,inset 0 -4px #41680870,0 7px 18px #9fff4426!important}
html body .rotor-access-panel .rotor-access-enter,html body .rotor-access-panel a[href*='duel']{background:linear-gradient(145deg,#fff6b0,#ffe45b 57%,#a98a09)!important;color:#1c1802!important;border-color:#fff4aa!important}
/* Optical components occupy separate reading lanes. No blur is placed over live 3D content. */
html body .rotor-online-lobby{z-index:430;inset:auto;left:32px;top:auto;bottom:32px;translate:none;width:min(420px,calc(100vw - 64px));max-height:calc(100dvh - 244px);padding:24px;border-color:#dfff969c;background:linear-gradient(140deg,#cfff951d,#010806ed 28%,#020907ed)!important;box-shadow:inset 0 2px #fff8,0 24px 60px #000b;border-radius:28px}
html body .rotor-online-lobby h2{font-size:36px;margin:12px 0}.rotor38-directory{padding:14px 0;border-block:1px solid #b6ef3c44;margin:16px 0}.rotor38-directory-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rotor38-directory-head strong{font-size:11px;letter-spacing:.12em;color:#dfff96}.rotor38-directory p{font-size:12px;color:#edf9d6}.rotor38-directory button{font:750 11px/1.3 Inter,Arial;cursor:pointer;padding:10px 12px;min-height:48px}.rotor38-directory [data-act=public]{width:100%;color:#05060a!important;background:linear-gradient(145deg,#e5ffab,#b6ef3c 70%)!important}.rotor38-directory [data-live-rooms]{display:grid;gap:8px;margin-bottom:12px}
html body.online-lobby-open :is(.rotor-access-panel,.rotor-club-center){display:none!important}
html body .rotor-arena-badge,html body .rotor-pilot-summary{position:fixed!important;inset:auto!important;right:20px!important;top:240px!important;width:176px!important;max-width:none!important;padding:12px!important;border:1px solid #b6ef3c85!important;border-radius:24px!important;background:linear-gradient(145deg,#efffc217,#001b122e)!important;box-shadow:inset 0 2px #edffe777,0 15px 32px #0005!important;color:#efffdd!important;z-index:40!important;display:block!important;visibility:visible!important}
html body .rotor-pilot-summary .rotor-badge-stage{height:112px!important;display:block!important;min-height:0!important;background:transparent!important}
html body .rotor-pilot-summary>small,html body .rotor-pilot-summary :is(.rotor-pilot-location,.rotor-pilot-rating){display:none!important}
.rotor38-own-name{font:800 22px/1 'Barlow Condensed',Arial;color:#dfff96}.rotor38-own-status{display:block;font:700 9px/1.4 Inter,Arial;letter-spacing:.12em;color:#e6ffd0;margin-top:5px}
html body .rotor-opponent-pip{right:20px!important;top:460px!important;width:176px!important;padding:12px!important;border-radius:24px!important;border:1px solid #ffe45ba8!important;background:linear-gradient(145deg,#fff4b31c,#221b0033)!important;box-shadow:inset 0 2px #fff9,0 15px 32px #0005!important;z-index:41!important}
html body .rotor-opponent-pip .rotor-badge-stage{height:92px!important;background:transparent!important}
html body .rotor-opponent-pip .rotor-opponent-name{color:#ffe45b!important;font:800 22px/1 'Barlow Condensed',Arial!important}
html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-actions{display:flex!important;gap:5px!important;justify-content:flex-end!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-actions small{display:none!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-inspect{min-height:44px!important;border-radius:14px!important;padding:8px 10px!important;background:linear-gradient(150deg,#efffc927,#01120bc4)!important;box-shadow:inset 0 1px #fff8!important;color:#e7ffd3!important}
html body :is(.rotor-pilot-summary,.rotor-opponent-pip)[data-badge-inspect=true]{width:300px!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip)[data-badge-inspect=true] .rotor-badge-stage{height:180px!important}
html body.playing .rotor-arena-badge{top:170px!important;width:146px!important}html body.playing .rotor-opponent-pip{top:360px!important;width:146px!important}
html body :is(.rotor-access-panel-open,.club-center-open) .rotor-pilot-summary{display:block!important}
html body.three-hero-opening :is(.rotor-pilot-summary,.rotor-opponent-pip){display:none!important}
/* The original native INITIATE component is a full game scene, automatically visible. */
html body #opponentPull.owned-draw{position:fixed!important;inset:0!important;padding:0!important;background:#030503!important;z-index:1400!important;display:block!important;overflow:hidden!important;backdrop-filter:none!important}
html body #opponentPull[hidden]{display:none!important}
html body #opponentPull .owned-draw-holder{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2!important;background:#030503}
html body #opponentPull .owned-draw-holder iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important}
html body #opponentPull .scanBrand,html body #opponentPull .scanCopy,html body #opponentPull .scanStatus{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important}
html body #opponentPull .repair-draw-stage{display:none!important}
html body #opponentPull .repair-draw-actions{position:absolute!important;inset:auto 24px 24px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;z-index:4!important;pointer-events:none!important}
html body #opponentPull .repair-draw-actions button{pointer-events:auto!important;min-height:48px!important;max-width:46%!important;padding:12px 20px!important;color:#ddff91!important;border:1px solid #dfff957d!important;border-radius:17px!important;background:linear-gradient(145deg,#efffc329,#031206d9)!important;box-shadow:inset 0 2px #efffbb94,0 8px 25px #0008!important;font:750 11px/1.4 Inter,Arial!important}
html body #opponentPull.original-ready #ownedPullContinue{visibility:hidden!important;pointer-events:none!important}
/* Active signal is tied to the match state, rather than a fabricated live count. */
.match-frame-signal::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#71856a;box-shadow:0 0 0 2px #0007;margin-right:8px}
.match-frame-signal[data-live=true]::before{background:#b6ef3c;box-shadow:0 0 12px #b6ef3c;animation:rotor38-live 1.4s ease-in-out infinite}
@keyframes rotor38-live{50%{opacity:.35;box-shadow:0 0 3px #b6ef3c}}
@media(min-width:1300px){html body .rotor-access-panel{right:220px!important;max-width:460px!important}}
@media(max-width:900px){html body .rotor-pilot-summary{width:146px!important;top:246px!important;right:12px!important}html body .rotor-opponent-pip{width:146px!important;top:446px!important;right:12px!important}}
@media(max-width:650px){html body .rotor-online-lobby{left:12px!important;right:12px!important;bottom:12px!important;top:284px!important;width:auto!important;max-height:calc(100dvh - 296px)!important;padding:18px!important}html body .rotor-online-lobby h2{font-size:30px!important}html body .rotor-pilot-summary{right:auto!important;left:12px!important;top:264px!important;width:132px!important;padding:9px!important}html body .rotor-opponent-pip{right:12px!important;top:264px!important;width:132px!important;padding:9px!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-stage{height:72px!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-actions{display:none!important}html body.online-lobby-open :is(.rotor-pilot-summary,.rotor-opponent-pip){top:190px!important;width:128px!important}html body.online-lobby-open :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-stage{height:35px!important}html body.playing .rotor-arena-badge{top:168px!important;left:12px!important;width:102px!important}html body.playing .rotor-opponent-pip{top:168px!important;right:12px!important;width:102px!important}html body.playing :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-stage{height:44px!important}html body .rotor-opponent-status{font-size:8px!important}html body #opponentPull .repair-draw-actions{inset:auto 12px 12px!important}}
@media(max-height:620px) and (orientation:landscape){html body .rotor-pilot-summary{top:190px!important;width:126px!important}html body .rotor-opponent-pip{top:350px!important;width:126px!important}html body :is(.rotor-pilot-summary,.rotor-opponent-pip) .rotor-badge-stage{height:54px!important}html body .rotor-online-lobby{top:190px!important;bottom:12px!important;max-height:calc(100dvh - 202px)!important}html body .rotor-opponent-pip .rotor-badge-actions{display:none!important}}
@media(prefers-reduced-motion:reduce){.match-frame-signal::before{animation:none!important}}

html body.playing #readyHint{top:178px!important;left:50%!important;transform:translateX(-50%)!important;max-width:350px!important}
html body.playing .rotor36-session-tools{display:flex!important;top:auto!important;bottom:120px!important;right:20px!important}

html body.rotor-access-ready.rotor-access-ready.rotor-access-panel-open .rotor-opponent-pip:not([hidden]),html body.rotor-access-ready.rotor-access-ready.club-center-open .rotor-opponent-pip:not([hidden]){display:block!important;visibility:visible!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-dock [data-rotor-ui-3d-primary]{color:#ffe45b!important}

html body .rotor-access-panel-open .rotor36-session-tools{display:none!important}

html body.rotor-access-ready.rotor-access-ready #rotorAccessPlay .rotor-access-start[data-rotor-ui-3d],html body.rotor-access-ready.rotor-access-ready #rotorAccessPlay .rotor-access-start{color:#05060a!important;text-shadow:none!important}
html body.emblem-editor-open .rotor36-session-tools{display:none!important}
html body.rotor-access-ready.rotor-access-ready .rotor-pilot-summary.rotor39-emblem-presence{display:block!important;visibility:visible!important;top:190px!important}
html body.three-hero-opening .rotor39-emblem-presence,html body.emblem-editor-open .rotor39-emblem-presence{display:none!important}
html body.rotor-access-panel-open .rotor39-emblem-presence,html body.club-center-open .rotor39-emblem-presence{display:block!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-route{font-size:12px!important;letter-spacing:.03em!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-glyph{width:30px!important;height:30px!important;flex-basis:30px!important}
@media(max-width:650px){html body .rotor39-emblem-presence{top:185px!important;left:12px!important;right:auto!important;width:110px!important}html body .rotor39-emblem-presence .rotor-badge-stage{height:64px!important}html body .rotor39-emblem-presence .rotor-badge-actions{display:none!important}html body .rotor-access-glyph{width:22px!important;height:22px!important;flex-basis:22px!important}html body .rotor-access-dock .rotor-access-route{font-size:10px!important}html body .rotor-access-panel{bottom:auto!important;max-height:calc(100dvh - 24px)!important}html body .rotor-online-lobby{top:300px!important;max-height:calc(100dvh - 312px)!important}}

html body.rotor-access-ready.rotor-access-ready #rotor39EmblemPresence{display:block!important;visibility:visible!important}html body.rotor-access-ready.rotor-access-ready #rotorOpponentGlass:not([hidden]){display:block!important;visibility:visible!important}
html body.rotor-access-ready.rotor-access-ready.three-hero-opening #rotor39EmblemPresence,html body.rotor-access-ready.rotor-access-ready.emblem-editor-open #rotor39EmblemPresence{display:none!important}

/* One music PiP lane. The real host media stays mounted throughout route changes. */
html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){left:20px!important;right:auto!important;top:172px!important;bottom:auto!important;width:340px!important;max-width:calc(100vw - 40px)!important;max-height:calc(100dvh - 260px)!important;padding:16px!important;overflow:auto!important;background:linear-gradient(145deg,#e4ffd929,#020907c9 38%,#021109b3)!important;box-shadow:inset 0 2px #fff9,inset 0 -2px #b6ef3c3b,0 20px 45px #0009!important;border:1px solid #dbffd197!important;border-radius:26px!important}
html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck>.top{display:flex!important;position:static!important;visibility:visible!important;align-items:center!important;gap:14px!important;height:auto!important;width:100%!important;margin:0 0 16px!important;padding:0 42px 0 0!important;background:none!important;border:0!important}
html body.rotor36-music-open #pfDeck#pfDeck .rotor36-album{width:58px!important;height:58px!important;display:block!important;object-fit:cover!important;border-radius:12px!important;border:1px solid #e6ffc77d!important}
html body.rotor36-music-open #pfDeck#pfDeck .pf-feature-credit{display:grid!important;gap:5px!important;font:800 20px/1 Inter,Arial!important;color:#f5ffe9!important}
html body.rotor36-music-open #pfDeck#pfDeck .pf-feature-track{font-size:11px!important;letter-spacing:.14em!important;color:#b6ef3c!important}
html body.rotor36-music-open #pfDeck#pfDeck .pf-feature-kicker,html body.rotor36-music-open #pfDeck#pfDeck [data-expand]{display:none!important}
html body.rotor36-music-open #pfDeck#pfDeck .host{height:auto!important;min-height:0!important;aspect-ratio:1.8!important;width:100%!important;position:relative!important;inset:auto!important;background:transparent!important;margin:0 0 12px!important}
html body.rotor36-music-open #pfDeck#pfDeck #pfSpotifyStatus{display:block!important;margin:4px 0 10px!important;font-size:11px!important;color:#e5f8cd!important}
html body.rotor36-music-open #pfDeck#pfDeck .acts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
html body.rotor36-music-open #pfDeck#pfDeck .acts :is([data-native],[data-youtube],[data-retry]){display:none!important}
html body.rotor36-music-open #pfDeck#pfDeck .acts a{display:flex!important;align-items:center!important;justify-content:center!important;font:700 10px/1.3 Inter,Arial!important;border:1px solid #dfff9680!important;border-radius:14px!important;background:linear-gradient(145deg,#efffc323,#031107c4)!important;color:#e3ffb4!important;min-height:44px!important}
html body.rotor36-music-open #pfDeck#pfDeck .pf-spotify-note{font-size:9px!important;color:#d4e2c6!important}
@media(max-width:650px){html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){top:184px!important;left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100dvh - 260px)!important}html body.rotor36-music-open .rotor39-emblem-presence{display:none!important}}
@media(max-height:560px) and (orientation:landscape){html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){top:110px!important;max-height:calc(100dvh - 190px)!important;width:300px!important}}

html body .rotor36-music-close{font:800 9px/1 Inter,Arial!important}html body.rotor-access-ready.rotor-access-ready .rotor-access-panel{background:linear-gradient(150deg,#b7deff25,#0b34877d 40%,#05225566)!important;border-color:#c6e5ffa8!important;box-shadow:inset 0 2px #efffff8c,inset 0 -2px #aacdff28,0 20px 44px #0007!important}

/* Joey's final direction: clear optical glass over the live court, silver rims and saturated actions. */
html body.rotor-access-ready.rotor-access-ready .rotor-access-panel{background:linear-gradient(150deg,#043cff14,#02247a08 55%,#e9eef209)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #e9eef2ac!important;box-shadow:inset 0 2px #e9eef2a3,inset 0 -2px #043cff47,0 18px 38px #0004!important}
html body.rotor-access-ready.rotor-access-ready .rotor-access-panel :is(h2,h3,p,span,small){text-shadow:0 1px 3px #000c}
html body.rotor-access-ready.rotor-access-ready #rotorAccessPlay .rotor-access-start{color:#05060a!important;background:linear-gradient(150deg,#eeffb5,#b6ef3c 60%,#65a40d)!important;border-color:#eaffb0!important;box-shadow:inset 0 2px #fff8,inset 0 -3px #49731177,0 7px 18px #b6ef3c2b!important;text-shadow:none!important}
@media(max-width:650px){html body.rotor-access-ready.rotor-access-ready.rotor-access-panel-open :is(#rotor39EmblemPresence,#rotorOpponentGlass){display:none!important}}
html body[data-world-view=greenRoom] #rotor39EmblemPresence{top:170px!important;right:255px!important;width:140px!important}html body[data-world-view=greenRoom] #rotor39EmblemPresence .rotor-badge-stage{height:80px!important}
@media(max-width:760px){html body[data-world-view=greenRoom] #rotor39EmblemPresence{display:none!important}}

html body #opponentPull .owned-draw-holder{max-height:none!important;min-height:0!important}html body #opponentPull .owned-draw-holder iframe{max-height:none!important}

/* Final fully clear glass: no colored substrate, no blur over the live renderer. */
html body.rotor-access-ready.rotor-access-ready :is(.rotor-access-panel,.rotor-club-center,.rotor-view-pip,.rotor-online-lobby,#pfDeck,.rotor-opponent-pip){background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#e9eef296!important;box-shadow:inset 0 1px #fff9,inset 0 -1px #043cff50,0 10px 24px #0002!important}
html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){background:transparent!important;background-color:transparent!important}
html body.rotor-access-ready.rotor-access-ready .rotor39-emblem-presence,html body.rotor-access-ready.rotor-access-ready .rotor-arena-badge{background:transparent!important;background-color:transparent!important}

/* Clear optical panes: court colour comes from the world beneath. */
body.rotor36-music-open #pfDeck{width:min(380px,calc(100vw - 32px));background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.46)}
#pfSpotifyPlayback{background:linear-gradient(135deg,#d9ff6d,#a8ed22);color:#101706;min-height:46px;font-weight:800;box-shadow:inset 0 1px 0 #fff9,0 5px 20px #a8ed2230}
@media(max-width:700px){body.rotor36-music-open #pfDeck{top:auto;bottom:14px;left:14px;width:210px}body.rotor36-music-open #pfDeck .pf-video-host{display:none}#pfSpotifyPlayback{min-height:44px}}

html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){display:block!important;visibility:visible!important;pointer-events:auto!important;width:380px!important}
html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck [data-spotify-play]{display:block!important;width:100%!important;background:linear-gradient(135deg,#d9ff6d,#a8ed22)!important;color:#101706!important;font-weight:800!important;box-shadow:inset 0 1px #fff9,0 5px 20px #a8ed2230!important}
@media(max-width:700px){html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){top:auto!important;bottom:12px!important;left:12px!important;right:auto!important;width:210px!important;max-height:240px!important;padding:12px!important}html body.rotor36-music-open #pfDeck#pfDeck .host,html body.rotor36-music-open #pfDeck#pfDeck .acts,html body.rotor36-music-open #pfDeck#pfDeck .pf-spotify-note{display:none!important}}

html body.rotor-match-frame #rotorOpponentGlass:not([hidden]){top:410px!important}
@media(max-width:700px){html body.rotor-match-frame #rotorOpponentGlass:not([hidden]){top:205px!important}}

@media(max-width:700px){html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){bottom:110px!important;max-height:150px!important}html body.rotor36-music-open #pfDeck#pfDeck .top{margin-bottom:8px!important;gap:8px!important}html body.rotor36-music-open #pfDeck#pfDeck .rotor36-album{width:34px!important;height:34px!important}html body.rotor36-music-open #pfDeck#pfDeck #pfSpotifyStatus{display:none!important}html body.rotor36-music-open #pfDeck#pfDeck .pf-feature-credit{font-size:15px!important}html body.rotor-access-panel-open.rotor36-music-open #pfDeck#pfDeck:not([hidden]),html body.club-center-open.rotor36-music-open #pfDeck#pfDeck:not([hidden]){bottom:12px!important;left:auto!important;right:12px!important;width:170px!important}}

html body.rotor-access-ready.rotor-access-ready.rotor36-music-open #pfDeck#pfDeck:not([hidden]){display:block!important;visibility:visible!important;pointer-events:auto!important;z-index:1600!important}
html body.rotor-access-ready.rotor-access-ready.rotor36-music-open .rotor36-session-tools{display:flex!important;visibility:visible!important}
html body.three-hero-opening.rotor36-music-open #pfDeck#pfDeck:not([hidden]){display:block!important;visibility:visible!important}
@media(max-width:700px){html body.rotor-access-ready.rotor-access-ready.rotor-access-panel-open.rotor36-music-open #pfDeck#pfDeck:not([hidden]),html body.rotor-access-ready.rotor-access-ready.club-center-open.rotor36-music-open #pfDeck#pfDeck:not([hidden]){bottom:12px!important;left:auto!important;right:12px!important;width:170px!important;max-height:132px!important}html body.rotor-access-ready.rotor-access-ready.rotor-access-panel-open .rotor-access-panel,html body.rotor-access-ready.rotor-access-ready.club-center-open .rotor-club-center{max-height:calc(100dvh - 174px)!important;overflow-y:auto!important}}

/* The opening music control stays small, visible and clickable. */
html body.rotor36-music-open #pfDeck#pfDeck:not([hidden]){display:block!important;visibility:visible!important;pointer-events:auto!important}
html body.rotor-access-ready.rotor-access-ready.three-hero-opening.rotor36-music-open #pfDeck#pfDeck:not([hidden]),html body.rotor-access-ready.rotor-access-ready.rotor36-music-open:has(#opponentPull:not([hidden])) #pfDeck#pfDeck:not([hidden]){top:18px!important;left:18px!important;bottom:auto!important;width:190px!important;padding:10px!important;max-height:150px!important}
html body.three-hero-opening #pfDeck#pfDeck :is(.host,.acts,.pf-spotify-note,#pfSpotifyStatus),html body:has(#opponentPull:not([hidden])) #pfDeck#pfDeck :is(.host,.acts,.pf-spotify-note,#pfSpotifyStatus){display:none!important}
html body.three-hero-opening #pfDeck#pfDeck .top,html body:has(#opponentPull:not([hidden])) #pfDeck#pfDeck .top{margin-bottom:8px!important}
html body.three-hero-opening #pfDeck#pfDeck .rotor36-album,html body:has(#opponentPull:not([hidden])) #pfDeck#pfDeck .rotor36-album{width:30px!important;height:30px!important}
html body.three-hero-opening #pfDeck#pfDeck .pf-feature-credit,html body:has(#opponentPull:not([hidden])) #pfDeck#pfDeck .pf-feature-credit{font-size:14px!important}
@media(max-width:700px){html body.rotor-access-ready.rotor-access-ready.playing.rotor36-music-open #pfDeck#pfDeck:not([hidden]){top:170px!important;bottom:auto!important;width:170px!important;max-height:132px!important}}

html body.try-racket #mainMenu#mainMenu{display:none!important}
html body.try-racket>#cmRacketControl{display:flex!important;position:fixed!important;left:50%!important;right:auto!important;bottom:240px!important;transform:translateX(-50%)!important;z-index:1700!important;min-height:44px!important;border-radius:18px!important;color:#e4ffac!important;background:#ffffff12!important;border:1px solid #ffffff80!important}
html body.try-racket #cmRacketHint{bottom:300px!important}
@media(max-width:700px){html body.rotor-access-ready.rotor-access-ready.try-racket.rotor36-music-open #pfDeck#pfDeck:not([hidden]){top:170px!important;bottom:auto!important;width:170px!important;max-height:132px!important}}

html body.rotor-access-ready.rotor-access-ready.rotor36-music-open:is([data-world-view=everyAngle],[data-world-view=rotorTitle],[data-world-view=trophyCourt]):not(.rotor-access-panel-open):not(.club-center-open) #pfDeck#pfDeck:not([hidden]){width:210px!important;padding:12px!important;max-height:150px!important}
html body:is([data-world-view=everyAngle],[data-world-view=rotorTitle],[data-world-view=trophyCourt]):not(.rotor-access-panel-open):not(.club-center-open) #pfDeck#pfDeck :is(.host,.acts,.pf-spotify-note,#pfSpotifyStatus){display:none!important}
html body:is([data-world-view=everyAngle],[data-world-view=rotorTitle],[data-world-view=trophyCourt]):not(.rotor-access-panel-open):not(.club-center-open) #pfDeck#pfDeck .top{margin-bottom:8px!important}
html body:is([data-world-view=everyAngle],[data-world-view=rotorTitle],[data-world-view=trophyCourt]):not(.rotor-access-panel-open):not(.club-center-open) #pfDeck#pfDeck .rotor36-album{width:32px!important;height:32px!important}
html body:is([data-world-view=everyAngle],[data-world-view=rotorTitle],[data-world-view=trophyCourt]):not(.rotor-access-panel-open):not(.club-center-open) #pfDeck#pfDeck .pf-feature-credit{font-size:14px!important}

html body :is(#rotorSceneEnterArena,#f11HomeBig){display:flex!important;position:fixed;right:410px;bottom:30px;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid #ffffffbd;border-radius:19px;background:linear-gradient(135deg,#f7ffe4,#b8f442);box-shadow:inset 0 2px #fff,0 8px 32px #b6ef3c25;color:#101705!important;font:800 12px/1.2 Inter,Arial;text-decoration:none;letter-spacing:.07em;z-index:1800;pointer-events:auto;touch-action:manipulation}
html body.three-hero-opening :is(#rotorSceneEnterArena,#f11HomeBig){right:24px;bottom:24px;visibility:visible!important}
html body.try-racket :is(#rotorSceneEnterArena,#f11HomeBig){display:none!important}
html body.rotor-access-panel-open :is(#rotorSceneEnterArena,#f11HomeBig),html body.club-center-open :is(#rotorSceneEnterArena,#f11HomeBig){display:none!important}
html body .rotor-access-route{border-color:#ddff9380!important;background:linear-gradient(145deg,#c8ff6833,#030b0666)!important}
@media(max-width:700px){html body :is(#rotorSceneEnterArena,#f11HomeBig){right:12px;bottom:auto;top:334px;min-height:44px;padding:0 14px;font-size:10px}html body.three-hero-opening :is(#rotorSceneEnterArena,#f11HomeBig){top:auto;bottom:24px;right:12px}}