:root{--craque-bg:#080f1d;--craque-card-bg:#0e1726;--craque-card-border:hsla(0,0%,100%,.08);--craque-correct-bg:#064e3b;--craque-correct-border:#10b981;--craque-correct-text:#34d399;--craque-mismatch-bg:#131d2e;--craque-mismatch-border:#24344d;--craque-mismatch-text:#94a3b8}.craque-container{background:radial-gradient(circle at 50% 0,#111e38 0,#080f1d 75%);color:#f8fafc;min-height:calc(100dvh - 48px - var(--bottom-nav-height, 56px))}.craque-glass-card{background:rgba(14,23,38,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--craque-card-border);border-radius:16px;box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}@keyframes craque-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes craque-pulse-ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.animate-craque-in{animation:craque-fade-in .3s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-ring{animation:craque-pulse-ring 2s cubic-bezier(.66,0,0,1) infinite}.craque-attr-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border-radius:10px;font-size:11px;font-weight:700;transition:all .2s ease;min-height:46px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.craque-attr-badge.correct{background:linear-gradient(135deg,#064e3b,#047857)!important;border:1px solid #10b981!important;color:#fff!important;box-shadow:0 2px 10px rgba(16,185,129,.3)!important}.craque-attr-badge.mismatch{background:#111b2d!important;border:1px solid #1e2d44!important;color:#94a3b8!important}.craque-scroll::-webkit-scrollbar{width:5px}.craque-scroll::-webkit-scrollbar-track{background:#0b1320}.craque-scroll::-webkit-scrollbar-thumb{background:#273549;border-radius:4px}@keyframes craque-flip-reveal{0%{transform:perspective(400px) rotateX(90deg);opacity:0}60%{transform:perspective(400px) rotateX(-10deg);opacity:.9}to{transform:perspective(400px) rotateX(0deg);opacity:1}}.animate-flip-reveal{animation:craque-flip-reveal .45s cubic-bezier(.175,.885,.32,1.275) both;backface-visibility:hidden}.delay-col-0{animation-delay:.05s}.delay-col-1{animation-delay:.18s}.delay-col-2{animation-delay:.31s}.delay-col-3{animation-delay:.44s}.delay-col-4{animation-delay:.57s}.delay-col-5{animation-delay:.7s}.craque-attr-badge.unknown{background:#1e293b;color:#cbd5e1;border:1px dashed #64748b}@media (prefers-reduced-motion:reduce){.craque-container *,.craque-container :after,.craque-container :before{animation:none!important;transition:none!important}}