:root{--ink:#33302b;--ink-soft:#7a746a;--bg:#2b2723;--card:#fffdf8;--accent:#e8674a;--accent-2:#4a7fb5}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}#app canvas{border-radius:6px;box-shadow:0 12px 60px #00000073}#sts-name-overlay{z-index:50;background:#14110e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#sts-name-overlay .sts-card{background:var(--card);color:var(--ink);text-align:center;border:1px solid #e2d8c4;border-radius:16px;width:min(420px,92vw);padding:28px 32px;box-shadow:0 16px 70px #00000080}#sts-name-overlay h2{margin:0 0 6px;font-size:26px}#sts-name-overlay .sts-hint{color:var(--ink-soft);margin:0 0 14px;font-size:14px}#sts-name-overlay input{width:100%;color:var(--ink);border:2px solid #d8d0c0;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:20px}#sts-name-overlay input:focus{border-color:var(--accent-2)}#sts-name-overlay .sts-status{min-height:20px;color:var(--ink-soft);margin:10px 0 12px;font-size:14px}#sts-name-overlay .sts-status.sts-error{color:#c0392b;font-weight:700}#sts-name-overlay .sts-row{justify-content:center;gap:12px;display:flex}.sts-btn{cursor:pointer;color:var(--ink-soft);background:#e6dfd2;border:none;border-radius:10px;padding:12px 22px;font-family:inherit;font-size:17px;font-weight:700;transition:transform 80ms}.sts-btn:hover{transform:scale(1.04)}.sts-btn:disabled{opacity:.6;cursor:wait}.sts-btn-primary{background:var(--accent);color:#fff}