:root{--bg:#17181c;--panel:#202127;--card:rgba(255,255,255,0.07);--card-hover:rgba(255,255,255,0.12);--accent:#3478f6;--accent-soft:rgba(52,120,246,0.22);--text:#f2f2f4;--text-dim:#9a9aa3;--radius:16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{color:inherit;border:none;background:none;cursor:pointer}button,input,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;border-radius:14px;padding:12px 28px;font-size:17px;transition:transform .08s ease,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn.secondary{background:var(--card);color:var(--text)}.btn.big{font-size:20px;padding:14px 40px}.card{background:var(--card);border-radius:var(--radius);transition:background .15s}.card:hover{background:var(--card-hover)}.pixelated{image-rendering:pixelated}.field{width:100%;background:var(--card);border:none;border-radius:12px;color:var(--text);padding:12px 16px;font-size:18px;outline:none}.field::placeholder{color:var(--text-dim)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--panel);border-radius:20px;padding:32px;max-width:520px;width:calc(100% - 40px);text-align:center}h1,h2,h3{font-weight:800}.dim{color:var(--text-dim)}.drawRow{display:flex;flex-direction:column;gap:18px;align-items:center}@media (min-width:980px){.drawRow{flex-direction:row;align-items:flex-start;justify-content:center}}