*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;background:#000;overflow:hidden;font-size:20px}#stage{position:relative;display:flex;width:100vw;height:100vh}#home-logo{position:absolute;top:18vh;left:50%;transform:translate(-50%);height:26vh;width:auto;max-width:80vw;object-fit:contain;pointer-events:none;z-index:5}#home-logo[hidden]{display:none}#console{display:block;flex:1 1 auto;min-width:0;height:100%;background:#000}#console .xterm,#console .terminal{width:100%!important;height:100%!important}#portal{display:none;flex:0 0 50%;height:100%;flex-direction:column;border-left:2px solid #333;background:#fff}body.split #portal{display:flex}#portal-bar{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8125rem}#portal-url{flex:1 1 auto;color:#6cf;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#portal-close{flex:0 0 auto;background:transparent;color:#ccc;border:none;cursor:pointer;font-size:.9rem}#portal-body{position:relative;flex:1 1 auto;min-height:0}#portal-frame{position:absolute;inset:0;width:100%;height:100%;border:none;background:#fff}body.drawing #portal-frame{pointer-events:none}#pen-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;cursor:crosshair}#pen-canvas[hidden],#pen-tools[hidden]{display:none}#pen-tools{display:inline-flex;align-items:center;gap:.3rem}.pen-sw{width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid #555;padding:0;cursor:pointer}.pen-sw.sel{border-color:#fff}#pen-clear,#pen-toggle{flex:0 0 auto;background:#2a2a2a;color:#ccc;border:none;cursor:pointer;font-size:.8125rem;padding:.2rem .5rem;border-radius:.25rem}#pen-toggle.on{background:#1a3a4a;color:#9cf}