.info-shell{display:flex;justify-content:center;padding:40px 16px}.info-content{width:clamp(380px,90vw,900px);background:#000000d9;border-radius:16px;padding:28px 24px;color:#fff;line-height:1.6}.info-content h1{font-size:26px;margin-bottom:16px}.info-content h2{font-size:22px;margin-top:28px;margin-bottom:10px}.info-content p{font-size:18px;opacity:.9;margin-bottom:14px}.card-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.card-action{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:none;cursor:pointer;font-size:16px;font-weight:500;transition:background .12s ease,transform .12s ease}.card-action:hover:not(:disabled){background:var(--color-hover-secondary)}.card-action:active:not(:disabled){transform:scale(.96)}.card-action:disabled{opacity:.45;cursor:default}.card-action-icon{width:var(--icon-size);height:var(--icon-size);image-rendering:auto;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(255,200,120,.45))}.card-action:disabled .card-action-icon{opacity:.5}:root{--container-bg-primary: rgba(20, 20, 20, .65);--color-text-primary: rgba(250, 250, 250, 1);--color-bg-secondary: rgba(255, 255, 255, .55);--color-hover-secondary: rgba(255, 255, 255, .75);--color-text-secondary: rgba(20, 20, 24, 1);--color-link-primary: #7dd3fc;--color-link-secondary: #bae6fd;--color-input-bg: #1c1a22;--correct-bg: #2f8f63;--partial-bg: #e89149;--wrong-bg: #b84a4a;--correct-fg: #5fd29a;--wrong-fg: #e07a7a;--icon-size: 46px;--border-radius-chips: 24px;--color-text-dark: rgba(20, 20, 24, .92);--color-gold: #ffd166}.color-correct-background{background:var(--correct-bg)}.color-partial-background{background:var(--partial-bg)}.color-wrong-background{background:var(--wrong-bg)}.color-correct-content{background:var(--correct-fg);color:var(--color-dark-text)}.color-wrong-content{background:var(--wrong-fg);color:var(--color-dark-text)}a{color:var(--color-link-primary);text-decoration:none;font-weight:500;border-bottom:1px solid var(--color-link-secondary);padding-bottom:1px;transition:color .12s ease,border-color .12s ease,text-shadow .12s ease}a:hover{color:var(--color-link-secondary);border-bottom-color:var(--color-link-primary);text-shadow:0 0 6px rgba(125,211,252,.35)}a:visited{color:var(--color-link-primary);opacity:.75}button,input,select,textarea{font:inherit;color:inherit}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:auto;overscroll-behavior-y:none}body{margin:0;background:radial-gradient(circle at center,#1e1e28e6,#0a0a0f);background-attachment:fixed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;background:linear-gradient(to bottom,#191620f5 70%,#442f47)}@media(max-width:600px){body{background-attachment:scroll;background-position:center;background-size:cover;scroll-padding-top:0}}