*{box-sizing:border-box}:root{color-scheme:light;--bg: #f4f6fc;--panel: #ffffff;--panel-2: #eef1f9;--panel-3: #f7f9fd;--line: #e2e6f0;--line-soft: #edf0f7;--text: #26264c;--muted: #6a6e8a;--faint: #9a9eb8;--accent: #2b74e0;--accent-strong: #4f95ff;--warn: #d9750a;--danger: #ec3b57;--blue: #2b74e0;--red: #ec3b57;--pink: #ff4d6d;--radius: 12px;--shadow: 0 12px 30px rgba(40, 46, 90, .12)}[hidden]{display:none!important}html,body{margin:0;width:100%;min-height:100%}body.in-arcade{height:100dvh;overflow:hidden}body{min-height:100dvh;background:radial-gradient(1100px 520px at 50% -180px,rgba(255,77,109,.14),transparent 60%),radial-gradient(900px 480px at 88% -40px,rgba(43,116,224,.1),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}button,select,input{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel-3);color:var(--text)}input,select{width:100%;padding:7px 10px}button{padding:7px 12px;background:var(--panel-2);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover:not(:disabled),button:focus-visible{border-color:#cdd4e6;background:#e9edf7}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(43,116,224,.5);outline-offset:2px}button:disabled{cursor:default;opacity:.45}button.primary{background:linear-gradient(180deg,#ff5c76,#f5385c);border-color:#ec3b57;color:#fff;font-weight:700}button.primary:hover:not(:disabled),button.primary:focus-visible{background:linear-gradient(180deg,#ff6d84,#f5485f);border-color:#ff4d6d}a{color:var(--accent)}a:hover,a:focus-visible{color:var(--accent-strong)}.panel{width:min(100%,860px);min-height:100dvh;margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:12px}body.in-arcade .panel{height:100dvh;min-height:0}.panel.wide{width:min(100%,1280px)}.site-header{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.brand a{color:inherit;text-decoration:none}.brand-accent{color:var(--pink)}.text-link{font-size:.86rem;font-weight:600}.beta{display:inline-block;padding:2px 7px;border:1px solid rgba(255,77,109,.5);border-radius:999px;color:var(--pink);font-size:.58rem;font-weight:650;letter-spacing:.05em;line-height:1.2;text-transform:uppercase;vertical-align:.2em}h1,h2,h3,p{margin-top:0}h1{flex:0 0 auto;margin-bottom:0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.1;letter-spacing:0}.subtitle{font-size:.86rem;font-weight:400;color:var(--muted)}.hero{flex:0 0 auto;padding:clamp(20px,7dvh,72px) 12px 6px;text-align:center}.hero h1{margin:0 0 12px;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.12}.hero-sub{max-width:58ch;margin:0 auto 18px;color:var(--muted);font-size:.98rem;line-height:1.6}.hero-chips{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none}.hero-chips li{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff9;color:#5a5e7a;font-size:.78rem;font-weight:550}.hero-games{flex:0 0 auto;max-width:820px;margin:0 auto;padding:0 12px;color:var(--faint);font-size:.8rem;line-height:1.7;text-align:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font-size:1rem;line-height:1.2}.setup-card{width:min(100%,780px);margin:8px auto 0;padding:20px}.setup-card h2{margin-bottom:14px;font-size:1.05rem}.setup-card .primary{width:100%;min-height:42px;font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.form-grid label,.field{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.8rem}.label-row,.field-label{display:flex;align-items:center;gap:6px}.field-with-help{position:relative}.info-bubble,.info{position:relative;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-size:.72rem;line-height:1;cursor:help}.field-help,.info:after{position:absolute;z-index:20;width:min(250px,calc(100vw - 32px));padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius);background:#26264c;color:#eef0f8;font-size:.78rem;font-weight:400;line-height:1.35;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none}.field-help{top:22px;left:0}.info:after{content:attr(data-tip);top:calc(100% + 8px);left:0}.field-with-help:focus-within .field-help,.field-with-help:hover .field-help,.info:hover:after,.info:focus:after{opacity:1;visibility:visible}.hint,.warning{color:var(--muted);font-size:.8rem}.warning{color:var(--warn)}.faq-panel{height:auto;min-height:100dvh}.page-title{margin-top:clamp(8px,4dvh,36px);text-align:center}.page-title h1{margin-bottom:6px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;letter-spacing:-.015em}.page-title .subtitle{margin:0}.faq-card{width:min(100%,820px);margin:4px auto 24px;padding:8px 18px}.faq-list section{border-bottom:1px solid var(--line-soft)}.faq-list section:last-child{border-bottom:none}.faq-list details{padding:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0 -8px;padding:12px 8px;border-radius:8px;color:var(--text);cursor:pointer;font-size:.94rem;font-weight:650;list-style:none;transition:background .12s ease}.faq-list summary:hover{background:#26264c0d}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"⌄";flex:0 0 auto;color:var(--muted);font-size:1.2rem;line-height:1;transition:transform .12s ease}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list details[open] summary{color:var(--accent)}.faq-list summary:focus-visible{outline:2px solid rgba(43,116,224,.5);outline-offset:-2px}.faq-answer{max-width:76ch;padding:2px 2px 16px;color:#454a6b;font-size:.9rem;line-height:1.55}.faq-answer p,.faq-answer ul{margin:0 0 10px}.faq-answer ul{padding-left:21px}.faq-answer h2{margin:16px 0 6px;color:var(--text);font-size:.92rem}.faq-answer h2:first-child{margin-top:0}#arcade{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}#view-root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.metrics,.controls,.status,.mode-toggle,.log-section,#power-graph,#log{max-width:100%}@media(max-width:820px){body{font-size:13px}.panel{padding:10px;gap:8px}.site-header{align-items:flex-start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(max-width:560px){.panel{padding:8px}h1{font-size:1.05rem}.hero{padding-top:18px}.hero h1{font-size:1.55rem}.card{padding:10px}.setup-card{padding:14px}.form-grid{grid-template-columns:1fr}button,input,select{min-height:32px}}
