*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse 80% 60% at 50% -10%,#241d47,#10100f 55%);color:#f5f4f2;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden;cursor:none}#app{height:100%}.stage-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.stage{position:relative;width:100vw;height:100vh;transform-origin:center center}.stage.rot-90{transform:rotate(90deg);width:100vh;height:100vw}.stage.rot-180{transform:rotate(180deg)}.stage.rot-270{transform:rotate(270deg);width:100vh;height:100vw}.stage.wall{position:absolute;top:0;left:0;width:calc(var(--wall-cols) * 100vw);height:calc(var(--wall-rows) * 100vh);transform:translate(calc(var(--wall-col) * -100vw),calc(var(--wall-row) * -100vh))}.stage.wall .layer video.visible,.stage.wall .layer img.visible{object-fit:fill}.layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:0}.layer.front{opacity:1;z-index:1}.layer video,.layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0}.layer video.visible,.layer img.visible{opacity:1}.status-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;text-align:center;cursor:default;overflow-y:auto}.status-block,.status-form{display:flex;flex-direction:column;align-items:center;gap:24px}.logo{height:72px}.status-title{font-size:28px;font-weight:600;margin:0}.status-hint{color:#9a968f;max-width:560px;font-size:17px;margin:0}.code-input{width:320px;padding:18px;font-size:40px;font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.35em;text-align:center;text-transform:uppercase;color:#10100f;background:#f5f4f2;border:3px solid #64c86b;border-radius:16px;outline:none}.pair-btn{padding:14px 44px;font-size:20px;font-weight:700;font-family:inherit;color:#10100f;background:#64c86b;border:none;border-radius:999px;cursor:pointer}.pair-btn:disabled{opacity:.5}.pair-error{color:#ff8a80;font-size:16px;min-height:22px;margin:0}@media(orientation:landscape)and (max-height:500px){.status-screen{flex-direction:row;gap:48px;padding:16px 40px}.status-block{align-items:flex-start;text-align:left;gap:10px}.status-form{gap:12px}.logo{height:44px}.status-title{font-size:20px}.status-hint{font-size:13px;max-width:320px}.code-input{width:220px;padding:10px;font-size:26px;letter-spacing:.25em}.pair-btn{padding:10px 32px;font-size:16px}.pair-error{font-size:13px;min-height:18px}}.offline-pill{position:fixed;top:16px;right:16px;z-index:10;padding:6px 14px;border-radius:999px;background:#ff980026;color:#ffb74d;font-size:13px;font-weight:600}.preview-pill{position:fixed;bottom:16px;left:16px;z-index:10;padding:6px 14px;border-radius:999px;background:#64c86b26;color:#64c86b;font-size:13px;font-weight:600}