*{box-sizing:border-box}html,body{color:#e8eaf0;background:#15171c;height:100%;margin:0;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:hidden}[hidden]{display:none!important}.unsupported{z-index:100;background:#14161d;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.unsupported-card{background:#222631;border-radius:12px;flex-direction:column;gap:12px;width:min(360px,100%);padding:28px 24px;display:flex;box-shadow:0 10px 30px #0006}.unsupported-card h1{margin:0;font-size:22px}.unsupported-msg,.unsupported-tip,.unsupported-copy-tip{margin:0;font-size:14px;line-height:1.5}.unsupported-tip{color:#ffd166}.unsupported-btn{color:#fff;cursor:pointer;background:#4f7cff;border:0;border-radius:8px;padding:12px;font-size:15px}.unsupported-url{word-break:break-all;-webkit-user-select:all;user-select:all;background:#14161d;border-radius:8px;padding:10px;font-size:12px;display:block}#join{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-card{background:#222631;border-radius:12px;flex-direction:column;gap:12px;width:280px;padding:28px 24px;display:flex;box-shadow:0 10px 30px #0006}.join-card h1{text-align:center;margin:0 0 4px;font-size:24px}.join-card input,.join-card button{font:inherit;border:1px solid #3a4050;border-radius:8px;padding:10px 12px}.join-card input{color:inherit;background:#15171c}.join-card button{color:#fff;cursor:pointer;background:#4c6ef5;border-color:#4c6ef5}.join-card button:disabled{opacity:.45;cursor:default}.join-error{color:#ff8787;margin:0;font-size:13px}.join-room{text-align:center;overflow-wrap:anywhere;margin:-4px 0 0;font-size:16px;font-weight:600}.join-desc{color:#aab0bf;text-align:center;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;margin:-6px 0 2px;font-size:13px;line-height:1.45}.join-home{color:#91a7ff;text-align:center;font-size:13px}#game,#viewport{position:fixed;inset:0}#viewport canvas{z-index:1;touch-action:none;display:block;position:absolute;top:0;left:0}.css3d-layer{z-index:0;pointer-events:none;position:absolute;top:0;left:0}.label-layer{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.player-label{color:#fff;white-space:nowrap;background:#0000008c;border-radius:4px;padding:2px 8px;font-size:12px}.desk-badge{color:#0b1020;white-space:nowrap;pointer-events:none;background:#4cc2ffe6;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.desk-badge[hidden]{display:none}.mark{pointer-events:none;width:44px;height:44px;position:relative}.mark-ring{border:3px solid var(--c);opacity:0;border-radius:50%;animation:1.2s ease-out infinite mark-ring;position:absolute;inset:0}.mark-ring+.mark-ring{animation-delay:.6s}.mark-label{background:var(--c);color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000080;border-radius:4px;margin-bottom:2px;padding:1px 6px;font-size:12px;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes mark-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1)}}#hud{z-index:10;pointer-events:none;position:absolute;inset:0}.room-title{max-width:260px;color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;pointer-events:auto;background:#00000080;border:0;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;position:absolute;top:12px;left:12px;overflow:hidden}.room-title:after{content:" ▾";opacity:.6;font-weight:400}.room-title:empty{display:none}.room-info{z-index:1;pointer-events:auto;background:#14161ceb;border-radius:10px;flex-direction:column;gap:8px;width:260px;padding:12px;font-size:13px;display:flex;position:absolute;top:46px;left:12px;box-shadow:0 6px 20px #0006}.room-info p{margin:0}.room-info-desc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.room-info-code{color:#aab0bf}.room-info-code span{color:#e8eaf0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.room-info-actions{gap:6px;display:flex}.room-info-actions button{color:inherit;font:inherit;cursor:pointer;background:#2b3040;border:1px solid #3a4050;border-radius:6px;padding:6px 10px}.room-info-actions .room-info-invite{color:#fff;background:#4c6ef5;border-color:#4c6ef5;flex:1}.player-count{background:#00000080;border-radius:6px;padding:6px 10px;font-size:13px;position:absolute;top:46px;left:12px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{background:#14161cd9;border-radius:8px;padding:8px 14px;font-size:13px}.chat{-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#00000073;border:1px solid #0000;border-radius:8px;flex-direction:column;width:320px;height:274px;transition:border-color .12s;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden}.chat:focus-within{border-color:#74c0fc}.chat-header{border-bottom:1px solid #ffffff1f;flex:none;align-items:center;gap:6px;height:24px;padding:0 4px 0 8px;font-size:12px;display:flex}.chat-title{color:#c8ccd6;flex:1}.chat-unread{color:#fff;text-align:center;background:#4c6ef5;border-radius:999px;min-width:18px;padding:1px 6px;font-size:11px;line-height:1.4}.chat-unread[hidden]{display:none}.chat-toggle{width:20px;height:20px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:12px;line-height:1}.chat-toggle:hover{background:#ffffff1f}.chat[data-collapsed=true]{width:auto;min-width:120px;height:auto}.chat[data-collapsed=true] .chat-header{border-bottom:0}.chat[data-collapsed=true] .chat-log,.chat[data-collapsed=true] .chat-input{display:none}.chat-log{flex:1;min-height:0;padding:6px 8px;font-size:13px;line-height:1.4;overflow-y:auto}.chat-message{overflow-wrap:anywhere}.chat-message[data-kind=system]{color:#9aa0ad;font-style:italic}.chat-input{width:100%;height:28px;color:inherit;font:inherit;background:#00000040;border:0;border-top:1px solid #ffffff1f;outline:none;flex:none;padding:0 8px;font-size:13px}.speech-bubble{pointer-events:none}.speech-bubble-body{color:#1c1e24;white-space:normal;overflow-wrap:anywhere;transform-origin:50% 100%;background:#fff;border-radius:10px;width:max-content;max-width:220px;margin-bottom:8px;padding:5px 10px;font-size:13px;line-height:1.35;transition:opacity .3s;animation:.15s ease-out bubble-in;position:relative}.speech-bubble-body:after{content:"";border:6px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.speech-bubble.hiding .speech-bubble-body{opacity:0}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.yt-holder{pointer-events:none;background:#000;width:1280px;height:720px}.yt-wrap{background:#000;width:1280px;height:720px;position:relative;container-type:inline-size}.yt-wrap iframe,.yt-wrap>div:not(.share-status):not(.idle-screen){pointer-events:none;border:0;width:100%;height:100%;display:block}.yt-wrap video{object-fit:contain;pointer-events:none;background:#000;width:100%;height:100%;display:block}.yt-wrap[data-empty="1"] iframe{visibility:hidden}.yt-wrap>.idle-screen{--px:calc(100cqw / 1280);font-family:Tahoma,Verdana,sans-serif;font-size:calc(16 * var(--px));color:#000;pointer-events:none;-webkit-user-select:none;user-select:none;background:#3a82f0 url(/wallpaper.webp) 50%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.idle-window{left:50%;top:calc(300 * var(--px));width:calc(720 * var(--px));border:calc(3 * var(--px)) solid #0831d9;border-radius:calc(8 * var(--px)) calc(8 * var(--px)) 0 0;box-shadow:calc(4 * var(--px)) calc(6 * var(--px)) calc(18 * var(--px)) #00000073;background:#ece9d8;border-top:0;position:absolute;transform:translate(-50%,-50%)}.idle-titlebar{height:calc(40 * var(--px));padding:0 calc(6 * var(--px)) 0 calc(12 * var(--px));margin:0 calc(-3 * var(--px));border-radius:calc(8 * var(--px)) calc(8 * var(--px)) 0 0;color:#fff;font-weight:700;font-size:calc(19 * var(--px));text-shadow:calc(1 * var(--px)) calc(1 * var(--px)) 0 #0a2a80;background:linear-gradient(#0a5fe8,#3d8ff5 12%,#0058ee 45%,#0450d8 85%,#0a46c0);align-items:center;display:flex}.idle-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.idle-winbtns{gap:calc(3 * var(--px));display:flex}.idle-winbtn{width:calc(28 * var(--px));height:calc(28 * var(--px));border:calc(1.5 * var(--px)) solid #fff;border-radius:calc(4 * var(--px));font-size:calc(17 * var(--px));text-shadow:none;background:linear-gradient(#3c8cfa,#1d5fe0);justify-content:center;align-items:center;line-height:1;display:flex}.idle-winbtn.idle-close{background:linear-gradient(#e9765b,#c8351c)}.idle-body{padding:calc(34 * var(--px)) calc(36 * var(--px));font-size:calc(22 * var(--px));text-align:center;word-break:keep-all;line-height:1.5}.idle-hint{margin:0}.idle-hint-touch,[data-touch="1"] .idle-hint-desktop{display:none}[data-touch="1"] .idle-hint-touch{display:block}.idle-credit{right:calc(8 * var(--px));bottom:calc(44 * var(--px));font-family:system-ui,sans-serif;font-size:calc(10 * var(--px));color:#ffffffb3;text-shadow:0 0 calc(2 * var(--px)) #0009;position:absolute}.idle-taskbar{height:calc(40 * var(--px));border-top:calc(1 * var(--px)) solid #5a9cf6;background:linear-gradient(#245edb,#3a82f0 10%,#2a6ee6 55%,#245edb);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.idle-start{height:100%;padding:0 calc(30 * var(--px)) 0 calc(22 * var(--px));border-radius:0 calc(16 * var(--px)) calc(16 * var(--px)) 0;box-shadow:inset calc(-2 * var(--px)) 0 calc(4 * var(--px)) #0000004d;color:#fff;font-size:calc(22 * var(--px));text-shadow:calc(1 * var(--px)) calc(1 * var(--px)) calc(1 * var(--px)) #00000080;background:linear-gradient(#5cb85c,#3c9a2f 40%,#2f8a24);align-items:center;font-style:italic;font-weight:700;display:flex}.idle-tray{align-items:center;gap:calc(16 * var(--px));height:100%;padding:0 calc(18 * var(--px));border-left:calc(1 * var(--px)) solid #0d3fa8;color:#fff;font-size:calc(17 * var(--px));background:linear-gradient(#0f8cef,#11a0f5 50%,#0b84e3);display:flex}.yt-wrap.sharing>:not(video):not(.share-status){display:none}.yt-wrap>.share-status{color:#fff;text-align:center;pointer-events:none;background:#0009;justify-content:center;align-items:center;padding:40px;font-size:44px;display:flex;position:absolute;inset:0}.focus-overlay{z-index:5;pointer-events:auto;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.focus-close{color:#fff;width:36px;height:36px;font:inherit;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;padding:0;font-size:22px;line-height:36px;transition:background .12s;position:absolute;top:16px;right:16px}.focus-close:hover{background:#ffffff4d}.focus-hint{opacity:.6;pointer-events:none;font-size:13px;line-height:36px;position:absolute;top:16px;right:64px}.focus-frame{aspect-ratio:16/9;background:#000;width:min(90vw,160vh)}.focus-frame .yt-wrap{width:100%;height:100%}.badge-row{align-items:center;gap:6px;display:flex;position:absolute;top:80px;left:12px}.sync-indicator{color:#fff;background:#4c6ef5bf;border-radius:6px;padding:4px 8px;font-size:12px}.sync-indicator[hidden]{display:none}.controller-badge{background:#00000080;border-radius:6px;padding:6px 10px;font-size:13px}.controller-badge[data-active=true]{color:#ffd43b}.control-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#000000a6;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.control-hint[hidden]{display:none}[data-touch="1"] .control-hint,[data-touch="1"] .control-panel,[data-touch="1"] [data-testid=share-toggle]{display:none!important}[data-testid=share-toggle][hidden]{display:none}.hud-top-right{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.help-button{color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;pointer-events:auto;background:#0000008c;border:0;border-radius:50%;padding:0;font-size:17px;font-weight:700}.help-button:hover{background:#000000bf}.sound-toggle{color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;pointer-events:auto;background:#0000008c;border:0;border-radius:50%;padding:0;font-size:16px}.sound-toggle[aria-pressed=true]{background:#fa5252}.crosshair{pointer-events:none;background:#ffffff59;border:1px solid #0006;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.focus-overlay:not([hidden])~#hud .crosshair{display:none}.focus-overlay:not([hidden])~#hud .hud-top-right{top:60px}.share-retry{color:#fff;font:inherit;cursor:pointer;pointer-events:auto;background:#4c6ef5;border:0;border-radius:8px;padding:8px 14px;font-size:14px;position:absolute;top:56px;right:12px}.focus-overlay:not([hidden])~#hud .share-retry{top:104px}.control-panel{-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#14161cd9;border-radius:10px;flex-direction:column;gap:8px;width:520px;padding:10px 12px;font-size:13px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cp-load,.cp-share,.cp-row,.cp-opts{align-items:center;gap:6px;display:flex}@media (width<=1183px){.control-panel{width:auto;max-width:520px;margin:0 auto;left:12px;right:344px;transform:none}.cp-row{flex-wrap:wrap}}.control-panel input[type=text]{min-width:0;color:inherit;font:inherit;background:#15171c;border:1px solid #3a4050;border-radius:6px;flex:1;padding:6px 8px}.control-panel button{color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:#2b3040;border:1px solid #3a4050;border-radius:6px;padding:6px 10px}.cp-paste{white-space:nowrap}.control-panel button[type=submit]{color:#fff;background:#4c6ef5;border-color:#4c6ef5}.control-panel button:disabled{opacity:.45;cursor:default}.cp-play{min-width:72px}.control-panel .cp-toggle[aria-pressed=true]{color:#fff;background:#4c6ef5;border-color:#4c6ef5}.control-panel .cp-share button[data-sharing=true]{color:#fff;background:#fa5252;border-color:#fa5252}.cp-seek{flex:1;min-width:0}.cp-time{text-align:right;font-variant-numeric:tabular-nums;color:#c4c8d2;min-width:92px}.emote-menu{pointer-events:none;background:radial-gradient(circle,#0000 38px,#00000073 40px);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;position:absolute;top:50%;left:50%}.emote-slot{color:#fff;width:76px;height:76px;font:inherit;pointer-events:none;background:#14161cd9;border:2px solid #ffffff59;border-radius:50%;margin:-38px 0 0 -38px;padding:0;font-size:15px;font-weight:700;position:absolute}.emote-slot:before{opacity:.6;font-size:11px;font-weight:400;display:block}.emote-up{top:20%;left:50%}.emote-up:before{content:"1"}.emote-down{top:80%;left:50%}.emote-down:before{content:"2"}.emote-right{top:50%;left:80%}.emote-right:before{content:"3"}.emote-left{top:50%;left:20%}.emote-left:before{content:"4"}.emote-slot[data-active=true]{color:#111;background:#ffd43b;border-color:#ffd43b;transform:scale(1.12)}.key-legend{color:#fff;pointer-events:none;background:#00000073;border-radius:8px;max-width:calc(100vw - 380px);padding:6px 10px;font-size:12px;line-height:1.8;position:absolute;bottom:12px;left:12px}.key-legend[hidden]{display:none}.key-legend kbd{min-width:1.4em;font:inherit;text-align:center;background:#ffffff24;border:1px solid #ffffff59;border-radius:5px;padding:0 6px;font-weight:600;display:inline-block}.focus-overlay:not([hidden])~#hud .key-legend{display:none}@media (pointer:coarse){.key-legend{display:none}}[data-touch="1"] .key-legend{display:none}@media (width<=1183px){#hud[data-panel="1"] .key-legend{bottom:120px}}.help-legend-hide{cursor:pointer;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.help-overlay{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{color:#fff;background:#14161cf5;border-radius:12px;max-height:90vh;padding:18px 22px;overflow:auto;box-shadow:0 10px 30px #00000080}.help-card h2{margin:0 0 12px;font-size:18px}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(640px,100vw - 80px);margin:0;padding:0;list-style:none;display:grid}@media (width<=559px){.help-grid{grid-template-columns:minmax(0,1fr);width:auto}}.help-item{background:#ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.help-icon{color:#ffd43b;background:#ffd43b24;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.help-text{flex-direction:column;min-width:0;font-size:13px;line-height:1.35;display:flex}.help-text b{color:#ffd43b;font-size:14px}.help-text span{opacity:.85}.help-close{color:#fff;font:inherit;cursor:pointer;background:#4c6ef5;border:0;border-radius:8px;margin:14px 0 0 auto;padding:8px 18px;font-size:14px;display:block}.idle-overlay{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.idle-card{color:#fff;text-align:center;background:#14161cf5;border-radius:12px;padding:20px 24px;box-shadow:0 10px 30px #00000080}.idle-title{margin:0 0 8px;font-size:18px;font-weight:700}.idle-desc{opacity:.8;margin:0 0 14px;font-size:14px}.idle-continue{color:#fff;font:inherit;cursor:pointer;background:#4c6ef5;border:0;border-radius:8px;padding:8px 18px;font-size:14px}.touch-layer,.touch-buttons,.help-grid-touch,[data-touch="1"] .help-grid-desktop,[data-touch="1"] .help-legend-hide{display:none}[data-touch="1"] .help-grid-touch{display:grid}[data-touch="1"] .touch-layer{z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:fixed;inset:0}.touch-stick{box-sizing:border-box;pointer-events:none;background:#0003;border:2px solid #ffffff73;border-radius:50%;width:112px;height:112px;position:absolute;top:0;left:0}.touch-stick[hidden]{display:none}.touch-stick-knob{background:#ffffff8c;border-radius:50%;width:48px;height:48px;position:absolute;top:30px;left:30px;box-shadow:0 2px 6px #00000059}[data-touch="1"] .touch-buttons{--touch-btn:48px;--touch-gap:8px;align-items:flex-end;gap:var(--touch-gap);right:calc(12px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;flex-flow:column-reverse;display:flex;position:absolute}@media (height<=500px){[data-touch="1"] .touch-buttons{height:calc(var(--touch-btn) * 3 + var(--touch-gap) * 2);flex-flow:column-reverse wrap-reverse}}.touch-btn{color:#fff;width:48px;height:48px;font:inherit;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#00000073;border:0;border-radius:50%;padding:0;font-size:22px;line-height:48px}.touch-btn:active,.touch-btn[aria-expanded=true]{background:#000000b3}.touch-emote-wrap,.touch-more-wrap{width:48px;height:48px;position:relative}.touch-menu,.touch-emote-menu{pointer-events:auto;z-index:1;background:#14161ceb;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:0;right:56px;box-shadow:0 6px 20px #0006}@media (height<=500px){.touch-emote-menu{right:112px}}.touch-menu{top:0;bottom:auto}.touch-menu[hidden],.touch-emote-menu[hidden]{display:none}.touch-menu button,.touch-emote-menu button{color:#fff;min-width:112px;min-height:44px;font:inherit;text-align:left;touch-action:manipulation;background:#ffffff1a;border:0;border-radius:8px;padding:0 12px;font-size:15px}.touch-emote-menu button{text-align:center;min-width:96px;font-weight:600}@media (width<=767px),(pointer:coarse){.join-card{width:calc(100% - 24px);max-width:420px}.join-card input,.join-card button{min-height:44px;font-size:16px}}.hud-top-left,.chat-input-row{display:contents}.chat-open,.chat-close,.chat-send,.chat-preview{display:none}html[data-compact="1"]{--bar-h:44px}@media (height<=500px){html[data-compact="1"]{--bar-h:32px}}[data-compact="1"] #hud:before{content:"";height:var(--bar-h);pointer-events:none;background:linear-gradient(#0009,#00000059);position:absolute;top:0;left:0;right:0}[data-compact="1"] .hud-top-left{height:var(--bar-h);align-items:center;gap:6px;min-width:0;display:flex;position:absolute;top:0;left:6px;right:92px}[data-compact="1"]:not([data-touch="1"]) .hud-top-left{right:134px}[data-compact="1"] .room-title{background:0 0;flex:0 auto;min-width:0;max-width:none;padding:4px 6px;position:static}[data-compact="1"] .player-count{color:#c8ccd6;white-space:nowrap;background:0 0;flex:none;padding:0;font-size:12px;position:static}[data-compact="1"] .badge-row{flex:0 auto;min-width:0;position:static}[data-compact="1"] .controller-badge{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:2px 8px;font-size:12px;overflow:hidden}[data-compact="1"] .controller-badge:not([data-active=true]){display:none}[data-compact="1"] .hud-top-right,[data-compact="1"] .focus-overlay:not([hidden])~#hud .hud-top-right{height:var(--bar-h);gap:6px;top:0;right:6px}[data-compact="1"] .help-button,[data-compact="1"] .sound-toggle,[data-compact="1"] .chat-open{width:min(36px, var(--bar-h));height:min(36px, var(--bar-h))}[data-touch="1"] .help-button{display:none}[data-compact="1"] .chat-open{color:#fff;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0000008c;border:0;border-radius:50%;padding:0;font-size:16px;display:block;position:relative}.chat-open-unread{color:#fff;text-align:center;background:#fa5252;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;top:-4px;right:-6px}[data-compact="1"] .chat-preview{top:calc(var(--bar-h) + 6px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0009;border-radius:8px;max-width:calc(100% - 16px);padding:6px 12px;font-size:13px;display:block;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}[data-compact="1"] .toasts{top:calc(var(--bar-h) + 42px);width:max-content;max-width:calc(100% - 16px)}[data-compact="1"] .room-info{top:calc(var(--bar-h) + 4px);width:min(300px,100% - 12px);left:6px}[data-compact="1"] .share-retry{top:calc(var(--bar-h) + 8px)}[data-compact="1"] .help-card{max-width:calc(100% - 24px)}[data-compact="1"] .chat{display:none}[data-compact="1"] .chat[data-sheet=open]{z-index:30;width:auto;min-width:0;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:none;background:#101218;border:0;border-radius:0;display:flex;position:fixed;inset:0 0 auto}[data-compact="1"] .chat[data-sheet=open] .chat-header{border-bottom:1px solid #ffffff1f;height:48px;padding:0 4px 0 14px;font-size:16px}[data-compact="1"] .chat[data-sheet=open] .chat-unread,[data-compact="1"] .chat-toggle{display:none}[data-compact="1"] .chat[data-sheet=open] .chat-close{color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;font-size:28px;line-height:44px;display:block}[data-compact="1"] .chat[data-sheet=open] .chat-log{padding:10px 14px;font-size:15px;line-height:1.5;display:block}[data-compact="1"] .chat[data-sheet=open] .chat-input-row{border-top:1px solid #ffffff1f;flex:none;gap:8px;padding:8px 10px;display:flex}[data-compact="1"] .chat[data-sheet=open] .chat-input{background:#15171c;border:1px solid #3a4050;border-radius:22px;flex:1;min-width:0;height:44px;padding:0 14px;font-size:16px;display:block}[data-compact="1"] .chat[data-sheet=open] .chat-input:focus{border-color:#74c0fc}[data-compact="1"] .chat[data-sheet=open] .chat-send{color:#fff;height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#4c6ef5;border:0;border-radius:22px;flex:none;padding:0 16px;font-size:15px;display:block}[data-compact="1"] .focus-frame{width:min(100vw,177.778vh)}@supports (height:100dvh){[data-compact="1"] .focus-frame{width:min(100vw,177.778dvh)}}[data-compact="1"] .focus-close{top:calc(var(--bar-h) + 8px);width:48px;height:48px;font-size:28px;line-height:48px;right:8px}[data-compact="1"] .focus-hint{top:calc(var(--bar-h) + 8px);line-height:48px;right:68px}[data-touch="1"] .focus-hint{display:none}html[data-touch="1"]{--stack-w:72px;--chatbar-h:56px}@media (height<=500px){html[data-touch="1"]{--stack-w:128px}}.coach{display:none}[data-touch="1"] .coach{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:fixed;inset:0}.coach-tip{color:#fff;text-align:center;background:#00000080;border-radius:14px;max-width:170px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.35;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.coach-tip[hidden],.zone-label[hidden]{display:none}.coach-tip[data-fading="1"]{opacity:0}.coach-icon{margin-bottom:4px;font-size:30px;line-height:1.1;display:block}.coach-icon-move{animation:1.6s ease-in-out infinite coach-drag-y}.coach-icon-look{animation:1.6s ease-in-out infinite coach-drag-x}@keyframes coach-drag-y{0%,to{transform:translateY(6px)}50%{transform:translateY(-8px)}}@keyframes coach-drag-x{0%,to{transform:translate(10px)}50%{transform:translate(-10px)}}@media (prefers-reduced-motion:reduce){.coach-icon-move,.coach-icon-look{animation:none}}.coach-move{top:50%;left:22.5%}.coach-look,.coach-zoom{left:calc((45% + 100% - var(--stack-w,72px)) / 2)}.coach-look{top:42%}.coach-zoom{top:58%}@media (height<=500px){.coach-look{top:38%}.coach-zoom{top:66%}}.zone-label{bottom:calc(var(--chatbar-h,56px) + 20px + env(safe-area-inset-bottom));color:#fff;letter-spacing:.1em;text-shadow:0 1px 3px #000c;opacity:.35;font-size:15px;font-weight:700;position:absolute;transform:translate(-50%)}.zone-label-move{left:22.5%}.zone-label-look{left:calc((45% + 100% - var(--stack-w,72px)) / 2)}.touch-chatbar{display:none}[data-touch="1"] .touch-chatbar{left:calc(12px + env(safe-area-inset-left));right:calc(var(--stack-w,72px) + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:auto;gap:8px;display:flex;position:absolute}[data-touch="1"] .focus-overlay:not([hidden])~#hud .touch-chatbar{display:none}.touch-chat-input{color:#fff;min-width:0;height:44px;font:inherit;background:#00000073;border:1px solid #ffffff40;border-radius:22px;outline:none;flex:1;padding:0 16px;font-size:16px}.touch-chat-input::placeholder{color:#fff9}.touch-chat-input:focus{background:#000000b3;border-color:#74c0fc}.touch-chat-send{color:#fff;height:44px;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#4c6ef5;border:0;border-radius:22px;flex:none;padding:0 16px;font-size:15px}