*{box-sizing:border-box}body{margin:0;background:#090e1c;color:#eef4ff;font:16px system-ui}header{display:flex;justify-content:space-between;padding:12px 24px;background:#142039}h1{margin:0}main{padding:20px}button,input,select{font:inherit;padding:10px;border-radius:8px;border:1px solid #526583}button{cursor:pointer;background:#243958;color:white;margin:4px}input,select{background:#152238;color:white;max-width:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#162339;padding:18px;border-radius:12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}label{display:inline-block;margin:6px}.row{display:flex;gap:8px;align-items:center;margin:6px 0}.phone{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:700px;margin:auto}.phone button{min-height:120px;font-size:28px}.red{background:#bd253d}.yellow{background:#b89b14}.green{background:#168246}.orange{background:#c36516}.blue{background:#2059bd}iframe{border:0;width:100%;height:calc(100vh - 90px)}pre{white-space:pre-wrap}.preview{max-height:250px;overflow:auto}.notice{color:#ffcf64}progress{width:100%;height:20px}@media(max-width:700px){.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}}
body.game-display{overflow:hidden}body.game-display>header{display:none}body.game-display #app{position:fixed;inset:0;padding:0}body.game-display iframe{width:100vw;height:100vh;border:0;display:block}#display-tools{position:fixed;right:12px;top:12px;z-index:99999;display:flex;align-items:center;gap:8px;background:#07111ddd;padding:5px 10px;border-radius:8px;font-size:12px;opacity:.25;transition:opacity .2s}#display-tools:hover,#display-tools:focus-within{opacity:1}#display-tools button{font-size:12px;padding:6px 10px}