:root{--aot-green: #4a7c59;--aot-green-dark: #2d5a3c;--aot-green-light: #6b9b7a;--aot-brown: #7c5a4a;--aot-gold: #d4a017;--aot-gold-dim: #a67c00;--aot-dark: #0d0d0d;--aot-darker: #050505;--aot-crimson: #8b0000;--aot-paper: #e8e4db;--aot-panel: rgba(13, 13, 13, .95);--correct: #386641;--partial: #b7791f;--wrong: #3f3f46}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif;background-color:transparent!important;color:var(--aot-paper);min-height:100vh;overflow-x:hidden}.bg-image{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-50}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:-40}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0d0d80}::-webkit-scrollbar-thumb{background:#57534e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--aot-green)}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.8)}.text-glow{text-shadow:0 0 10px rgba(74,124,89,.5)}.title-glow{text-shadow:0 0 10px rgba(74,124,89,.4),0 0 20px rgba(74,124,89,.2),0 0 40px rgba(74,124,89,.1)}@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 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 glow{0%,to{box-shadow:0 0 5px #4a7c594d}50%{box-shadow:0 0 20px #4a7c5999}}@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)}}@keyframes titanPulse{0%,to{box-shadow:0 0 20px #8b00004d}50%{box-shadow:0 0 40px #8b000099}}.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-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(74,124,89,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-bounce{animation:bounce 1s ease-in-out 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}.result-cell:nth-child(7){animation-delay:.7s}.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(--aot-green),transparent);animation:shimmer 2s infinite}.btn-primary{background:var(--aot-green);color:#fff;border:none;padding:12px 24px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border-radius:4px}.btn-primary:hover{background:var(--aot-green-dark);transform:translateY(-2px);box-shadow:0 4px 15px #4a7c5966}.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:var(--aot-panel);border:1px solid rgba(74,124,89,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-radius:8px}.card:hover{border-color:var(--aot-green);box-shadow:0 0 25px #4a7c5933;transform:translateY(-2px)}.input-search{background:#0d0d0de6;border:2px solid rgba(74,124,89,.3);color:var(--aot-paper);padding:14px 18px;font-size:16px;transition:all .3s ease;border-radius:8px;width:100%}.input-search:focus{outline:none;border-color:var(--aot-green);box-shadow:0 0 0 3px #4a7c591a}.input-search::placeholder{color:#e8e4db66}.dropdown{background:#141414;border:1px solid rgba(74,124,89,.5);box-shadow:0 10px 40px #000c;max-height:300px;overflow-y:auto;border-radius:8px}.dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(74,124,89,.15);display:flex;align-items:center;gap:12px;background:#141414}.dropdown-item:hover{background:#1f2f1f}.dropdown-item:last-child{border-bottom:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out;z-index:100}.modal-content{animation:scaleIn .3s ease-out}.status-correct{background:var(--correct)!important;border-color:#4a8254!important}.status-partial{background:var(--partial)!important;border-color:#d4a028!important}.status-wrong{background:var(--wrong)!important;border-color:#52525b!important}.mode-card{background:linear-gradient(135deg,#0d0d0de6,#1a1a1ae6);border:2px solid rgba(74,124,89,.3);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-card:hover{border-color:var(--aot-green);transform:translateY(-5px);box-shadow:0 10px 30px #4a7c5933}.mode-card.locked{opacity:.5;cursor:not-allowed}.wings-logo{width:80px;height:80px;margin:0 auto 16px;opacity:.9}.grid-results{display:grid;grid-template-columns:120px repeat(6,1fr);gap:4px;font-size:14px}@media(max-width:768px){.grid-results{grid-template-columns:80px repeat(6,1fr);font-size:11px;gap:2px}}.result-cell{display:flex;align-items:center;justify-content:center;padding:10px 6px;min-height:50px;border-radius:4px;font-weight:500;text-align:center;word-break:break-word}.header-cell{background:#4a7c5933;color:var(--aot-green-light);font-weight:600;padding:12px 8px;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.character-cell{background:#4a7c591a;display:flex;align-items:center;gap:8px;padding:8px}.character-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--aot-green)}.survey-border{border:2px solid var(--aot-green);border-radius:12px;position:relative}.survey-border:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath fill='%234a7c59' d='M50 0L0 50h100z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}@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(--aot-green);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:9999;background:var(--aot-green);color:#fff;padding:12px 24px;font-weight:700;text-decoration:none;border-radius:0 0 8px 8px;transition:top .3s ease}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}.text-stone-400{color:#a8a29e!important}.text-stone-500{color:#8d8780!important}.text-stone-600{color:#6b6560!important}.skeleton{background:linear-gradient(90deg,#4a7c591a,#4a7c5933,#4a7c591a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.quote-box{background:linear-gradient(135deg,#0d0d0df2,#1a1a1af2);border-left:4px solid var(--aot-green);padding:24px;font-style:italic;font-size:1.2em;line-height:1.6;margin:20px 0;border-radius:0 8px 8px 0}.image-reveal{position:relative;overflow:hidden;border-radius:12px;border:2px solid var(--aot-green)}.image-blur{filter:blur(20px) brightness(.8);transition:filter .5s ease}.image-reveal.revealed .image-blur{filter:blur(0) brightness(1)}.footer{background:linear-gradient(to bottom,#0d0d0df2,#050505fa);border-top:1px solid rgba(74,124,89,.3);padding:48px 24px;text-align:center;margin-top:auto;width:100%}.footer a,.footer button{color:var(--aot-green-light);text-decoration:none;transition:color .2s}.footer a:hover,.footer button:hover{color:var(--aot-green)}