*{box-sizing:border-box}body{background:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Comic Sans MS,Comic Neue,sans-serif;display:flex;overflow:hidden}#app{width:100vw;height:100vh;padding:0}#app canvas{box-shadow:none;border:none;border-radius:0;display:block;width:100vw!important;height:100vh!important}.top-bar{z-index:10;pointer-events:none;padding:10px 14px;position:fixed;top:0;left:0;right:0}.top-bar-inner{pointer-events:auto;background:#ffffffe6;border:3px solid #000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:1400px;margin:0 auto;padding:8px 14px;display:flex;box-shadow:4px 4px #000}.brand{letter-spacing:1px;color:#0a0a0a;font-size:22px;font-weight:900}.brand-tag{color:#000;background:#ffd23f;border:2px solid #000;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block;transform:rotate(-4deg)}.top-actions{align-items:center;gap:8px;display:flex}.balance-chip{color:#9cff8a;background:#111;border:3px solid #000;border-radius:10px;flex-direction:column;align-items:flex-end;padding:4px 12px;font-family:Courier New,monospace;line-height:1.1;display:flex}.balance-label{letter-spacing:1.5px;color:#7ddc63;opacity:.8;font-size:10px}.balance-value{font-size:16px;font-weight:700}.btn{color:#0a0a0a;cursor:pointer;background:#fff;border:3px solid #000;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:3px 3px #000}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px #000}.btn-accent{background:#ffd23f}.btn-danger{color:#fff;background:#ff6b6b}.btn-sm{border-width:2px;border-radius:8px;padding:4px 10px;font-size:12px;box-shadow:2px 2px #000}.modal-root{z-index:100;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-root.open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;position:absolute;inset:0}.modal{background:#fff;border:4px solid #000;border-radius:16px;width:min(520px,100% - 32px);max-height:85vh;padding:22px 24px;animation:.18s ease-out pop-in;position:relative;overflow-y:auto;box-shadow:8px 8px #000}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{color:#fff;cursor:pointer;background:#ff6b6b;border:3px solid #000;border-radius:8px;width:34px;height:34px;font-size:20px;font-weight:900;position:absolute;top:10px;right:12px;box-shadow:2px 2px #000}.modal h2{margin:0 0 6px;font-size:26px}.modal p{margin:4px 0 14px}.modal label{letter-spacing:.5px;margin-top:14px;margin-bottom:4px;font-weight:700;display:block}.modal input[type=text]{border:3px solid #000;border-radius:8px;width:100%;padding:10px 12px;font-family:Courier New,monospace;font-size:14px;box-shadow:inset 2px 2px #00000014}.muted{color:#555}.small{font-size:12px}.key-row{background:#f4f4f0;border:2px solid #000;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.key-row code{word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:12px}.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stats>div{background:#fffbe6;border:2px solid #000;border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.stats strong{font-size:18px}.info-list{margin:8px 0 10px;padding-left:4px;list-style:none}.info-list li{border-bottom:2px dashed #0002;padding:6px 0}.info-list li:last-child{border-bottom:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.status{min-height:1.2em;margin-top:10px;font-weight:700}.status.ok{color:#2a9d3f}.status.err{color:#c0392b}@media (width<=640px){.brand-tag{display:none}.balance-chip{padding:2px 8px}.balance-value{font-size:13px}.btn{padding:6px 10px;font-size:13px}.brand{font-size:16px}}