:root{--bg0:#060606;--bg1:#0c0a08;--card:#3b1406;--card2:#1a0b05;--gold:#ff9f1a;--gold2:#ff7a00;--text:#f7eee6;--muted:rgba(247,238,230,.72);--shadow: 0 22px 60px rgba(0,0,0,.7);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:linear-gradient(180deg,#000,#0a0706 40%,#2a0f05,#5a2208),radial-gradient(800px 600px at 50% 100%,#ff8c0059,#ff5a0026,#0000 70%);color:var(--text)}.screen{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom)) 16px;display:flex;flex-direction:column;justify-content:space-between;max-width:520px;margin:0 auto}.brand{text-align:center;margin-top:12px}.brandMark{font-size:22px;margin-bottom:8px}.brandTitle{letter-spacing:.14em;font-weight:800;font-size:22px}.brandSubtitle{margin-top:4px;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.deckLabel{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}.card{margin-top:6px;background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%);border-radius:var(--radius);border:1px solid rgba(255,140,0,.45);box-shadow:var(--shadow);padding:18px 16px 16px;min-height:52vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:10px;border-radius:calc(var(--radius) - 10px);border:1px solid rgba(255,140,0,.18);pointer-events:none}.cardMark{text-align:center;font-size:18px;opacity:.95;margin-bottom:10px}.cardText{text-align:center;text-transform:uppercase;letter-spacing:.06em;font-weight:750;font-size:clamp(18px,4.8vw,24px);line-height:1.25;padding:8px 10px;white-space:pre-wrap}.subtle{color:#f7eee6ad;font-weight:650}.cardFooter{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.22em;color:#ff8c008c;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:14px;margin-bottom:6px}.btnPrimary{width:100%;padding:18px 14px;border-radius:16px;border:1px solid rgba(255,140,0,.55);background:linear-gradient(180deg,#ffb45047,#ff5a002e);color:var(--text);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;box-shadow:0 10px 28px #00000073}.btnPrimary:active{transform:scale(.99)}.btnPrimary:disabled{opacity:.65}.btnGhost{background:transparent;border:1px solid rgba(255,140,0,.25);color:#f7eee6d9;padding:10px 12px;border-radius:14px;font-weight:700;letter-spacing:.06em;font-size:12px}.hint{text-align:center;color:#f7eee69e;font-size:12px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.cardFade{animation:fadeOutIn .22s ease-in-out}@keyframes fadeOutIn{0%{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.authScreen{justify-content:space-between}.authCard{width:100%;padding:18px 16px;border-radius:18px;background:#0a0604b3;border:1px solid rgba(247,238,230,.14);box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{display:block;margin-bottom:14px}.label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f7eee69e;margin-bottom:8px}.input{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(247,238,230,.16);background:#0006;color:#f7eee6eb;outline:none}.input::placeholder{color:#f7eee659}.input:focus{border-color:#f7eee652}.authBtn{width:100%;margin-top:6px}.authError{margin:10px 0 6px;padding:10px 12px;border-radius:12px;background:#ff5a002e;border:1px solid rgba(255,120,0,.35);color:#ffe1c8f2;font-size:13px}.authHint{text-align:center;margin-top:12px;font-size:12px;color:#f7eee699}.topBarRight{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:8px}