#nameplates{pointer-events:none;position:fixed;inset:0}.nameplate{color:var(--moon);white-space:nowrap;text-shadow:0 1px 3px #080f20;pointer-events:none;background:#111c2b7a;border-radius:12px;padding:3px 9px;font:11px/1.5 Malgun Gothic,sans-serif;position:absolute;transform:translate(-50%,-100%)}.nameplate[data-self=true]{color:var(--ember);background:#111c2b59}.nameplate[hidden]{display:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1028;--panel:#111c2b;--moon:#e6e9f2;--muted:#adb6c9;--ember:#f4a76a;--line:#acbad82e;--edge:clamp(16px,3vw,44px);--bottom:max(18px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{background:var(--night);width:100%;height:100%;color:var(--moon);margin:0;font-family:Georgia,Malgun Gothic,serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{z-index:1;pointer-events:none;height:100svh;position:relative}#status{color:#b5c2cf;font:12px sans-serif;position:absolute;top:6%;right:5%}nav{bottom:calc(var(--bottom) + 42px);white-space:nowrap;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}button,select,input{pointer-events:auto;font:12px Malgun Gothic,sans-serif}button{border:1px solid var(--line);min-height:44px;color:var(--moon);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;background:#111c2bba;border-radius:24px;padding:10px 16px}button:hover{background:#263548}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b5c5dd}button[aria-pressed=true]{background:#324152;border-color:#acbad880}#settings-open{bottom:var(--bottom);left:max(var(--edge),env(safe-area-inset-left));padding-inline:20px;position:absolute}#ui-toggle{right:max(var(--edge),env(safe-area-inset-right));bottom:var(--bottom);font-size:11px;position:absolute}#meteor-preview{top:max(12px,env(safe-area-inset-top));font-size:11px;position:absolute;left:50%;transform:translate(-50%)}#star-preview{top:max(12px,env(safe-area-inset-top));left:max(var(--edge),env(safe-area-inset-left));border:1px solid var(--line);background:var(--panel);pointer-events:auto;border-radius:12px;width:158px;padding:0 10px;font:12px Malgun Gothic,sans-serif;position:absolute}#star-preview summary{cursor:pointer;padding:14px 0}#star-preview summary:focus-visible{outline:2px solid #b5c5dd}#star-preview label{grid-template-columns:1fr auto;align-items:center;margin:4px 0;display:grid}#star-preview input{width:100%;height:32px;accent-color:var(--ember);cursor:pointer;grid-column:1/-1;margin:0}@media (width<=650px) and (height>=501px){#star-preview{left:auto;right:max(var(--edge),env(safe-area-inset-right))}}.channel-controls{color:#b5c2cf;align-items:center;gap:8px;font:12px Malgun Gothic,sans-serif;display:flex;position:absolute;top:calc(6% + 40px);right:5%}.channel-controls select{border:1px solid var(--line);background:var(--panel);max-width:130px;min-height:44px;color:var(--moon);cursor:pointer;border-radius:24px;padding:7px 12px}#settings{pointer-events:auto;inset:auto auto calc(var(--bottom) + 56px) max(var(--edge),env(safe-area-inset-left));overscroll-behavior:contain;background:var(--panel);width:min(360px,100vw - 32px);max-height:calc(100svh - 96px);color:var(--moon);border:1px solid #acbad847;border-radius:20px;margin:0;padding:24px;font:13px/1.6 Malgun Gothic,sans-serif;position:fixed;overflow:auto;box-shadow:0 16px 64px #05091980}#settings::backdrop{background:#080f2059}.settings-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header h2{letter-spacing:.06em;margin:0;font:400 21px Georgia,Malgun Gothic,serif}#settings-close{background:0 0;padding:8px 12px}#settings-description{color:var(--muted);margin:8px 0 22px;font-size:12px}#settings h3{margin:0 0 8px;font-size:13px;font-weight:400}.settings-hint{color:var(--muted);margin:8px 0;font-size:11px}#audio-controls{gap:10px;margin-top:14px;display:grid}.audio-row{grid-template-columns:128px 1fr;align-items:center;gap:18px;display:grid}.audio-row button{border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.toggle-state{color:var(--muted);font-size:10px}[aria-pressed=true] .toggle-state{color:var(--ember)}.audio-row input{width:100%;min-width:0;height:44px;accent-color:var(--ember);cursor:pointer;margin:0}.screen-controls{left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));bottom:calc(var(--bottom) + 52px);justify-content:space-between;gap:8px;display:flex;position:absolute}.camera-controls{gap:6px;display:flex}.camera-controls button{border-radius:12px;min-width:44px}#motion{border-radius:24px}.credit{color:var(--muted);margin:20px 0 0;font-size:10px;line-height:1.7}body[data-capture] #app{display:none}#app[data-ui-hidden=true]>:not(#ui-toggle){visibility:hidden;pointer-events:none}#app[data-ui-hidden=true] #ui-toggle{opacity:.25;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}#app[data-ui-hidden=true] #ui-toggle:hover,#app[data-ui-hidden=true] #ui-toggle:focus-visible{opacity:1}@media (width<=1000px){nav{bottom:calc(var(--bottom) + 126px)}.screen-controls button{padding:8px;font-size:11px}}@media (width<=650px){#meteor-preview{top:120px;left:6%;transform:none}#status{top:max(16px,env(safe-area-inset-top));font-size:10px;left:6%;right:auto}.channel-controls{font-size:10px;top:58px;left:6%;right:auto}nav{gap:5px}nav button{padding:10px 11px;font-size:11px}#settings{left:16px;bottom:calc(var(--bottom) + 56px);padding:20px}}@media (height>=501px) and (height<=650px){#settings{padding:16px}#settings-description{display:none}#settings .credit{margin-top:10px}#audio-controls{gap:6px;margin-top:8px}}@media (height<=500px){#status{top:8px;left:auto;right:24px}.channel-controls{top:44px;left:auto;right:24px}nav{bottom:calc(var(--bottom) + 104px)}#settings{width:min(360px,100vw - 32px);max-height:calc(100svh - 24px);padding:16px 20px;inset:12px auto auto 16px}#settings-description{margin:2px 0 10px}#settings .settings-hint{margin:3px 0}#audio-controls{gap:4px;margin-top:6px}#settings .credit{margin-top:10px}}.emotes{position:relative}nav #emotes-toggle{place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}#emotes-toggle[aria-expanded=true]{color:var(--ember);border-color:var(--ember)}#emotes-toggle[data-wish-ready=true]:after{content:"";background:var(--ember);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}#emotes-options:not([hidden]){border:1px solid var(--line);background:var(--panel);pointer-events:auto;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(220px,72vw);padding:5px;display:grid;position:absolute;bottom:calc(100% + 10px);right:-10px}#emotes-options button{white-space:normal;border-radius:9px;padding-inline:6px}#app[data-ui-hidden=true] nav :is(button,#emotes-options){pointer-events:none}#play-actions:not([hidden]){top:clamp(112px,30svh,230px);left:max(var(--edge), env(safe-area-inset-left));justify-items:start;gap:4px;width:min(210px,54vw);display:grid;position:absolute}#play-actions button:not([hidden]){text-align:left;background:#111c2bd9;border-radius:10px;align-items:center;gap:8px;max-width:100%;padding:7px 12px 7px 8px;display:flex}#play-actions button:hover{background:#263548}#play-actions span{word-break:keep-all;overflow-wrap:anywhere}#play-actions kbd{border:1px solid var(--line);min-width:21px;min-height:21px;color:var(--ember);font:inherit;border-radius:5px;flex:none;place-items:center;display:inline-grid}#app[data-ui-hidden=true] #play-actions button{pointer-events:none}@media (height<=500px){#play-actions:not([hidden]){top:82px}}