@layer base{:root{--bg:#f7f6ff;--card:#ffffff;--text:#1a1b2e;--muted:#6b6f8a;--primary:#5b6cff;--primary-dark:#4252e6;--accent:#f6b73c;--success:#2bb673;--danger:#ff6b6b;--shadow:0 20px 60px rgba(24,24,54,0.12)}*{box-sizing:border-box;padding:0;margin:0}body,html{min-height:100%;width:100%;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at top,#ffffff 0,var(--bg) 55%);font-family:var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}}.screen{min-height:100vh;padding:24px 18px 32px;display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border-radius:28px;padding:28px;box-shadow:var(--shadow);width:min(440px,100%)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(91,108,255,.12);color:var(--primary);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.title{font-size:34px;line-height:1.1;font-weight:800}.subtitle{color:var(--muted);font-size:16px;line-height:1.5}.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:16px;padding:14px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{background:var(--primary);color:#fff;box-shadow:0 16px 28px rgba(91,108,255,.3)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ghost-button{background:#f3f4ff;color:var(--primary)}.capsule-shell{width:min(260px,70vw);height:min(260px,70vw);margin:0 auto;border-radius:40%;background:linear-gradient(135deg,#6d7bff,#ffd56b);position:relative;box-shadow:0 22px 40px rgba(91,108,255,.35);display:grid;place-items:center}.capsule-core{width:70%;height:70%;border-radius:36%;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-text{color:var(--muted);font-size:14px;text-align:center}.status-title{font-size:20px;font-weight:700;text-align:center}.result-emoji{font-size:64px;text-align:center}.rarity-badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center}.rarity-common{background:#eef0ff;color:#5b6cff}.rarity-rare{background:#e3f7ff;color:#1098f7}.rarity-legendary{background:#fff1d6;color:#f59f00}.rarity-mythic{background:#f3e6ff;color:#9d4edd}.result-score{font-size:14px;color:var(--muted);text-align:center}.button-row{display:flex;flex-direction:column;gap:10px}@media (min-width:520px){.button-row{flex-direction:row}.button-row .ghost-button,.button-row .primary-button{flex:1 1}}