@font-face{font-family:Lilita One;src:url(/assets/lilita-one-v17-latin-regular-87r-Z-Re.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color:#0a0a0a;--card-bg:#280a0ae6;--gold:#f33;--gold-border:red;--text-light:#fff;--text-muted:#ccc;--correct-bg:#32c21c;--wrong-bg:#8b0000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-light);background-image:linear-gradient(#1f0000 0%,#0a0a0a 100%);flex-direction:column;align-items:center;min-height:100vh;font-family:Lilita One,cursive;display:flex}#game-container{flex-direction:column;gap:20px;width:100%;max-width:800px;padding:20px;display:flex}header{border-bottom:2px solid var(--gold);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}h1{color:var(--gold);text-shadow:2px 2px 4px #00000080;text-transform:uppercase;letter-spacing:2px;font-size:2.5rem}.icon-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:5px;transition:transform .2s}.icon-btn:hover{color:var(--text-light);transform:scale(1.1)}.search-container{width:100%;max-width:400px;margin:0 auto 40px;position:relative}#troop-input{background-color:var(--card-bg);border:2px solid var(--gold);width:100%;color:var(--text-light);border-radius:8px;outline:none;padding:15px;font-family:inherit;font-size:1.2rem}#troop-input:focus{border-color:var(--text-light);box-shadow:0 0 10px #f5b50080}.autocomplete-items{z-index:99;background-color:var(--card-bg);border:1px solid var(--gold);border-top:none;border-radius:0 0 8px 8px;max-height:250px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;border-bottom:1px solid #f5b50033;align-items:center;gap:10px;padding:10px;display:flex}.autocomplete-item img{object-fit:cover;border-radius:4px;width:40px;height:40px}.autocomplete-item:hover,.autocomplete-item.active{background-color:#f5b50033}.hidden{display:none!important}.grid-container{width:100%;padding-bottom:10px;overflow-x:auto}.grid-header{grid-template-columns:80px repeat(6,minmax(80px,1fr));gap:10px;min-width:600px;margin-bottom:10px;display:grid}.grid-col-header{text-align:center;color:var(--text-muted);border-bottom:1px solid #fff3;padding-bottom:5px;font-size:.9rem}.guess-row{grid-template-columns:80px repeat(6,minmax(80px,1fr));gap:10px;min-width:600px;margin-bottom:10px;display:grid}.tile{background-color:var(--card-bg);text-align:center;perspective:1000px;border:2px solid #553a25;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:80px;padding:5px;font-size:.9rem;display:flex;position:relative;box-shadow:0 4px 6px #0000004d}.tile-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.tile.flip .tile-inner{transform:rotateY(180deg)}.tile-front,.tile-back{backface-visibility:hidden;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.tile-back{transform:rotateY(180deg)}.tile-back.correct{background-color:var(--correct-bg);border-color:#45e02e}.tile-back.wrong{background-color:var(--wrong-bg);border-color:#ff3b3b}.troop-icon{object-fit:cover;border-radius:4px;width:60px;height:60px}.arrow{text-shadow:1px 1px 2px #000;font-size:1.2rem;position:absolute;top:-5px;right:5px}#win-message{background-color:var(--card-bg);border:2px solid var(--gold);text-align:center;border-radius:8px;margin-bottom:20px;padding:20px;animation:.5s ease-out popIn}#win-message h2{color:var(--correct-bg);margin-bottom:10px;font-size:2rem}#modal-overlay{z-index:100;background:#000000b3;position:fixed;inset:0}.modal{border:3px solid var(--gold);z-index:101;background-color:#3d2817;border-radius:12px;width:90%;max-width:500px;padding:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #000c}.modal h2{text-align:center;color:var(--gold);margin-bottom:20px;font-size:2rem}.close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:10px;right:15px}.close-modal:hover{color:var(--text-light)}.stats-container{flex-wrap:wrap;justify-content:space-around;gap:15px;display:flex}.stat-box{text-align:center;background:#0000004d;border-radius:8px;min-width:80px;padding:10px}.stat-value{color:var(--text-light);font-size:2rem}.stat-label{color:var(--text-muted);font-size:.8rem}.color-box{vertical-align:middle;border-radius:4px;width:16px;height:16px;margin-right:5px;display:inline-block}.color-box.correct{background-color:var(--correct-bg)}.color-box.wrong{background-color:var(--wrong-bg)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=650px){.grid-container{padding-bottom:20px}}