@font-face{font-family:DM Sans;src:url(../fonts/DMSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(../fonts/DMSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{color-scheme:light;--radius: 1rem;--background: oklch(.9232 .0026 48.7171);--foreground: oklch(.2795 .0368 260.031);--card: oklch(.9699 .0013 106.4238);--primary: oklch(.7556 .1846 125.8512);--primary-foreground: #fff;--muted-foreground: oklch(.551 .0234 264.3637);--accent: oklch(.9158 0 0);--border: oklch(.8687 .0043 56.366);--success-strong: oklch(.47 .13 128);--info: oklch(.5699 .1372 247.1865);--shadow-xs: 0 1px 2px 0 hsl(240 6% 30% / .06);--shadow-sm: 0 1px 2px 0 hsl(240 6% 30% / .05), 0 1px 3px 1px hsl(240 6% 30% / .04);--shadow-lg: 0 4px 6px -2px hsl(240 6% 30% / .06), 0 12px 28px -6px hsl(240 6% 30% / .14);--shadow-2xl: 0 32px 64px -16px hsl(240 6% 30% / .28);--head: 64px}.dark{color-scheme:dark;--background: #0e1012;--foreground: #eef0f2;--card: #16191d;--primary-foreground: #12140f;--muted-foreground: #a4acb5;--accent: #242931;--border: #272c33;--success-strong: #a9d92f;--info: #60a5fa;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .35);--shadow-sm: 0 1px 2px 0 hsl(0 0% 0% / .35), 0 1px 3px 1px hsl(0 0% 0% / .3);--shadow-lg: 0 4px 6px -2px hsl(0 0% 0% / .4), 0 12px 28px -6px hsl(0 0% 0% / .5);--shadow-2xl: 0 32px 64px -16px hsl(0 0% 0% / .7)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"ss01","cv11";color:var(--foreground);background-color:var(--background);background-image:radial-gradient(70rem 34rem at 50% -14rem,color-mix(in oklch,var(--primary) 14%,transparent),transparent 70%),radial-gradient(40rem 24rem at 100% 0%,color-mix(in oklch,var(--primary) 6%,transparent),transparent 70%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:color-mix(in oklch,var(--primary) 35%,transparent)}button{font-family:inherit}.top{position:sticky;top:0;z-index:30;height:var(--head);display:flex;align-items:center;gap:16px;padding:0 max(16px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in oklch,var(--border) 60%,transparent);background:color-mix(in oklch,var(--background) 65%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{display:inline-flex;flex:none;border-radius:8px}.brand img{height:40px;width:auto;display:block}.logo-d,.dark .logo-l{display:none!important}.dark .logo-d{display:block!important}.sep{width:1px;height:28px;background:var(--border);flex:none}.head-text{min-width:0;flex:1}.top h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.025em;white-space:nowrap}.top h1 span{color:var(--success-strong)}.top p{margin:1px 0 0;font-size:13px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;align-items:center;gap:6px;flex:none}.icon-btn{height:36px;min-width:36px;padding:0 10px;border-radius:999px;border:0;background:transparent;color:var(--muted-foreground);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:color-mix(in oklch,var(--accent) 70%,transparent);color:var(--foreground)}.round-btn{padding:0;width:36px}.i-moon,.dark .i-sun{display:none}.dark .i-moon{display:block}.btn-primary{flex:none;text-decoration:none;background:var(--primary);color:var(--primary-foreground);height:36px;padding:0 16px;border-radius:999px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;box-shadow:var(--shadow-xs);margin-left:4px;transition:filter .15s}.btn-primary:hover{filter:brightness(.94)}:focus-visible{outline:3px solid color-mix(in oklch,var(--primary) 50%,transparent);outline-offset:2px}.stage{position:relative}.room{position:relative;overflow:hidden}#room{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.chip,.status,.views,.round{background:var(--card);border:1px solid color-mix(in oklch,var(--border) 70%,transparent);box-shadow:var(--shadow-xs)}.hud{position:absolute;left:16px;top:16px;right:270px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;pointer-events:none}.status{margin:0;padding:8px 14px;border-radius:var(--radius);font-size:14px;line-height:1.4;max-width:560px}.status b{color:var(--success-strong);font-weight:700}.legend{display:flex;gap:8px;font-size:12px;font-weight:500;color:var(--muted-foreground)}.legend>span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid color-mix(in oklch,var(--border) 70%,transparent);box-shadow:var(--shadow-xs)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.s{background:#3d8fd1;animation:blink 1s infinite}.dot.r{background:var(--primary)}.round{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;color:var(--muted-foreground);display:grid;place-items:center;cursor:pointer;transition:color .15s}.round:hover{color:var(--foreground)}.views{position:absolute;right:64px;top:16px;height:40px;display:flex;padding:3px;gap:2px;border-radius:999px}.views button{border:0;background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:700;padding:0 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.views button.on{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-xs)}.views button:not(.on):hover{color:var(--foreground)}.drag{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font-size:12px;font-weight:500;color:var(--muted-foreground);padding:5px 12px;border-radius:999px;background:var(--card);border:1px solid color-mix(in oklch,var(--border) 70%,transparent);pointer-events:none;transition:opacity .6s}.drag.gone{opacity:0}.no-webgl .hud{right:16px}.loader{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .5s;pointer-events:none}.loader span{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .9s linear infinite}body.ready .loader{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}.dock{padding:16px}.panel-host{position:relative;width:100%;aspect-ratio:1400 / 920}.hint{margin:14px 0 0;text-align:center;font-size:13px;color:var(--muted-foreground)}.hint b{color:var(--foreground);font-weight:700}.rotate{display:none;margin:6px 0 0;text-align:center;font-size:12px;color:var(--muted-foreground)}.room{height:clamp(280px,50svh,620px)}.dock{max-width:760px;margin:0 auto}@media(min-aspect-ratio:5/4)and (min-width:640px){:root{--dockw: min(45vw, calc((100dvh - var(--head) - 90px) * 1400 / 920), 860px)}body{overflow:hidden}.stage{height:calc(100dvh - var(--head))}.room{position:absolute;inset:0;height:auto}.dock{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:var(--dockw);padding:0;margin:0;max-width:none}.drag{left:calc((100% - var(--dockw) - 24px) / 2)}.round{right:calc(var(--dockw) + 40px)}.views{right:calc(var(--dockw) + 88px)}.hud{right:calc(var(--dockw) + 290px)}}@media(max-height:520px)and (min-aspect-ratio:5/4){:root{--head: 48px;--dockw: min(52vw, calc((100dvh - var(--head) - 24px) * 1400 / 920))}.brand img{height:28px}.top p,.btn-primary,.sep{display:none}.top h1{font-size:15px}.hint{display:none}.dock{right:max(12px,env(safe-area-inset-right))}.status{font-size:12px;padding:6px 10px;max-width:42vw}.legend{display:none}}@media(max-width:720px){.top p{display:none}}@media(max-width:560px){:root{--head: 60px}.brand img{height:32px}.top{gap:10px}.sep,.top h1 span{display:none}.top h1{font-size:15px}.btn-primary{padding:0 12px;font-size:13px}.rotate{display:block}.status{font-size:13px}.hud{right:16px;top:64px}.legend{display:none}.dock{padding:12px 16px 20px}}.device{position:absolute;left:50%;top:50%;width:1400px;height:920px;padding:60px;transform-origin:50% 50%;border-radius:38px;background:linear-gradient(160deg,#1a1a1b,#060606 55%,#0d0d0e);box-shadow:inset 0 0 0 2px #262628,inset 0 2px #ffffff12,var(--shadow-2xl),var(--shadow-lg)}.screen{position:relative;width:1280px;height:800px;overflow:hidden;border-radius:6px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.theme-dark{--bg: #000;--tile: #2c2c2e;--instr: #3a3a3c;--card5: #1c1c1e;--card6: #2c2c2e;--pill: #2c2c2e;--text: #fff;--grey: #8e8e93;--accent: #3d8fd1;--hair: transparent}.theme-light{--bg: #f2f2f7;--tile: #fff;--instr: #e5e5ea;--card5: #e5e5ea;--card6: #fff;--pill: #fff;--text: #1c1c1e;--grey: #8e8e93;--accent: #024367;--hair: #d1d1d6}.page{position:absolute;inset:0}.page-info{display:none;background:var(--bg)}.info-open .page-info{display:block}.info-open .page-main,.info-open .header{visibility:hidden}.card5,.card6{position:absolute;border-radius:18px;background:var(--card5)}.card6{background:var(--card6)}.rect{position:absolute;border:2px solid var(--text)}.stext{position:absolute;white-space:nowrap;font-size:20px;font-weight:700;line-height:1}.stext.s1{font-size:26px;font-weight:400}.stext.s2,.stext.s3{font-size:16px;font-weight:400}.tile{position:absolute;border:1px solid var(--hair);border-radius:12px;padding:0;background:var(--tile);color:var(--text);font:700 20px/24px Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:transform .08s,filter .08s}.tile .txt{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.tile.instr{background:var(--instr)}.tile.reset{background:#bc0202;color:#fff;border-color:transparent}.tile.simul{background:var(--instr);border:2px solid var(--accent)}.tile:hover{filter:brightness(1.08)}.theme-light .tile:hover{filter:brightness(.97)}.tile.down{transform:scale(.97);filter:brightness(.82)}.tile.longfired{transform:scale(1.02)}.tile:focus-visible,.pill:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.ov{position:absolute;inset:-1px;border-radius:12px;border:3px solid transparent;pointer-events:none;display:none}.ov.on{display:block}.ov.blink{animation:blink 1s infinite}.ov.fault{animation:blink .35s infinite}@keyframes blink{0%,55%{opacity:1}70%,90%{opacity:.2}to{opacity:1}}.header{position:absolute;inset:0 0 auto;height:110px;pointer-events:none}.header>*{pointer-events:auto}.logo,.biglogo,.mark{position:absolute;object-fit:contain}.title{position:absolute;left:0;right:0;top:40px;text-align:center;font-size:26px;pointer-events:none}.pill{position:absolute;border-radius:22px;border:1px solid var(--hair);background:var(--pill);color:var(--text);font:700 20px Arial,Helvetica,sans-serif;cursor:pointer;padding:0}.pill:hover{filter:brightness(1.12)}.card-title{position:absolute;left:24px;top:28px;font-size:26px}.card-line{position:absolute;left:24px;font-size:20px;font-weight:700;white-space:nowrap}.version{position:absolute;left:0;right:0;bottom:58px;text-align:center;font-size:16px;color:var(--grey);pointer-events:none}