*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0a0a0a;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;gap:1rem}#game-canvas{border:2px solid #333;box-shadow:0 0 20px #00000080;background-color:#1a1a1a}#controls{text-align:center;font-size:14px;color:#888;display:flex;flex-direction:column;gap:.5rem}#controls p{margin:.25rem 0}#main-toolbar,#menu-toolbar,#editor-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}#main-toolbar button,#menu-toolbar button{background:linear-gradient(180deg,#2a2a3a,#1a1a2a);color:#0c8;border:1px solid #00cc88;padding:.45rem 1rem;border-radius:4px;cursor:pointer;font-size:13px;font-family:Courier New,monospace;transition:all .2s ease}#main-toolbar button:hover:enabled,#menu-toolbar button:hover:enabled{background:linear-gradient(180deg,#3a3a4a,#2a2a3a);box-shadow:0 0 10px #00cc884d}#main-toolbar button:active:enabled,#menu-toolbar button:active:enabled{transform:scale(.98)}#main-toolbar button:disabled,#menu-toolbar button:disabled{opacity:.5;cursor:not-allowed;border-color:#444;color:#666}#editor-toolbar{align-items:center;gap:.28rem;padding:.3rem .4rem;background:#0c0f1299;border:1px solid #23292e;border-radius:8px}#editor-toolbar .tb-sep{align-self:stretch;width:1px;min-height:22px;margin:0 .22rem;background:#7896a02e}#editor-toolbar .tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:32px;padding:0;background:linear-gradient(180deg,#23262e,#171a1f);color:#c6dcd3;border:1px solid #2f3a3a;border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}#editor-toolbar .tb-btn svg{display:block;pointer-events:none}#editor-toolbar .tb-icon{width:32px}#editor-toolbar .tb-text{padding:0 .7rem;font:600 12px Courier New,monospace;letter-spacing:.02em}#editor-toolbar .tb-btn:hover:enabled{border-color:#0c8;color:#00e6a0;box-shadow:0 0 8px #00cc8838}#editor-toolbar .tb-btn:active:enabled{transform:translateY(1px)}#editor-toolbar .tb-btn:disabled{opacity:.32;cursor:not-allowed}#editor-toolbar .tb-back{color:#8a9aa5;border-color:#313a40}#editor-toolbar .tb-start{color:#8df0a8;border-color:#315a3f}#editor-toolbar .tb-start:hover:enabled{border-color:#8df0a8;color:#aef8c1;box-shadow:0 0 8px #8df0a847}#editor-toolbar .tb-finish{color:#f0a88d;border-color:#5a3a31}#editor-toolbar .tb-finish:hover:enabled{border-color:#f0a88d;color:#f8c3ac;box-shadow:0 0 8px #f0a88d47}#editor-toolbar .tb-toggle.active{background:linear-gradient(180deg,#123b30,#0d281f);border-color:#0c8;color:#00e6a0;box-shadow:inset 0 0 7px #00cc884d}#editor-toolbar .tb-danger:hover:enabled{border-color:#ff6b6b;color:#ff8f8f;box-shadow:0 0 8px #ff6b6b38}#editor-toolbar .tb-primary{background:linear-gradient(180deg,#0c8,#00a06b);color:#04140d;border-color:#0c8}#editor-toolbar .tb-primary:hover:enabled{background:linear-gradient(180deg,#14e29b,#00b87c);color:#04140d;box-shadow:0 0 12px #00cc8873}#editor-toolbar .tb-publish{background:linear-gradient(180deg,#17b6d4,#0e90ab);border-color:#17b6d4;color:#041418}#editor-toolbar .tb-publish:hover:enabled{background:linear-gradient(180deg,#2fcbe8,#12a2c0);box-shadow:0 0 12px #17b6d473}#replay-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}#replay-toolbar button{background:#242424;color:#f0f0f0;border:1px solid #3a3a3a;padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s ease}#replay-toolbar button:hover:enabled{background:#333}#replay-toolbar button:disabled{opacity:.5;cursor:not-allowed}#status-text{color:#ccc;font-family:monospace}