:root{font-family:Arial,Helvetica,sans-serif;color:#f8faff;background:#080b18;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#162132b8;border:1px solid #ffffff30;border-radius:9px;padding:10px 15px;min-height:42px;font-size:14px}button:hover{border-color:#9fffea}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #70ffdf;outline-offset:4px}button:disabled{opacity:.45;cursor:default}#venue{display:block;width:100vw;height:100dvh;touch-action:none;background:#080b18}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 30px;gap:20px;background:linear-gradient(#070b19dd,transparent);pointer-events:none}.hud>*{pointer-events:auto}.identity{display:flex;gap:13px;align-items:center}.identity strong{font-size:20px;letter-spacing:3px}.identity small{display:block;margin-top:7px;font-size:11px;letter-spacing:1.6px;color:#a5bcc7}.live-dot{width:8px;height:8px;background:#ff818b;border-radius:50%;box-shadow:0 0 18px #ff697c}.audio{display:flex;align-items:center;gap:8px}.audio label{display:flex;gap:8px;align-items:center;font-size:13px}.audio input{width:90px;accent-color:#7ef8df}.entry{position:absolute;left:7%;top:27%;max-width:470px;padding:24px 28px 28px;background:linear-gradient(90deg,#080c1cd9,#080c1c76);border-left:2px solid #83ffe5;backdrop-filter:blur(6px);border-radius:0 18px 18px 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#87ffdf}.entry h1{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin:25px 0 18px}.entry p:not(.eyebrow){color:#c9d7de;font-size:16px}.entry button{background:#a0ffe5;color:#071821;border:0;font-weight:bold;font-size:16px;padding:17px 23px;margin:15px 0}.entry button span{margin-left:32px}.entry small{display:block;color:#9fb2c2;font-size:12px}.controls{position:absolute;left:30px;right:30px;bottom:64px;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.controls>*{pointer-events:auto}#status{font-size:13px;color:#91ffe0;letter-spacing:.5px}.controls p{font-size:12px;color:#b5c4d8}.tools{display:flex;gap:8px}.fallback{position:absolute;inset:25% auto auto 8%;max-width:650px;background:#0e1525f5;padding:30px;border:1px solid #7193b344;border-radius:14px}.fallback h1{font-size:36px;line-height:1.1}.fallback p{font-size:16px;line-height:1.7;color:#b3c4d5}.fallback a{color:#96ffe4}.touch-stick,.touch-hint{display:none}[hidden]{display:none!important}.jrod-game-nav{z-index:5}body:has(#fallback:not([hidden])) .tools button:not(#screen-toggle),body:has(#fallback:not([hidden])) #help{display:none}
@media(pointer:coarse){.touch-stick{display:block;position:absolute;left:25px;bottom:118px;width:108px;height:108px;border:1px solid #ffffff45;border-radius:50%;background:#0b14285c;touch-action:none}.touch-stick span{position:absolute;top:12px;width:100%;text-align:center;font-size:10px;letter-spacing:2px;color:#b6c9d6}.touch-stick i{position:absolute;width:42px;height:42px;border-radius:50%;background:#b9ffe7aa;left:32px;top:32px;pointer-events:none}.touch-hint{display:block;position:absolute;bottom:145px;right:20px;font-size:12px;color:#bbd1e4;pointer-events:none}.controls #help,.tools #lock{display:none}.controls{bottom:62px}.entry{top:23%;left:5%;max-width:90%;padding:20px}.entry h1{font-size:45px}.hud{padding:48px 16px 16px;align-items:start;flex-wrap:wrap}.identity strong{font-size:16px}.identity small{font-size:10px}.audio{gap:6px}.audio button{padding:9px 11px}.audio label{font-size:12px}.audio input{width:72px}.controls .tools{margin-left:auto}.tools button{padding:9px 10px}.controls>div:first-child{max-width:40%}.fallback{inset:27% 5% auto;max-width:none;padding:22px}.fallback h1{font-size:28px}}
@media(max-width:620px) and (pointer:fine){.hud{padding:44px 15px 15px;flex-wrap:wrap}.identity strong{font-size:15px}.controls{left:15px;right:15px}.tools{flex-wrap:wrap}.entry{left:5%;top:28%;max-width:90%}.controls p{max-width:190px}}
.social-panel{position:absolute;top:118px;right:30px;width:320px;max-width:calc(100vw - 30px);z-index:6;border:1px solid #7fffe54a;border-radius:12px;background:#0b1425ed;color:#e7f5fa;backdrop-filter:blur(10px)}.social-panel summary{cursor:pointer;padding:14px;font-size:14px}.social-panel summary span{float:right;color:#91ffe0;font-size:12px}.room-body{padding:0 14px 14px;display:grid;gap:10px;max-height:60dvh;overflow:auto}.room-body small,.room-body code{display:block;font-size:12px;overflow-wrap:anywhere}.room-body p{font-size:14px;margin:0;line-height:1.45}.room-body label{display:grid;gap:5px;font-size:14px}.room-body input{width:100%}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row label{font-size:14px}input:not([type=range]){border:1px solid #93b6c351;border-radius:7px;background:#121f31;color:#fff;padding:10px;min-width:0;min-height:42px}.stage-view{position:absolute;inset:85px 3% 70px;z-index:8;max-width:1050px;margin:auto;background:#0a1221f5;border:1px solid #7dffe75c;border-radius:16px;padding:18px;overflow:auto;box-shadow:0 0 100px #030816}.stage-view header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.stage-view strong{letter-spacing:2px}.stage-view small{display:block;color:#a5c7d5;font-size:14px;margin-top:6px}.youtube-screen{width:100%;min-width:200px;min-height:200px;aspect-ratio:16/9;background:#03060c;border:1px solid #273a50;margin-bottom:14px;display:grid;place-items:center}.youtube-screen iframe{display:block;border:0;width:100%;height:100%;min-width:200px;min-height:200px}.youtube-screen p{padding:18px;color:#b8d8df}.stage-view .row{margin-top:12px}.video-input{flex:1;display:grid;gap:5px;min-width:210px}.video-input input{width:100%}#seek-seconds,#start-seconds{width:90px}input[type=checkbox]{min-height:0}.stage-view p{font-size:14px;line-height:1.5;color:#b6ccdb}#screen-status{color:#95ffe3}.stage-view .privacy-note{font-size:12px}#local-volume{width:110px}.stage-view button{font-size:14px}.stage-view~.jrod-game-nav{z-index:9}body:has(.stage-view:not([hidden])) .touch-stick,body:has(.stage-view:not([hidden])) .touch-hint{display:none}
@media(max-width:700px){.social-panel{top:140px;right:15px}.stage-view{inset:85px 10px 60px;padding:12px}.stage-view header strong{font-size:14px}.stage-view header button{padding:8px}.stage-view .row{gap:6px}.stage-view button{padding:8px 10px}.youtube-screen{aspect-ratio:auto;height:max(200px,calc((100vw - 46px)*.5625))}.tools{flex-wrap:wrap;justify-content:flex-end}.controls{gap:8px}.controls>div:first-child{max-width:35%}}
.stage-view.compact{inset:auto 16px 76px auto;width:min(360px,calc(100vw - 32px));max-width:none;max-height:none;margin:0;padding:10px;border-radius:12px;overflow:visible}.stage-view.compact .youtube-screen{height:200px;min-height:200px;aspect-ratio:auto;margin:0}.stage-view.compact header{margin-bottom:8px;gap:5px}.stage-view.compact header strong{font-size:12px;letter-spacing:1px}.stage-view.compact header small{font-size:12px}.stage-view.compact header button{font-size:12px;padding:7px}.stage-view.compact .row,.stage-view.compact #live-note,.stage-view.compact .privacy-note{display:none}.stage-view.compact #screen-status{font-size:12px;margin:6px 0 0;line-height:1.35}body:has(.stage-view.compact) .touch-stick{display:block}body:has(.stage-view.compact) .touch-hint{display:none}@media(pointer:fine){body:has(.stage-view.compact) .touch-stick{display:none}}
@media(pointer:coarse) and (max-width:700px){body:has(.stage-view.compact) .touch-stick{top:215px;bottom:auto;left:20px;width:108px;height:108px}body:has(.stage-view.compact) .controls .tools{visibility:hidden}}