@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar[data-v-7e6f810d]{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:linear-gradient(#0d0d1f 0%,#0d0d1ff2 100%);position:sticky;top:0}.navbar-inner[data-v-7e6f810d]{justify-content:space-between;align-items:center;max-width:900px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.brand[data-v-7e6f810d]{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon[data-v-7e6f810d]{color:var(--gold);filter:drop-shadow(0 0 8px var(--gold-glow));font-size:1.6rem;animation:3s ease-in-out infinite pulse-gold}.brand-text[data-v-7e6f810d]{flex-direction:column;display:flex}.brand-title[data-v-7e6f810d]{font-family:var(--font-title);color:var(--text-primary);letter-spacing:1px;font-size:1.3rem;font-weight:700;line-height:1}.brand-accent[data-v-7e6f810d]{color:var(--gold)}.brand-sub[data-v-7e6f810d]{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.6rem}.nav-links[data-v-7e6f810d]{gap:.5rem;display:flex}.nav-btn[data-v-7e6f810d]{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-btn[data-v-7e6f810d]:hover{color:var(--gold);border-color:var(--border-hover);background:#c9a84c14}.nav-btn span[data-v-7e6f810d]{background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.search-wrapper[data-v-acab09f5]{width:100%;max-width:620px;margin:0 auto;position:relative}.search-box[data-v-acab09f5]{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-gold);align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.search-box[data-v-acab09f5]:not(.disabled):focus-within{border-color:var(--gold);background:var(--bg-card-hover);box-shadow:0 0 0 3px #c9a84c26, var(--shadow-gold)}.search-box.disabled[data-v-acab09f5]{opacity:.6;cursor:not-allowed;border-color:var(--wrong-border)}.search-icon[data-v-acab09f5]{flex-shrink:0;font-size:1rem}input[data-v-acab09f5]{color:var(--text-primary);font-family:var(--font-body);caret-color:var(--gold);background:0 0;border:none;outline:none;flex:1;font-size:1rem}input[data-v-acab09f5]::placeholder{color:var(--text-muted)}.search-disabled-text[data-v-acab09f5]{color:var(--text-secondary);flex:1;font-size:.95rem}.suggestions[data-v-acab09f5]{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-card), var(--shadow-gold);z-index:50;max-height:380px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.suggestion-item[data-v-acab09f5]{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.suggestion-item[data-v-acab09f5]:last-child{border-bottom:none}.suggestion-item[data-v-acab09f5]:hover{background:var(--bg-card-hover)}.suggestion-face[data-v-acab09f5]{object-fit:cover;border:2px solid var(--border);background:var(--wrong);border-radius:50%;flex-shrink:0;width:44px;height:44px}.suggestion-info[data-v-acab09f5]{flex-direction:column;gap:4px;display:flex}.suggestion-name[data-v-acab09f5]{color:var(--text-primary);font-size:.95rem;font-weight:500}.suggestion-tags[data-v-acab09f5]{gap:6px;display:flex}.tag[data-v-acab09f5]{background:var(--wrong);color:var(--text-secondary);border:1px solid var(--wrong-border);letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:.7rem}.np-buster[data-v-acab09f5]{color:#ff5252;background:#dc354533;border-color:#ff525266}.np-arts[data-v-acab09f5]{color:#64b5f6;background:#0d6efd33;border-color:#64b5f666}.np-quick[data-v-acab09f5]{color:#81c784;background:#19875433;border-color:#81c78466}.dropdown-enter-active[data-v-acab09f5],.dropdown-leave-active[data-v-acab09f5]{transition:all .2s}.dropdown-enter-from[data-v-acab09f5],.dropdown-leave-to[data-v-acab09f5]{opacity:0;transform:translateY(-6px)}.guess-grid[data-v-b12a8ce4]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.grid-row[data-v-b12a8ce4]{grid-template-columns:220px repeat(7,1fr);gap:6px;min-width:860px;margin-bottom:6px;display:grid}.header-row .cell[data-v-b12a8ce4]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--gold);font-family:var(--font-title);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-sm);text-align:center;padding:8px 10px;font-size:.65rem;font-weight:600}.cell[data-v-b12a8ce4]{background:var(--bg-card);border:1px solid var(--wrong-border);border-radius:var(--radius-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:10px 8px;font-size:.78rem;transition:background .3s,border-color .3s;display:flex}.cell-correct[data-v-b12a8ce4]{background:var(--correct-bg);border-color:var(--correct-border);box-shadow:0 0 10px #43a04733}.cell-partial[data-v-b12a8ce4]{background:var(--partial-bg);border-color:var(--partial-border);box-shadow:0 0 10px #fb8c0033}.cell-wrong[data-v-b12a8ce4]{background:var(--wrong);border-color:var(--wrong-border)}.cell.flip[data-v-b12a8ce4]{animation:flipReveal-b12a8ce4 .7s ease var(--flip-delay,0s) both}@keyframes flipReveal-b12a8ce4{0%{transform:rotateX(0)}40%{opacity:.4;transform:rotateX(-90deg)}60%{opacity:.4;transform:rotateX(-90deg)}to{transform:rotateX(0)}}.result-icon[data-v-b12a8ce4]{opacity:.7;font-size:.65rem;font-weight:700}.cell-correct .result-icon[data-v-b12a8ce4]{color:var(--correct-border)}.cell-partial .result-icon[data-v-b12a8ce4]{color:var(--partial-border)}.cell-wrong .result-icon[data-v-b12a8ce4]{color:var(--text-muted)}.cell-servant[data-v-b12a8ce4]{gap:10px;padding:8px 12px;text-align:left!important;flex-direction:row!important;justify-content:flex-start!important}.servant-face[data-v-b12a8ce4]{object-fit:cover;border:2px solid var(--border);background:var(--wrong);border-radius:50%;flex-shrink:0;width:44px;height:44px}.servant-face-placeholder[data-v-b12a8ce4]{background:var(--wrong);border:2px solid var(--wrong-border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.servant-name[data-v-b12a8ce4]{color:var(--text-primary);font-size:.82rem;font-weight:500;line-height:1.3}.placeholder-text[data-v-b12a8ce4],.placeholder-dash[data-v-b12a8ce4]{color:var(--text-muted);font-size:.8rem}.hint-arrow[data-v-b12a8ce4]{color:var(--partial-border);font-size:.8rem;font-weight:700}.class-badge[data-v-b12a8ce4]{border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:500}.rarity-stars[data-v-b12a8ce4]{color:var(--gold);letter-spacing:-1px;font-size:.75rem}.attr-badge[data-v-b12a8ce4]{white-space:nowrap;font-size:.72rem;font-weight:500}.gender-icon[data-v-b12a8ce4]{font-size:.78rem}.align-text[data-v-b12a8ce4]{text-align:center;color:var(--text-secondary);font-size:.7rem;line-height:1.3}.np-tar-text[data-v-b12a8ce4]{color:var(--text-primary);font-size:.72rem;font-weight:600}.np-badge[data-v-b12a8ce4]{border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:500}.attr-sky[data-v-b12a8ce4]{color:#64b5f6}.attr-earth[data-v-b12a8ce4]{color:#a5d6a7}.attr-human[data-v-b12a8ce4]{color:#ce93d8}.attr-star[data-v-b12a8ce4]{color:var(--gold)}.attr-beast[data-v-b12a8ce4]{color:#ef9a9a}.np-buster[data-v-b12a8ce4]{color:#ff5252;background:#dc354533;border:1px solid #ff525266}.np-arts[data-v-b12a8ce4]{color:#64b5f6;background:#0d6efd33;border:1px solid #64b5f666}.np-quick[data-v-b12a8ce4]{color:#81c784;background:#19875433;border:1px solid #81c78466}.row-over-limit[data-v-b12a8ce4]{opacity:.2;pointer-events:none;filter:grayscale()}.hint-row[data-v-b12a8ce4]{margin-bottom:6px}.hint-row-locked[data-v-b12a8ce4]{opacity:.38;filter:grayscale(.8)}.hint-row-active[data-v-b12a8ce4]{opacity:1;animation:1.8s ease-in-out 2 hintPulse-b12a8ce4}@keyframes hintPulse-b12a8ce4{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 8px #c9a84c73)}}.hint-row-used[data-v-b12a8ce4]{opacity:.75}.hint-label-cell[data-v-b12a8ce4]{background:#c9a84c0a;gap:10px;border:1px dashed #c9a84c4d!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.hint-label-text[data-v-b12a8ce4]{flex-direction:column;gap:2px;display:flex}.hint-row-icon[data-v-b12a8ce4]{font-size:1.3rem;line-height:1}.hint-row-title[data-v-b12a8ce4]{font-family:var(--font-title);color:var(--gold);letter-spacing:1px;font-size:.7rem;font-weight:700}.hint-row-sub[data-v-b12a8ce4]{color:var(--text-muted);font-size:.58rem}.hint-cell[data-v-b12a8ce4]{cursor:default;background:#ffffff05;border:1px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.hint-dot[data-v-b12a8ce4]{background:#ffffff2e;border-radius:50%;width:6px;height:6px}.hint-cell.hint-clickable[data-v-b12a8ce4]{cursor:pointer;background:#c9a84c0f;border:1px dashed #c9a84c73;transition:all .2s}.hint-cell.hint-clickable .hint-dot[data-v-b12a8ce4]{background:#c9a84c80;box-shadow:0 0 4px #c9a84c66}.hint-cell.hint-clickable[data-v-b12a8ce4]:hover{border-color:var(--gold);background:#c9a84c24;transform:translateY(-2px);box-shadow:0 4px 12px #c9a84c33}.hint-cell.hint-revealed[data-v-b12a8ce4]{border:1px solid var(--correct-border);cursor:default;background:#43a0471a;animation:.4s cubic-bezier(.34,1.56,.64,1) revealPop-b12a8ce4}@keyframes revealPop-b12a8ce4{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hint-cell.hint-spent[data-v-b12a8ce4]{opacity:.25;cursor:not-allowed}.hint-check[data-v-b12a8ce4]{color:var(--correct-border);font-size:.65rem;font-weight:700}@media (width<=768px){.grid-row[data-v-b12a8ce4]{grid-template-columns:130px repeat(7,minmax(64px,1fr));min-width:630px}.header-row .cell[data-v-b12a8ce4]{padding:6px 4px;font-size:.55rem}.cell[data-v-b12a8ce4]{padding:6px 4px;font-size:.72rem}.cell-servant[data-v-b12a8ce4]{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.hint-label-cell[data-v-b12a8ce4]{flex-direction:column!important;align-items:center!important}.servant-name[data-v-b12a8ce4]{font-size:.65rem}.hint-row-sub[data-v-b12a8ce4]{display:none}}.result-overlay[data-v-91dcfbed]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#05050fd9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.result-card[data-v-91dcfbed]{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}.card-win[data-v-91dcfbed]{border-color:var(--gold);box-shadow:var(--shadow-gold), var(--shadow-card)}.card-lose[data-v-91dcfbed]{border-color:var(--red)}.tenor-gif[data-v-91dcfbed]{border-radius:var(--radius-sm);width:140px;max-width:100%;margin:0 auto .5rem;display:block}.win-gif[data-v-91dcfbed]{aspect-ratio:1;height:140px}.lose-gif[data-v-91dcfbed]{aspect-ratio:.984;height:142px}.result-title[data-v-91dcfbed]{font-family:var(--font-title);letter-spacing:2px;margin-bottom:.3rem;font-size:1.8rem;font-weight:700}.win-title[data-v-91dcfbed]{color:var(--gold)}.lose-title[data-v-91dcfbed]{color:var(--text-secondary)}.result-subtitle[data-v-91dcfbed]{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.answer-card[data-v-91dcfbed]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;align-items:center;gap:14px;margin-bottom:1.5rem;padding:14px;display:flex}.answer-face[data-v-91dcfbed]{object-fit:cover;border:2px solid var(--gold);border-radius:50%;flex-shrink:0;width:64px;height:64px}.answer-info[data-v-91dcfbed]{flex:1}.answer-name[data-v-91dcfbed]{color:var(--text-primary);font-size:1.05rem;font-weight:600;font-family:var(--font-title);margin-bottom:6px}.answer-tags[data-v-91dcfbed]{flex-wrap:wrap;gap:6px;display:flex}.tag[data-v-91dcfbed]{background:var(--wrong);color:var(--text-secondary);border:1px solid var(--wrong-border);border-radius:20px;padding:2px 8px;font-size:.7rem}.rarity-tag[data-v-91dcfbed]{color:var(--gold);border-color:#c9a84c66}.np-buster[data-v-91dcfbed]{color:#ff5252;background:#dc354533;border-color:#ff525266}.np-arts[data-v-91dcfbed]{color:#64b5f6;background:#0d6efd33;border-color:#64b5f666}.np-quick[data-v-91dcfbed]{color:#81c784;background:#19875433;border-color:#81c78466}.result-stats[data-v-91dcfbed]{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:2rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.stat[data-v-91dcfbed]{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-val[data-v-91dcfbed]{font-family:var(--font-title);color:var(--gold);font-size:2rem;font-weight:700;line-height:1}.stat-label[data-v-91dcfbed]{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem}.stat-divider[data-v-91dcfbed]{background:var(--border);width:1px;height:40px}.daily-actions[data-v-91dcfbed]{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.share-row[data-v-91dcfbed]{gap:10px;width:100%;display:flex}.btn-action[data-v-91dcfbed]{border-radius:var(--radius-md);font-family:var(--font-title);cursor:pointer;letter-spacing:.5px;border:none;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.action-save[data-v-91dcfbed]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.action-save[data-v-91dcfbed]:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.action-share[data-v-91dcfbed]{background:var(--gold);color:#1a1000}.action-share[data-v-91dcfbed]:hover:not(:disabled){background:var(--gold-light);box-shadow:0 0 12px #c9a84c66}.btn-action[data-v-91dcfbed]:disabled{opacity:.7;cursor:not-allowed}.next-info[data-v-91dcfbed]{color:var(--text-muted);font-size:.8rem}.switch-mode-box[data-v-91dcfbed]{border-top:1px solid var(--border);width:100%;margin-top:.5rem;padding-top:1rem}.btn-switch-mode[data-v-91dcfbed]{width:100%;color:var(--gold);border:1px dashed var(--gold);border-radius:var(--radius-sm);font-family:var(--font-title);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;padding:10px;font-size:.85rem;transition:all .2s}.btn-switch-mode[data-v-91dcfbed]:hover{background:#c9a84c1a}.btn-play-again[data-v-91dcfbed]{background:var(--gold);color:#1a1000;border-radius:var(--radius-md);font-family:var(--font-title);cursor:pointer;letter-spacing:1px;border:none;margin-top:.5rem;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-play-again[data-v-91dcfbed]:hover{background:var(--gold-light);box-shadow:var(--shadow-gold)}.result-popup-enter-active[data-v-91dcfbed]{animation:.4s popIn}.result-popup-leave-active[data-v-91dcfbed]{transition:opacity .2s}.result-popup-leave-to[data-v-91dcfbed]{opacity:0}.share-export-container[data-v-91dcfbed]{pointer-events:none;position:absolute;top:-9999px;left:-9999px}.share-card-layout[data-v-91dcfbed]{border:2px solid var(--border);border-radius:var(--radius-lg);color:#e0e0e0;background:#0a0a12;width:500px;padding:2.5rem}.share-header[data-v-91dcfbed]{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.share-logo[data-v-91dcfbed]{width:48px;height:48px}.share-title-box h1[data-v-91dcfbed]{font-family:var(--font-title);color:#fff;letter-spacing:2px;margin:0;font-size:2.2rem}.share-title-box .accent[data-v-91dcfbed]{color:var(--gold)}.share-date[data-v-91dcfbed]{color:var(--text-muted);font-size:.9rem}.share-result-area[data-v-91dcfbed]{text-align:center;margin-bottom:2.5rem}.win-text[data-v-91dcfbed]{font-family:var(--font-title);color:var(--gold);font-size:2rem}.lose-text[data-v-91dcfbed]{font-family:var(--font-title);color:var(--red);font-size:2rem}.share-tries[data-v-91dcfbed]{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.share-footer[data-v-91dcfbed]{background:var(--bg-card);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.share-qr[data-v-91dcfbed]{border:4px solid #fff;border-radius:4px}.share-meta p[data-v-91dcfbed]{color:var(--gold);margin-bottom:.2rem;font-size:1rem;font-weight:600}.share-meta span[data-v-91dcfbed]{color:var(--text-muted);font-size:.85rem}.game-view[data-v-02273077]{flex-direction:column;flex:1;gap:2rem;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex}.loading-state[data-v-02273077]{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:6rem 0;display:flex}.loading-spinner[data-v-02273077]{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:56px;height:56px;animation:.9s linear infinite spin-02273077}@keyframes spin-02273077{to{transform:rotate(360deg)}}.loading-text[data-v-02273077]{font-family:var(--font-title);color:var(--gold);font-size:1.1rem}.loading-sub[data-v-02273077]{color:var(--text-muted);font-size:.8rem}.error-state[data-v-02273077]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.error-icon[data-v-02273077]{font-size:3rem}.error-state h3[data-v-02273077]{font-family:var(--font-title);color:var(--text-primary);font-size:1.4rem}.error-state p[data-v-02273077]{color:var(--text-secondary);font-size:.9rem}.btn-retry[data-v-02273077]{background:var(--gold);color:#1a1000;border-radius:var(--radius-md);font-family:var(--font-title);cursor:pointer;letter-spacing:1px;border:none;margin-top:.5rem;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-retry[data-v-02273077]:hover{background:var(--gold-light);box-shadow:var(--shadow-gold)}.hero[data-v-02273077]{text-align:center;padding:1rem 0 0}.hero-title[data-v-02273077]{font-family:var(--font-title);letter-spacing:4px;color:var(--text-primary);text-shadow:0 0 40px #c9a84c33;margin-bottom:.5rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:1}.hero-grail[data-v-02273077]{color:var(--gold);filter:drop-shadow(0 0 12px var(--gold-glow));margin-right:.2em}.accent[data-v-02273077]{color:var(--gold)}.hero-subtitle[data-v-02273077]{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem}.mode-toggle[data-v-02273077]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:4px;display:inline-flex}.mode-btn[data-v-02273077]{color:var(--text-secondary);font-family:var(--font-title);letter-spacing:1px;border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.mode-btn[data-v-02273077]:hover{color:var(--text-primary)}.mode-btn.active[data-v-02273077]{background:var(--gold);color:#1a1000;box-shadow:var(--shadow-gold)}.difficulty-row[data-v-02273077]{justify-content:center;gap:8px;margin-bottom:1.25rem;display:flex}.diff-btn[data-v-02273077]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-family:var(--font-title);cursor:pointer;letter-spacing:.5px;padding:5px 14px;font-size:.72rem;font-weight:600;transition:all .2s}.diff-easy.active[data-v-02273077]{color:#81c784;background:#43a04726;border-color:#43a047}.diff-normal.active[data-v-02273077]{color:#ffb74d;background:#fb8c0026;border-color:#fb8c00}.diff-hard.active[data-v-02273077]{color:#ef9a9a;background:#c6282826;border-color:#c62828}.diff-easy[data-v-02273077]:hover{color:#81c784;border-color:#43a047}.diff-normal[data-v-02273077]:hover{color:#ffb74d;border-color:#fb8c00}.diff-hard[data-v-02273077]:hover{color:#ef9a9a;border-color:#c62828}.fade-slide-enter-active[data-v-02273077]{transition:all .3s}.fade-slide-leave-active[data-v-02273077]{transition:all .2s}.fade-slide-enter-from[data-v-02273077],.fade-slide-leave-to[data-v-02273077]{opacity:0;transform:translateY(-8px)}.hero-progress[data-v-02273077]{flex-direction:column;align-items:center;gap:8px;max-width:320px;margin:0 auto;display:flex}.progress-track[data-v-02273077]{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill[data-v-02273077]{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:2px;height:100%;transition:width .5s}.fill-win[data-v-02273077]{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.fill-lose[data-v-02273077]{background:linear-gradient(90deg,#7f0000,#b71c1c)}.progress-label[data-v-02273077]{color:var(--text-muted);letter-spacing:1px;font-size:.75rem}.search-section[data-v-02273077]{flex-direction:column;align-items:center;gap:.6rem;display:flex}.search-hint[data-v-02273077]{color:var(--text-muted);font-size:.8rem}.legend[data-v-02273077]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.legend-item[data-v-02273077]{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.legend-dot[data-v-02273077]{border:1px solid #0000;border-radius:3px;width:12px;height:12px}.dot-correct[data-v-02273077]{background:var(--correct-bg);border-color:var(--correct-border)}.dot-partial[data-v-02273077]{background:var(--partial-bg);border-color:var(--partial-border)}.dot-wrong[data-v-02273077]{background:var(--wrong);border-color:var(--wrong-border)}.grid-section[data-v-02273077]{width:100%}.how-to-play[data-v-2e1ea5c4]{flex:1;padding:2rem 1.25rem 4rem}.container[data-v-2e1ea5c4]{max-width:640px;margin:0 auto}.back-btn[data-v-2e1ea5c4]{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-block}.back-btn[data-v-2e1ea5c4]:hover{color:var(--gold)}.page-title[data-v-2e1ea5c4]{font-family:var(--font-title);color:var(--gold);letter-spacing:2px;margin-bottom:.4rem;font-size:2.2rem;font-weight:700}.page-subtitle[data-v-2e1ea5c4]{color:var(--text-secondary);margin-bottom:2.5rem}.htp-section[data-v-2e1ea5c4]{margin-bottom:2.5rem}.section-title[data-v-2e1ea5c4]{font-family:var(--font-title);color:var(--gold);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:8px;font-size:1rem}.rules-list[data-v-2e1ea5c4]{flex-direction:column;gap:10px;list-style:none;display:flex}.rules-list li[data-v-2e1ea5c4]{color:var(--text-secondary);padding-left:1.5rem;font-size:.95rem;line-height:1.6;position:relative}.rules-list li[data-v-2e1ea5c4]:before{content:"→";color:var(--gold);position:absolute;left:0}.gold[data-v-2e1ea5c4]{color:var(--gold)}.hint-intro[data-v-2e1ea5c4]{color:var(--text-secondary);margin-bottom:1rem;font-size:.92rem;line-height:1.6}.mode-cards[data-v-2e1ea5c4]{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.mode-cards[data-v-2e1ea5c4]{grid-template-columns:1fr}}.mode-card[data-v-2e1ea5c4]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.mode-card-title[data-v-2e1ea5c4]{font-family:var(--font-title);color:var(--gold);letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.mode-card p[data-v-2e1ea5c4]{color:var(--text-muted);margin-bottom:.5rem;font-size:.82rem;line-height:1.5}.diff-list[data-v-2e1ea5c4]{flex-direction:column;gap:6px;margin-top:6px;padding:0;list-style:none;display:flex}.diff-list li[data-v-2e1ea5c4]{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.diff-tag[data-v-2e1ea5c4]{border:1px solid;border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.diff-tag.easy[data-v-2e1ea5c4]{color:#81c784;background:#43a04726;border-color:#43a047}.diff-tag.normal[data-v-2e1ea5c4]{color:#ffb74d;background:#fb8c0026;border-color:#fb8c00}.diff-tag.hard[data-v-2e1ea5c4]{color:#ef9a9a;background:#c6282826;border-color:#c62828}.color-example[data-v-2e1ea5c4]{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.example-cell[data-v-2e1ea5c4]{border-radius:var(--radius-sm);border:1px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:80px;height:60px;font-size:.8rem;display:flex}.example-cell.cell-correct[data-v-2e1ea5c4]{background:var(--correct-bg);border-color:var(--correct-border)}.example-cell.cell-partial[data-v-2e1ea5c4]{background:var(--partial-bg);border-color:var(--partial-border)}.example-cell.cell-wrong[data-v-2e1ea5c4]{background:var(--wrong);border-color:var(--wrong-border)}.ex-icon[data-v-2e1ea5c4]{opacity:.7;font-size:.7rem}.example-info strong[data-v-2e1ea5c4]{margin-bottom:4px;font-size:.9rem;display:block}.example-info p[data-v-2e1ea5c4]{color:var(--text-muted);font-size:.8rem}.attr-grid[data-v-2e1ea5c4]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.attr-card[data-v-2e1ea5c4]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px;display:flex}.attr-icon[data-v-2e1ea5c4]{flex-shrink:0;margin-top:2px;font-size:1.3rem}.attr-card strong[data-v-2e1ea5c4]{color:var(--text-primary);margin-bottom:2px;font-size:.85rem;display:block}.attr-card p[data-v-2e1ea5c4]{color:var(--text-muted);font-size:.75rem;line-height:1.4}.play-btn-wrapper[data-v-2e1ea5c4]{text-align:center;margin-top:1.5rem}.play-btn[data-v-2e1ea5c4]{background:linear-gradient(135deg, var(--gold), #a07820);color:#1a1000;border-radius:var(--radius-md);font-family:var(--font-title);letter-spacing:2px;padding:12px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.play-btn[data-v-2e1ea5c4]:hover{background:linear-gradient(135deg, var(--gold-light), var(--gold));box-shadow:var(--shadow-gold);transform:translateY(-2px)}.about-page[data-v-f55c9dd7]{max-width:800px;margin:0 auto;padding:2rem 1rem}.rules-container[data-v-f55c9dd7]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem}.page-title[data-v-f55c9dd7]{font-family:var(--font-title);text-align:center;color:var(--text-primary);letter-spacing:2px;margin-bottom:2rem;font-size:2.5rem}.accent[data-v-f55c9dd7]{color:var(--gold)}.rule-section[data-v-f55c9dd7]{margin-bottom:2rem}.rule-section h2[data-v-f55c9dd7]{font-family:var(--font-title);color:var(--gold);letter-spacing:1px;border-bottom:1px solid #c9a84c33;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.4rem}.intro-text[data-v-f55c9dd7]{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.feature-list[data-v-f55c9dd7],.credit-list[data-v-f55c9dd7]{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.feature-list li[data-v-f55c9dd7],.credit-list li[data-v-f55c9dd7]{color:var(--text-secondary);padding-left:20px;line-height:1.5;position:relative}.feature-list li[data-v-f55c9dd7]:before,.credit-list li[data-v-f55c9dd7]:before{content:"✦";color:var(--gold);position:absolute;left:0}.feature-list strong[data-v-f55c9dd7],.credit-list strong[data-v-f55c9dd7]{color:var(--text-primary);font-weight:600}.credit-list a[data-v-f55c9dd7]{color:var(--gold);border-bottom:1px dashed var(--gold);text-decoration:none;transition:all .2s}.credit-list a[data-v-f55c9dd7]:hover{color:var(--gold-light);border-bottom-style:solid}.tech-tags[data-v-f55c9dd7]{flex-wrap:wrap;gap:10px;margin-top:1rem;display:flex}.tech-tag[data-v-f55c9dd7]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.actions[data-v-f55c9dd7]{text-align:center;margin-top:3rem}.btn-back[data-v-f55c9dd7]{color:var(--gold);border:1px dashed var(--gold);border-radius:var(--radius-md);font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;background:0 0;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-back[data-v-f55c9dd7]:hover{background:#c9a84c1a}@media (width<=600px){.rules-container[data-v-f55c9dd7]{padding:1.5rem}}@font-face{font-family:FOT-Skip;src:url(/fgodle/assets/FOT-Skip%20Std%20B-C0AT4pRh.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#0a0a12;--bg-secondary:#111120;--bg-card:#16162a;--bg-card-hover:#1e1e38;--gold:#c9a84c;--gold-light:#e8d08a;--gold-glow:#c9a84c4d;--red:#a83232;--red-correct:#c0392b;--correct:#2e7d32;--correct-bg:#1a3d1c;--correct-border:#43a047;--partial:#e65100;--partial-bg:#3e2000;--partial-border:#fb8c00;--wrong:#2a2a45;--wrong-border:#3d3d5e;--text-primary:#f0e8d8;--text-secondary:#99b;--text-muted:#557;--border:#c9a84c33;--border-hover:#c9a84c80;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-title:"FOT-Skip", "Inter", sans-serif;--font-body:"Inter", sans-serif;--shadow-gold:0 0 20px #c9a84c26, 0 0 40px #c9a84c14;--shadow-card:0 4px 24px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 20% 20%,#c9a84c0a 0%,#0000 50%),radial-gradient(at 80% 80%,#6450c80f 0%,#0000 50%);min-height:100vh}#app-root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.gold{color:var(--gold)}.text-muted{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 8px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold-glow), 0 0 40px #c9a84c26}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.4s fadeIn}.pop-in{animation:.35s cubic-bezier(.34,1.56,.64,1) popIn}