:root{--bg: #008080;--surface: #c0c0c0;--text: #000000;--text-dim: #404040;--accent: #000080;--border: #dfdfdf;--font-body: "VT323", monospace;--shadow: 2px 2px 0 #000;--shadow-hover: none;--canvas-border-radius: 0;--canvas-border: inset 2px #fff;--overlay-bg: #c0c0c0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font-body);color:var(--text)}.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:10px;gap:20px;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.1'%3E%3Cpath d='M0 0h1v1H0z'/%3E%3C/g%3E%3C/svg%3E")}.header{display:flex;align-items:center;justify-content:center;background:navy;color:#fff;padding:4px 8px;position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(92vw,1400px);z-index:20;border:4px solid #c0c0c0;border-top-color:#dfdfdf;border-left-color:#dfdfdf;border-right-color:#404040;border-bottom-color:#404040}.header h1{font-family:VT323,monospace;font-size:1rem;font-weight:500;color:#fff}.header .controls{display:block;position:fixed;bottom:4px;left:18px;z-index:101}.canvas-container{width:min(92vw,1400px);height:calc(100vh - 90px);max-height:1240px;margin-top:28px;background:silver;border:4px solid #c0c0c0;border-top-color:#dfdfdf;border-left-color:#dfdfdf;border-right-color:#404040;border-bottom-color:#404040;box-shadow:4px 4px #0003;overflow:hidden;display:grid;place-items:center;position:relative}#screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer{display:flex;align-items:center;justify-content:flex-start;gap:16px;font-size:.85rem;color:var(--text-dim);position:fixed;bottom:0;left:0;width:100%;background:silver;border-top:2px solid #dfdfdf;padding:4px;z-index:100}.footer a{color:var(--text);text-decoration:none}.footer a:hover{color:var(--accent)}.sep{width:1px;height:12px;background:var(--text-dim);opacity:.5}.btn{background:silver;border:2px solid #fff;border-right-color:#404040;border-bottom-color:#404040;color:var(--text);padding:4px 12px;font-family:var(--font-body);font-size:1.3rem;font-weight:700;cursor:pointer;border-radius:0;display:flex;align-items:center;gap:8px;box-shadow:none}.btn:hover{transform:none}.btn:active{border:2px solid #404040;border-right-color:#fff;border-bottom-color:#fff}#theme-toggle{cursor:default;pointer-events:none}#error-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:var(--overlay-bg);color:var(--text);padding:32px;border:4px solid #c0c0c0;border-top-color:#dfdfdf;border-left-color:#dfdfdf;border-right-color:#404040;border-bottom-color:#404040;text-align:center;max-width:420px}#error-banner.hidden{display:none}@media(max-width:768px){.header{flex-direction:column;gap:12px}.header h1{font-size:.8rem}.canvas-container{width:100%;height:65vh}}