*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b1020;--bg-grad-a: #0f172a;--bg-grad-b: #121a2f;--surface: #111a2e;--surface-soft: #17233b;--surface-light: #1d2b47;--text: #e8edf7;--text-muted: #95a3bd;--accent: #7c9cff;--accent-strong: #6287ff;--mode-accent: #7c9cff;--mode-accent-strong: #6287ff;--mode-glow: rgba(98, 135, 255, .28);--green: #2bb673;--yellow: #d5a62e;--grey: #33425e;--border: #26334f;--input-bg: #0d1426;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}#app.mode-daily{--mode-accent: #f0b429;--mode-accent-strong: #d49216;--mode-glow: rgba(240, 180, 41, .28);--accent: var(--mode-accent);--accent-strong: var(--mode-accent-strong)}#app.mode-unlimited{--mode-accent: #5eead4;--mode-accent-strong: #2dd4bf;--mode-glow: rgba(45, 212, 191, .28);--accent: var(--mode-accent);--accent-strong: var(--mode-accent-strong)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);background-image:linear-gradient(180deg,#080c18b8,#080c18d1),url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;justify-content:center;padding:1.5rem 1rem 8rem}#app{width:100%;max-width:740px}header{text-align:center;padding:1.5rem 0 1.2rem}header h1{font-size:2.4rem;font-weight:800;letter-spacing:.15em;background:linear-gradient(135deg,#d7e3ff,#86a4ff 65%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 24px rgba(124,156,255,.15)}.subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.controls{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:.85rem 0 .2rem}.difficulty-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7f8fad}.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%}.mode-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--border);border-radius:16px;padding:.95rem 1rem 1rem;cursor:pointer;color:var(--text);background:linear-gradient(160deg,rgba(255,255,255,.04),transparent 55%),color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mode-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:background .2s ease}.mode-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--border) 50%,#6f84ad)}.mode-card:disabled{cursor:wait}.mode-select .mode-card:first-child.active{border-color:color-mix(in srgb,#f0b429 50%,var(--border));box-shadow:0 12px 28px #00000059,0 0 24px #f0b4291f}.mode-select .mode-card:first-child.active:before{background:linear-gradient(180deg,#f0b429,#d49216)}.mode-select .mode-card:last-child.active{border-color:color-mix(in srgb,#5eead4 50%,var(--border));box-shadow:0 12px 28px #00000059,0 0 24px #2dd4bf1f}.mode-select .mode-card:last-child.active:before{background:linear-gradient(180deg,#5eead4,#2dd4bf)}.mode-card-kicker{display:block;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fa0bd;margin-bottom:.25rem}.mode-card-title{display:block;font-size:1.35rem;font-weight:800;letter-spacing:.04em;line-height:1.1;margin-bottom:.3rem}.mode-card-copy{display:block;font-size:.75rem;line-height:1.35;color:var(--text-muted)}.control-group{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border)}.control-btn{position:relative;z-index:1;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:color .2s ease,transform .15s ease,background .2s ease}.control-btn:hover{color:var(--text)}.control-btn.active{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#0b1020}.mode-flash{position:fixed;inset:0;z-index:40;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--mode-accent) 22%,transparent),transparent 55%),#060a148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-flash-kicker{display:block;font-size:.8rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb,var(--mode-accent) 80%,#fff);margin-bottom:.4rem}.mode-flash-title{display:block;font-size:clamp(2.8rem,10vw,4.8rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px var(--mode-glow)}.mode-stage{width:100%;perspective:900px;will-change:transform,opacity,filter;transform-origin:center top}.mode-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.85rem 0 .9rem;padding:1rem 1.05rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--mode-accent) 35%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--mode-accent) 16%,transparent),transparent 55%),color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 10px 28px #00000047}.mode-banner-kicker{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--mode-accent) 75%,#fff);margin-bottom:.2rem}.mode-banner-title{font-size:1.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;margin-bottom:.3rem}.mode-banner-copy{font-size:.8rem;color:var(--text-muted)}.mode-banner-badge{flex-shrink:0;width:64px;height:64px;border-radius:14px;display:grid;place-content:center;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--mode-accent) 85%,#fff),var(--mode-accent-strong));color:#1a1408;box-shadow:0 8px 20px var(--mode-glow)}.mode-banner-badge.infinite{color:#06241f}.badge-day,.badge-infinity{display:block;font-size:1.35rem;font-weight:800;line-height:1}.badge-month{display:block;margin-top:.15rem;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}#game-area{margin-top:0;padding:.55rem;border:1px solid color-mix(in srgb,var(--mode-accent) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guess-row{display:grid;gap:6px;margin-bottom:6px}.guess-row.cols-6{grid-template-columns:1.5fr 1fr 1fr 1fr .8fr 1.6fr}.guess-row.cols-4{grid-template-columns:1.6fr 1.1fr 1.1fr 1.8fr}.guess-row.cols-3{grid-template-columns:1.8fr 1.2fr 1.2fr}.header-row .cell{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#aab7d1;padding:.5rem;text-align:center;background:transparent}.header-row .cell-name{text-align:left;padding-left:.75rem}.cell{display:flex;align-items:center;justify-content:center;padding:.6rem .4rem;border-radius:10px;font-size:.8rem;font-weight:600;min-height:50px;text-align:center;word-break:break-word;line-height:1.2;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.cell-name{justify-content:flex-start;padding-left:.75rem}.hint-green{background:linear-gradient(180deg,#2fc67d,#26ad6d);color:#f5fff9;box-shadow:inset 0 1px #ffffff2e}.hint-yellow{background:linear-gradient(180deg,#e4b845,#c89520);color:#1a1f2f;box-shadow:inset 0 1px #ffffff26}.hint-grey{background:linear-gradient(180deg,#394969,#2f3f5d);color:#d4deef;border-color:#435476}.guess-row:not(.header-row) .cell{opacity:0;transform:rotateX(90deg);animation:flipIn .45s ease forwards}.guess-row:not(.header-row) .cell:nth-child(1){animation-delay:0s}.guess-row:not(.header-row) .cell:nth-child(2){animation-delay:.12s}.guess-row:not(.header-row) .cell:nth-child(3){animation-delay:.24s}.guess-row:not(.header-row) .cell:nth-child(4){animation-delay:.36s}.guess-row:not(.header-row) .cell:nth-child(5){animation-delay:.48s}.guess-row:not(.header-row) .cell:nth-child(6){animation-delay:.6s}@keyframes flipIn{0%{opacity:0;transform:rotateX(90deg) scale(.8)}60%{opacity:1;transform:rotateX(-8deg) scale(1.02)}to{opacity:1;transform:rotateX(0) scale(1)}}.guess-row.correct .cell{animation:flipIn .45s ease forwards,winPop .35s ease .85s forwards}@keyframes winPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.year-cell{flex-direction:column}.year-arrow{display:block;font-size:.6rem;margin-top:2px;opacity:.85}.stats-shell{background:transparent;padding:.3rem}.stats-group{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:100%}.stat-cell{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;border-radius:8px;font-size:.72rem;font-weight:700;padding:.2rem 0;min-height:28px}.stat-label{display:block;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.guess-counter{text-align:center;font-size:.75rem;color:#a4b1ca;margin-top:.5rem;font-weight:600}#result-banner{text-align:center;padding:1rem;margin-top:.75rem;border-radius:12px;background:linear-gradient(180deg,#111a2e,#0f1728);border:1px solid var(--border);animation:fadeSlideUp .5s ease;box-shadow:var(--shadow)}#result-text{font-size:1rem;font-weight:700}#result-text .legend-answer{color:var(--accent)}.play-again-btn{display:inline-block;margin-top:.75rem;padding:.55rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#0b1020;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease}.play-again-btn:hover{filter:brightness(1.08)}.play-again-btn:active{transform:translateY(1px)}.play-again-btn.secondary{display:block;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#3a4d73,#2f3f5f);color:#fff}.next-daily{margin-top:.75rem;font-size:.85rem;color:var(--text-muted)}.next-daily strong{color:var(--accent);font-variant-numeric:tabular-nums}.next-daily .play-again-btn{margin-top:.65rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#input-area{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 88%,transparent);border-top:1px solid var(--border);padding:.75rem 1rem;z-index:100;display:flex;flex-direction:column-reverse;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-wrapper{display:flex;gap:8px;width:100%;max-width:480px}#guess-input{flex:1;padding:.7rem 1rem;border:1px solid #30415f;border-radius:10px;background:var(--input-bg);color:var(--text);font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}#guess-input:focus{border-color:#6f93ff;box-shadow:0 0 0 3px #6f93ff29}#guess-input.shake{animation:shake .35s ease;border-color:var(--accent)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#guess-btn{padding:0 1rem;border:none;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#0b1020;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease}#guess-btn:hover{filter:brightness(1.07)}#guess-btn:active{transform:translateY(1px)}#guess-btn:disabled,#guess-input:disabled{opacity:.4;cursor:not-allowed}#autocomplete-list{list-style:none;width:100%;max-width:480px;max-height:220px;overflow-y:auto;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;box-shadow:var(--shadow)}#autocomplete-list li{padding:.55rem 1rem;cursor:pointer;font-size:.9rem;color:#d9e3f7}#autocomplete-list li.active,#autocomplete-list li:hover{background:var(--surface-light)}.match{color:var(--accent);font-weight:700}.weapon-icon{display:inline-flex;align-items:center;gap:3px;font-size:.75rem}@media(max-width:600px){body{background-attachment:scroll}.mode-select{gap:.5rem}.mode-card{padding:.8rem .75rem}.mode-card-title{font-size:1.1rem}.mode-card-copy{font-size:.68rem}.mode-banner{padding:.85rem .8rem}.mode-banner-title{font-size:1.35rem}.mode-banner-badge{width:56px;height:56px}.guess-row.cols-6{grid-template-columns:1.2fr .8fr .8fr .8fr .7fr 1.5fr}.guess-row.cols-4{grid-template-columns:1.3fr 1fr 1fr 1.5fr}.guess-row.cols-3{grid-template-columns:1.4fr 1fr 1fr}.guess-row{gap:4px}.cell{font-size:.7rem;padding:.5rem .25rem;min-height:42px}.control-btn{padding:.4rem .7rem;font-size:.7rem}header h1{font-size:1.8rem}}