:root{--gold: #c5a059;--gold-dim: #8a6e3e;--dark: #1c1917;--paper: #e5e1d8;--correct: #386641;--partial: #b7791f;--wrong: #3f3f46}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Lato,sans-serif;background-color:transparent!important;color:var(--paper);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1c191780}::-webkit-scrollbar-thumb{background:#57534e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.8)}.text-glow{text-shadow:0 0 10px rgba(197,160,89,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #c5a0594d}50%{box-shadow:0 0 20px #c5a05999}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-flip-in{animation:flipIn .5s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.animate-stagger-5{animation-delay:.5s}.result-row{animation:fadeInUp .4s ease-out forwards}.result-cell{animation:flipIn .4s ease-out forwards}.result-cell:nth-child(1){animation-delay:.1s}.result-cell:nth-child(2){animation-delay:.2s}.result-cell:nth-child(3){animation-delay:.3s}.result-cell:nth-child(4){animation-delay:.4s}.result-cell:nth-child(5){animation-delay:.5s}.result-cell:nth-child(6){animation-delay:.6s}.victory-container{animation:scaleIn .6s ease-out forwards}.victory-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:shimmer 2s infinite}.btn-primary{background:var(--gold);color:var(--dark);border:none;padding:12px 24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{background:var(--gold-dim);transform:translateY(-2px);box-shadow:0 4px 15px #c5a0594d}.btn-primary:active{transform:translateY(0)}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn-primary:hover:after{width:200px;height:200px}.card{background:#1c1917f2;border:1px solid rgba(87,83,78,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:var(--gold);box-shadow:0 0 25px #c5a05926;transform:translateY(-2px)}.input-search{background:#1c1917e6;border:2px solid rgba(87,83,78,.5);color:var(--paper);padding:12px 16px;font-size:16px;transition:all .3s ease}.input-search:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c5a0591a}.input-search::placeholder{color:#e5e1d866}.dropdown{background:#1c1917fa;border:1px solid rgba(197,160,89,.3);box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;overflow-y:auto}.dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(87,83,78,.2)}.dropdown-item:hover{background:#c5a0591a}.dropdown-item:last-child{border-bottom:none}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:#1c1917f2;color:var(--paper);font-size:12px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;border:1px solid var(--gold)}.tooltip:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 8px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .3s ease-out}.skeleton{background:linear-gradient(90deg,#57534e33,#57534e66,#57534e33);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.status-correct{background:var(--correct);border-color:#4a8254}.status-partial{background:var(--partial);border-color:#d4a028}.status-wrong{background:var(--wrong);border-color:#52525b}.high-contrast .status-correct{background:#f97316;border-color:#fb923c}.high-contrast .status-partial{background:#3b82f6;border-color:#60a5fa}@media(max-width:768px){.hide-mobile{display:none!important}.text-responsive{font-size:14px}}@media(min-width:769px){.hide-desktop{display:none!important}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--gold);color:var(--dark);padding:8px 16px;z-index:100;transition:top .3s}.skip-link:focus{top:0}