*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a1a;--bg-secondary: #111127;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--surface: #1a1a35;--surface-light: #252545;--border: rgba(255, 255, 255, .08);--border-glow: rgba(147, 112, 219, .4);--text-primary: #eaeaff;--text-secondary: #8888aa;--text-muted: #555570;--accent-purple: #9370db;--accent-gold: #ffd700;--accent-gold-dim: #b8960f;--hint-correct: #2ecc71;--hint-correct-bg: rgba(46, 204, 113, .18);--hint-wrong: #e74c3c;--hint-wrong-bg: rgba(231, 76, 60, .15);--hint-higher: #e67e22;--hint-higher-bg: rgba(230, 126, 34, .18);--hint-lower: #e67e22;--hint-lower-bg: rgba(230, 126, 34, .18);--hint-na: #555570;--hint-na-bg: rgba(85, 85, 112, .15);--font: "Outfit", system-ui, -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px}html{font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:2rem 1.5rem;position:relative}.hero{text-align:center;padding:3rem 0 2.5rem;position:relative}.hero-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(147,112,219,.2),transparent 70%);pointer-events:none}.logo{font-size:2.8rem;font-weight:800;letter-spacing:-1px;line-height:1.1}.logo-rift{color:var(--accent-purple)}.logo-bound{color:var(--text-primary)}.logo-wordle{display:block;font-size:1.4rem;font-weight:600;color:var(--accent-gold);letter-spacing:6px;text-transform:uppercase;margin-top:.2rem}.tagline{color:var(--text-secondary);font-size:1.05rem;margin-top:.8rem;font-weight:300}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;margin-top:1rem}.game-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1.4rem;text-align:center;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all .3s ease}.game-card--active{cursor:pointer}.game-card--active:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-4px);box-shadow:0 8px 30px #9370db26}.game-card--locked{opacity:.45;cursor:default}.game-card__icon{font-size:2.4rem;margin-bottom:.8rem}.game-card__title{font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.game-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin-bottom:1rem}.game-card__actions{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.game-card__badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.3rem .9rem;border-radius:20px;background:linear-gradient(135deg,var(--accent-purple),#6a4cb8);color:#fff}.game-card__btn-secondary{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:.3rem .9rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s}.game-card__btn-secondary:hover{background:var(--accent-gold-dim);color:#000;border-color:var(--accent-gold)}.game-card__badge--soon{background:var(--surface);color:var(--text-muted)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 1.5rem}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:400;transition:color .2s}.back-link:hover{color:var(--accent-purple)}.game-title{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.game-title .logo-wordle{display:inline;font-size:1rem;letter-spacing:3px;margin-left:.3rem}.grid-header{display:grid;grid-template-columns:80px repeat(7,1fr);gap:6px;margin-bottom:6px}.grid-header__cell{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);text-align:center;padding:.4rem .2rem}.grid-header{display:grid;grid-template-columns:90px repeat(7,1fr);gap:6px;margin-bottom:.5rem;margin-top:2rem}.guess-grid{display:flex;flex-direction:column;gap:6px;min-height:200px}.guess-row{display:grid;grid-template-columns:90px repeat(7,1fr);gap:6px}.win-badge{background:var(--hint-correct-bg);color:var(--hint-correct);border:1px solid var(--hint-correct);padding:.4rem 1rem;border-radius:20px;font-weight:800;font-size:.85rem;letter-spacing:1px;margin-left:1rem;animation:badgeSlideIn .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes badgeSlideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.guess-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .3rem;text-align:center;font-size:.75rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;animation:cellReveal .5s ease backwards;position:relative;overflow:hidden;min-height:64px}.guess-cell img.attribute-icon{width:32px;height:32px;object-fit:contain}.guess-cell img:not(.attribute-icon){width:auto;height:100%;object-fit:contain;border-radius:4px}.guess-cell img.easy-mode-thumb{width:auto;height:50px;object-fit:contain;border-radius:4px;margin-bottom:2px}.card-thumb-wrapper{position:relative;width:80px;height:112px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#ffffff05}.card-thumb{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s ease}.card-thumb:hover{transform:scale(1.1)}.card-large-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:300px;max-height:80vh;z-index:1000;pointer-events:none;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 30px rgba(0,0,0,.8));display:flex;align-items:center;justify-content:center}.card-large-preview img{width:100%;height:auto;max-height:80vh;object-fit:contain;border-radius:12px}.card-thumb-wrapper:hover .card-large-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.cell-value{line-height:1.2;word-break:break-word}.cell-arrow{font-size:.65rem;font-weight:800}.hint--correct{background:var(--hint-correct-bg);border:1px solid var(--hint-correct);color:var(--hint-correct)}.hint--wrong{background:var(--hint-wrong-bg);border:1px solid var(--hint-wrong);color:var(--hint-wrong)}.hint--higher{background:var(--hint-higher-bg);border:1px solid var(--hint-higher);color:var(--hint-higher)}.hint--lower{background:var(--hint-lower-bg);border:1px solid var(--hint-lower);color:var(--hint-lower)}.hint--na{background:var(--hint-na-bg);border:1px solid var(--hint-na);color:var(--hint-na)}@keyframes cellReveal{0%{transform:scale(.8) rotateX(90deg);opacity:0}50%{transform:scale(1.05) rotateX(0);opacity:1}to{transform:scale(1) rotateX(0)}}.search-area{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;position:relative}.search-controls{display:flex;gap:.8rem;width:100%}.easy-mode-toggle{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;width:fit-content;font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.easy-mode-toggle:hover{border-color:var(--accent-purple);color:var(--text-primary)}.easy-mode-toggle.active{background:#9370db26;border-color:var(--accent-purple);color:var(--accent-purple)}.toggle-switch{position:relative;width:36px;height:20px;background:var(--surface-light);border-radius:10px;transition:background .3s}.easy-mode-toggle.active .toggle-switch{background:var(--accent-purple)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s}.easy-mode-toggle.active .toggle-knob{transform:translate(16px)}.search-area.disabled{opacity:.4;pointer-events:none}.search-area.disabled .endless-controls{pointer-events:auto;opacity:1}.search-wrapper{flex:1;position:relative}.search-input{width:100%;padding:.85rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #9370db26}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);max-height:280px;overflow-y:auto;display:none;z-index:100;margin-top:6px;box-shadow:0 8px 30px #0006}.autocomplete-dropdown.open{display:block}.autocomplete-item{padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-card-hover)}.ac-name{font-size:.9rem;color:var(--text-primary)}.ac-name strong{color:var(--accent-gold)}.btn-guess{padding:.85rem 1.8rem;border:none;border-radius:var(--radius);background:var(--surface-light);color:var(--text-muted);font-family:var(--font);font-size:1rem;font-weight:700;cursor:not-allowed;transition:all .25s;white-space:nowrap}.btn-guess.ready{background:linear-gradient(135deg,var(--accent-purple),#6a4cb8);color:#fff;cursor:pointer;box-shadow:0 4px 15px #9370db4d}.battlefield-grid-header,.battlefield-guess-row{grid-template-columns:1fr!important;max-width:600px;margin-left:auto;margin-right:auto}.battlefield-cell{min-height:auto!important;padding:1rem!important}.battlefield-card-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.battlefield-thumb-wrapper{width:100%!important;height:auto!important;max-width:100%;aspect-ratio:1.4 / 1;border-radius:12px;box-shadow:0 4px 20px #0006}.battlefield-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.battlefield-name-overlay{margin-top:.8rem;font-size:1.1rem;font-weight:700;color:var(--accent-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.win-badge{background:var(--accent-gold);color:#000;padding:.4rem 1.2rem;border-radius:20px;font-weight:800;font-size:.9rem;box-shadow:0 0 15px var(--accent-gold);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 5px var(--accent-gold)}50%{transform:scale(1.05);box-shadow:0 0 20px var(--accent-gold)}to{transform:scale(1);box-shadow:0 0 5px var(--accent-gold)}}.game-over-overlay{position:fixed;inset:0;background:#0a0a1ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}.game-over-overlay.visible{display:flex;opacity:1;pointer-events:auto}.game-over-card{background:var(--bg-secondary);border:1px solid var(--border-glow);border-radius:var(--radius);padding:3rem 2rem 2rem;text-align:center;max-width:420px;width:90%;animation:popIn .4s ease;position:relative}.btn-close-overlay{position:absolute;top:1rem;left:1rem;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s;z-index:10}.btn-close-overlay:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-muted)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#game-over-title{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}#game-over-message{color:var(--text-secondary);font-size:1rem;margin-bottom:1rem}.game-over-answer .answer-card{background:var(--surface);border-radius:var(--radius-sm);padding:.8rem;margin-bottom:1.2rem;display:flex;gap:1rem;align-items:center;text-align:left}.game-over-answer .answer-image{width:80px;height:auto;border-radius:6px;flex-shrink:0}.game-over-answer .answer-details{flex:1}.game-over-answer .answer-name{font-size:1.1rem;font-weight:700;color:var(--accent-gold);display:block;margin-bottom:4px}.game-over-answer .answer-text{font-size:.8rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.overlay-actions{display:flex;flex-direction:column;gap:.8rem}.btn-play-again,.btn-overlay-secondary{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-block}.btn-play-again{background:linear-gradient(135deg,var(--accent-purple),#6a4cb8);color:#fff}.btn-play-again:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9370db4d}.btn-overlay-secondary{background:var(--surface-light);color:var(--text-primary);border:1px solid var(--border)}.btn-overlay-secondary:hover{background:var(--surface);border-color:var(--text-muted);transform:translateY(-2px)}.confetti{position:fixed;top:-10px;width:10px;height:10px;border-radius:2px;animation:confettiFall linear forwards;z-index:300;pointer-events:none}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.footer p{font-size:.78rem;color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px}@media(max-width:680px){.logo{font-size:2rem}.logo-wordle{font-size:1rem}.menu-grid{grid-template-columns:repeat(2,1fr)}.grid-header,.guess-row{grid-template-columns:50px repeat(7,1fr);gap:3px}.grid-header__cell{font-size:.55rem;letter-spacing:0}.guess-cell{font-size:.65rem;padding:.4rem .2rem;min-height:44px}.game-header{flex-wrap:wrap;gap:.5rem}.game-title{font-size:1.2rem;order:-1;width:100%;text-align:center}}.icon-inline{height:1.2em;width:auto;vertical-align:middle;margin:0 2px;display:inline-block;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.icon-energy-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;width:1.8em;height:1.8em;margin:0 2px;vertical-align:middle}.icon-energy{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.energy-val{position:relative;font-weight:900;font-size:.9em;color:#fff;text-shadow:0 0 3px #000,0 0 5px #000}.endless-controls{display:flex;gap:10px}.btn-reveal,.btn-next{padding:0 20px;height:48px;border:none;border-radius:8px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.btn-reveal{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.btn-reveal:hover{background:#fff3;color:#fff;border-color:#fff6}.btn-next{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;box-shadow:0 4px 15px #0072ff4d}.btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0072ff66;filter:brightness(1.1)}.btn-next:active{transform:translateY(0)}.endless-result-panel{margin-top:20px;padding:24px;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.08);animation:slideDownFade .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 40px #0000004d}.endless-result-panel.outcome--victory{border-color:#2ecc714d;box-shadow:0 0 30px #2ecc7126,0 10px 40px #0000004d}.endless-result-panel.outcome--reveal{border-color:#3498db4d;box-shadow:0 0 30px #3498db26,0 10px 40px #0000004d}.endless-result-panel .answer-card{display:flex;gap:24px;background:transparent;padding:0;margin:0;align-items:flex-start;text-align:left}.endless-result-panel .card-thumb-wrapper{width:100px;height:140px;flex-shrink:0;overflow:visible}.endless-result-panel .battlefield-thumb-wrapper{width:140px!important;height:100px!important;aspect-ratio:1.4 / 1}.endless-result-panel .answer-image{width:100%;height:100%;object-fit:cover}.endless-result-panel .answer-details{flex:1}.endless-result-panel .answer-status{font-weight:800;font-size:.75rem;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.endless-result-panel.outcome--victory .answer-status{color:#2ecc71}.endless-result-panel.outcome--reveal .answer-status{color:#3498db}.endless-result-panel .answer-name{display:block;font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.2}.endless-result-panel .answer-text{font-size:.9rem;color:var(--text-secondary);line-height:1.5;background:#0003;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.endless-result-panel .answer-card{flex-direction:column;align-items:center;text-align:center}.endless-result-panel .answer-image{width:120px;margin-bottom:15px}}.game-card--completed{border-color:var(--accent-gold)!important;box-shadow:0 0 25px #d4af3740,inset 0 0 15px #d4af371a!important;background:linear-gradient(145deg,#1e1e3ccc,#3c1e5a66)!important}.game-card--completed .game-card__icon{filter:drop-shadow(0 0 10px var(--accent-gold))}.game-card--completed .game-card__badge{background:var(--accent-gold);color:#000;box-shadow:0 0 10px var(--accent-gold)}.game-card--completed:after{content:"DONE";position:absolute;top:1rem;right:1rem;font-size:.65rem;font-weight:800;color:var(--accent-gold);letter-spacing:1px;background:#0006;padding:2px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}