.spell-dialog{border:0;padding:0;background:transparent;color:var(--ink,#fff8ed);width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}.spell-dialog::backdrop{background:#050307d9;backdrop-filter:blur(10px)}.spell-dialog .dialog-card{position:relative;border:1px solid #ffffff24;border-radius:25px;background:#100a14;padding:30px;box-shadow:0 30px 100px #000}.spell-dialog .dialog-back{display:inline-block;margin-bottom:22px;color:#bdb2c2;font:500 12px/1.2 DM Mono,monospace;letter-spacing:.08em;text-decoration:none;transition:.2s}.spell-dialog .dialog-back:hover{color:var(--accent);transform:translateX(-3px)}.spell-dialog .dialog-card .dialog-eyebrow{margin:0;color:var(--accent);font:500 12px/1.2 DM Mono,monospace;letter-spacing:.16em}.spell-dialog .dialog-card h2{font-size:28px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 25px}.spell-dialog .dialog-actions{display:grid;gap:11px;margin-top:0}.spell-dialog .dialog-actions>button,.spell-dialog .friend-create>button{width:100%;max-width:none;padding:14px 20px;border-radius:99px;font:600 12px DM Mono,monospace!important;letter-spacing:.1em;cursor:pointer}.spell-dialog .dialog-actions>button{display:flex;align-items:center;justify-content:space-between;border:0;background:var(--accent);color:#100a14}.spell-dialog .dialog-actions>button span{font-size:9px;letter-spacing:.12em;opacity:.65}.spell-dialog .dialog-or{display:flex;align-items:center;gap:10px;color:#665d6b;font:9px DM Mono,monospace;letter-spacing:.14em}.spell-dialog .dialog-or::before,.spell-dialog .dialog-or::after{content:"";height:1px;flex:1;background:#ffffff1c}.spell-dialog .friend-create{display:grid;gap:9px;width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent}.spell-dialog .friend-create label{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--accent);font:500 11px/1.4 DM Mono,monospace;letter-spacing:.1em}.spell-dialog .friend-create label span{color:#665d6b;font-size:9px;white-space:nowrap}.spell-dialog .friend-create input{width:100%;margin:0;padding:12px;border:1px solid #ffffff1c;border-radius:10px;background:#08060b;color:#fff8ed;font:13px DM Mono,monospace;outline:none}.spell-dialog .friend-create input:focus{border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 18%,transparent)}.spell-dialog .friend-create>button{border:1px solid #ffffff1c;background:transparent;color:#fff8ed}.spell-dialog .dialog-actions button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 35px #0007}.spell-dialog .recent{margin-top:8px}@media(max-width:600px){.spell-dialog .dialog-card{padding:26px 20px}}