html,body{color:#e6f3f8;background:#0b1d2e;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#overlay{pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}.modal{background:#0f2338;border:1px solid #1f4866;border-radius:8px;width:min(520px,92vw);padding:20px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000080}.modal h2,.dev h3{color:#3ec6c0;margin:0 0 8px;font-size:20px}.modal p{margin:6px 0;font-size:14px;line-height:1.4}.note{color:#9db4c4;font-size:12px!important}.row{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}button{font:inherit;color:#e6f3f8;cursor:pointer;background:#14324a;border:1px solid #1f4866;border-radius:6px;padding:8px 14px;font-size:14px}button:hover{filter:brightness(1.15)}button.primary{color:#06202a;background:#3ec6c0;border-color:#3ec6c0;font-weight:700}button.danger{color:#ffd6d0;background:#5a2a2a;border-color:#a04040}.modal.intro{width:min(560px,92vw)}.modal.intro ul{margin:8px 0 10px 18px;padding:0;font-size:14px;line-height:1.45}.modal.intro li{margin:4px 0}.modal.intro table.keys{border-collapse:collapse;color:#9db4c4;margin-top:4px;font-size:13px}.modal.intro table.keys td{padding:2px 14px 2px 0}.modal.intro table.keys td:first-child{color:#3ec6c0;font-weight:600}.dev{background:#0f2338ee;border:1px solid #f2b134;border-radius:8px;width:240px;padding:12px 14px;font-size:13px;position:absolute;top:90px;right:12px}.dev label{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.dev input[type=number]{width:64px;font:inherit;color:#e6f3f8;background:#06202a;border:1px solid #1f4866;border-radius:4px;padding:2px 4px}