html{scrollbar-gutter:stable}:root{--bg: #0a0c0f;--bg-card: #12151a;--bg-input: #1a1e25;--text: #e4e4e7;--text-muted: #8b9099;--accent: #00ffff;--accent-hover: #00cccc;--accent-glow: rgba(0, 255, 255, .2);--success: #00ff00;--success-glow: rgba(0, 255, 0, .15);--warning: #ffff00;--error: #ff0000;--error-glow: rgba(255, 0, 0, .15);--border: #1f2530;--border-glow: #00ffff33;--rarity-common: #9ca3af;--rarity-uncommon: #00ff00;--rarity-rare: #00ffff;--rarity-epic: #a855f7;--rarity-legendary: #ffff00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:url(/static/ui/backgrounds/main.webp);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:#0a0c0fd9;z-index:-1}.seo-home-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}a{color:var(--accent);text-decoration:none}.app{max-width:800px;margin:0 auto;padding:0 16px;min-height:100vh;display:flex;flex-direction:column}.app .main{flex:1}.app-footer{margin-top:auto;padding:16px 0 24px;border-top:1px solid var(--border);text-align:center;font-size:.7rem;color:var(--text-muted);line-height:1.4;opacity:.75}.app-footer p{margin:0}.app-footer-site{margin-top:4px;font-weight:500;color:var(--text-muted)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.nav--left{flex:1}.logo-block{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 0;text-decoration:none}.logo-letter{height:4.25rem;width:auto;display:block;image-rendering:smooth;animation:logo-neon-letter 1.8s ease-in-out infinite}.logo-letter:first-child{margin-left:0}.logo-letter:nth-child(1){--logo-neon: #00FF00;--logo-neon-glow: rgba(0, 255, 0, .85);--logo-neon-dim: rgba(0, 255, 0, .25);animation-delay:0s}.logo-letter:nth-child(2){--logo-neon: #FFFF00;--logo-neon-glow: rgba(255, 255, 0, .85);--logo-neon-dim: rgba(255, 255, 0, .25);animation-delay:.6s}.logo-letter:nth-child(3){--logo-neon: #FF0000;--logo-neon-glow: rgba(255, 0, 0, .85);--logo-neon-dim: rgba(255, 0, 0, .25);animation-delay:1.2s}.logo:hover .logo-letter{animation-duration:1.5s}@keyframes logo-neon-letter{0%,to{filter:brightness(.75) drop-shadow(0 0 4px var(--logo-neon-dim));opacity:.88}33%{filter:brightness(1.3) drop-shadow(0 0 10px var(--logo-neon-glow)) drop-shadow(0 0 28px var(--logo-neon)) drop-shadow(0 0 40px var(--logo-neon));opacity:1}}.nav{display:flex;gap:16px}.nav a{color:var(--text-muted);font-size:.9rem;padding:4px 8px;border-radius:4px;transition:color .2s,background .2s}.nav a:hover{color:var(--text)}.nav a.active{color:var(--accent);background:var(--accent-glow)}.header-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.lang-toggle{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.lang-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.about-btn{background:transparent;border:1px solid var(--border);border-radius:999px;width:32px;height:32px;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.about-btn img{width:22px;height:22px;object-fit:contain}.about-btn:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-1px)}.app-modal-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px;z-index:120}.app-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 20px 16px;max-width:480px;width:100%;text-align:left}.app-modal-title{font-size:1.1rem;margin-bottom:10px}.app-modal-text{font-size:.9rem;line-height:1.7;margin-bottom:6px}.app-modal-urls{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:var(--text-muted)}.app-modal-disclaimer{font-size:.8rem;color:var(--text-muted)}.app-modal-separator{height:1px;background:var(--border);margin:8px 0;opacity:.8}.app-modal-subtitle{font-size:.95rem;margin-top:10px;margin-bottom:4px;color:var(--text-muted)}.app-modal-list{list-style:none;padding-left:0;margin:0 0 6px;font-size:.9rem;line-height:1.6}.app-modal-list li:before{content:"• ";color:var(--accent)}.app-modal-faq-item{margin-top:6px}.app-modal-faq-q{font-size:.9rem;font-weight:600}.app-modal-faq-a{font-size:.85rem;color:var(--text-muted);line-height:1.6}.app-modal-close{margin-top:10px;display:inline-block;background:var(--accent);border:none;color:#000;padding:6px 14px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.app-modal-close:hover{background:var(--accent-hover);transform:translateY(-1px)}.mode-icons-bar{display:flex;justify-content:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.mode-icon{width:48px;height:48px;border-radius:10px;border:2px solid var(--border);padding:6px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .2s,box-shadow .2s;background:var(--bg-card)}.mode-icon img{width:100%;height:100%;object-fit:contain;opacity:.4;transition:opacity .2s,filter .2s}.mode-icon:hover{transform:translateY(-2px)}.mode-icon--idle img{opacity:.4;filter:grayscale(1)}.mode-icon--active{border-color:var(--warning);box-shadow:0 0 12px #ffff0040}.mode-icon--active img{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,0,.4))}.mode-icon--done{border-color:var(--success);box-shadow:0 0 12px var(--success-glow)}.mode-icon--done img{opacity:1;filter:drop-shadow(0 0 4px var(--success-glow))}.main{padding-bottom:48px}.header+.main{margin-top:24px}.home{text-align:center}.home-title{font-size:2rem;margin-bottom:8px}.home-subtitle{color:var(--text-muted);margin-bottom:32px}.mode-cards{display:flex;gap:16px;justify-content:center}.mode-card{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;flex:1;max-width:240px}.mode-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 20px var(--accent-glow)}.mode-card-icon{width:64px;height:64px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 0 6px var(--accent-glow))}.mode-card h2{font-size:1rem;margin-bottom:6px;color:var(--text)}.mode-card p{color:var(--text-muted);font-size:.8rem;line-height:1.4}.mode-card--done{border-color:var(--success);opacity:.7}.mode-card--done .mode-card-icon{filter:drop-shadow(0 0 6px var(--success-glow))}.mode-card-badge{position:absolute;top:10px;right:10px;background:var(--success);color:#000;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px}.mode-page{max-width:600px;margin:0 auto;overflow:visible}.mode-page h2{font-size:1.5rem;margin-bottom:8px}.mode-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.stats-page{text-align:center;max-width:500px;margin:0 auto}.stats-page h2{margin-bottom:8px}.stats-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.stats-loading,.stats-error{color:var(--text-muted);margin-top:24px}.stats-error{color:var(--error)}.stats-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.stats-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stats-summary-row:not(:last-child){border-bottom:1px solid var(--border)}.stats-label{color:var(--text-muted)}.stats-value{font-size:1.2rem;font-weight:600;color:var(--accent)}.stats-visits{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.stats-visits h3{font-size:1rem;margin-bottom:16px;color:var(--text-muted)}.stats-visits-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:500px){.stats-visits-grid{grid-template-columns:repeat(3,1fr)}}.stats-visits-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--bg-body);border-radius:8px;border:1px solid var(--border)}.stats-visits-value{font-size:1.4rem;font-weight:700;color:var(--accent);margin-bottom:4px}.stats-visits-label{font-size:.85rem;color:var(--text-muted)}.stats-other{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.stats-other h3{font-size:1rem;margin-bottom:16px;text-align:center;color:var(--text-muted)}.stats-modes{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.stats-modes h3{font-size:1rem;margin-bottom:16px;text-align:center;color:var(--text-muted)}.stats-modes-header,.stats-mode-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:8px 0}.stats-modes-header{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.stats-mode-row:not(:last-child){border-bottom:1px solid var(--border)}.stats-mode-completions,.stats-mode-unique{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.stats-export{margin-top:24px}.stats-export-btn{padding:12px 24px;background:var(--accent);color:#0a0c0f;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.stats-export-btn:hover{background:var(--accent-hover);color:#0a0c0f}.autocomplete{position:relative;margin:16px 0}.autocomplete-input{width:100%;padding:12px 16px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.autocomplete-input:focus{border-color:var(--accent)}.autocomplete-input:disabled{opacity:.5;cursor:not-allowed}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 8px 8px;list-style:none;z-index:10;max-height:300px;overflow-y:auto}.autocomplete-item{padding:10px 16px;cursor:pointer;font-size:.9rem;transition:background .15s}.autocomplete-item.highlighted{background:var(--accent-glow)}.stats-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat-bar{display:flex;align-items:center;gap:12px}.stat-bar-label{width:100px;font-size:.85rem;color:var(--text-muted);flex-shrink:0}.stat-bar-track{flex:1;height:12px;background:var(--bg-input);border-radius:6px;overflow:hidden}.stat-bar-fill{height:100%;background:var(--accent);border-radius:6px;transition:width .5s ease}.stat-text{display:flex;align-items:center;gap:12px;padding:4px 0}.stat-text-label{width:100px;font-size:.85rem;color:var(--text-muted);flex-shrink:0}.stat-text-value{font-size:.9rem;font-weight:500;color:var(--text)}.location-reveal{margin-bottom:16px}.location-reveal-container{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:var(--bg-card)}.location-reveal-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.run-page{padding-bottom:24px}.run-record-block{margin-bottom:12px}.run-record-label{font-size:.9rem;color:var(--text-muted);margin-bottom:4px}.run-record-value{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:600;color:var(--accent)}.run-record-value .run-currency-icon{margin-left:2px}.run-record-empty{color:var(--text-muted);font-weight:400}.run-score-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem}.run-score-bar strong{color:var(--accent)}.run-currency-icon{width:1.5rem;height:1.5rem;object-fit:contain;vertical-align:middle}.run-result-score .run-currency-icon{margin-left:4px}.run-leaderboard-score{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--accent)}.run-map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card);margin-bottom:24px}.run-map-img{width:100%;height:100%;object-fit:contain;display:block}.run-exit-btn{position:absolute;margin:0;padding:0;border:none;background:transparent;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;transform:translate(-50%,-50%) scale(1.5)}.run-exit-btn:hover{transform:translate(-50%,-50%) scale(1.575)}@media(max-width:600px){.run-exit-btn{transform:translate(-50%,-50%) scale(2)}.run-exit-btn:hover{transform:translate(-50%,-50%) scale(2.1)}}.run-exit-btn img{width:90%;height:90%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 1px var(--accent)) drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 4px var(--accent-glow))}.run-exit-btn:hover img{filter:drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 4px var(--accent)) drop-shadow(0 0 8px var(--accent-glow))}.run-coin-flip-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99}.run-coin-flip-coin-wrap{perspective:400px;display:flex;align-items:center;justify-content:center}.run-coin-flip-coin{width:80px;height:80px;object-fit:contain;animation:run-coin-spin .6s ease-in-out infinite}@keyframes run-coin-spin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.run-result-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.run-result-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:420px;width:100%}.run-saved-message{margin-bottom:20px}.run-result-text{font-size:1.05rem;line-height:1.5;margin-bottom:12px}.run-result-score{margin-bottom:16px;color:var(--accent);font-weight:600}.run-result-actions{display:flex;flex-wrap:wrap;gap:12px}.run-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;font-size:1rem;transition:background .2s,border-color .2s}.run-btn:hover{background:var(--border);border-color:var(--accent)}.run-btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.run-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.favorite-vs-block{margin-bottom:24px}.favorite-vs-label{font-size:1rem;color:var(--text-muted);margin-bottom:16px;text-align:center}.favorite-cards{display:flex;align-items:stretch;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:500px){.favorite-cards{flex-direction:column;align-items:center}.favorite-card{max-width:100%;min-width:0}.favorite-vs-sep{margin:4px 0}}.favorite-card{flex:1;min-width:180px;max-width:280px;display:flex;flex-direction:column;align-items:center;padding:0 0 12px;border:2px solid var(--border);border-radius:12px;background:var(--bg-card);cursor:pointer;overflow:hidden;transition:border-color .2s,transform .15s}.favorite-card:hover{border-color:var(--accent);transform:scale(1.03)}.favorite-card img{width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:12px}.favorite-card span{font-size:1.05rem;font-weight:600;text-align:center}.favorite-card--left span{color:var(--accent)}.favorite-card--right span{color:var(--error)}.favorite-vs-sep{display:flex;align-items:center;font-size:1.2rem;font-weight:700;color:var(--warning)}.favorite-result-block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.favorite-result-block h3{font-size:1.1rem;margin-bottom:8px;margin-top:0;color:var(--text-muted)}.favorite-stats-title{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.favorite-result-winner{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.favorite-result-winner img{width:180px;height:180px;object-fit:contain}.favorite-top-three{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px}.favorite-top-item{display:flex;flex-direction:column;align-items:center;gap:4px}.favorite-top-item img{width:100px;height:100px;object-fit:contain}.favorite-rest-list{list-style:none;padding:0;margin:0;text-align:left}.favorite-rest-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);gap:12px}.favorite-rest-list li:last-child{border-bottom:none}.favorite-rest-list .favorite-rest-percent{font-weight:600;color:var(--accent);flex-shrink:0}.favorite-result-percent{font-size:1.2rem;font-weight:600;color:var(--accent);margin-bottom:4px}.favorite-result-total{font-size:.95rem;color:var(--text-muted);margin-bottom:16px}.run-btn:disabled{opacity:.6;cursor:not-allowed}.run-save-form h3{margin-bottom:8px;font-size:1.2rem}.run-nickname-input{width:100%;padding:10px 12px;margin-bottom:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.run-nickname-input::placeholder{color:var(--text-muted)}.run-leaderboard{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.run-leaderboard h3{margin-bottom:12px;font-size:1.1rem}.run-leaderboard-list{list-style:none;padding:0;margin:0}.run-leaderboard-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border)}.run-leaderboard-rank{min-width:2ch;color:var(--text-muted)}.run-leaderboard-nickname{flex:1}.ingredients-list{margin-bottom:16px}.revealed-name{font-size:1.5rem;font-weight:700;font-family:monospace;letter-spacing:.15em;color:var(--accent);text-align:center;margin-bottom:16px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.ingredients-count{color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.ingredient-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px}.ingredient-card.rarity-common{border-left:3px solid var(--rarity-common)}.ingredient-card.rarity-uncommon{border-left:3px solid var(--rarity-uncommon)}.ingredient-card.rarity-rare{border-left:3px solid var(--rarity-rare)}.ingredient-card.rarity-epic{border-left:3px solid var(--rarity-epic)}.ingredient-card.rarity-legendary{border-left:3px solid var(--rarity-legendary)}.ingredient-img{width:80px;height:80px;object-fit:contain;border-radius:4px}.ingredient-info{display:flex;flex-direction:column;gap:2px}.ingredient-name{font-weight:500;font-size:.95rem}.ingredient-qty{color:var(--text-muted);font-size:.85rem}.ingredient-rarity{font-size:.75rem;color:var(--text-muted)}.guess-history{margin-top:16px}.guess-history h3{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.guess-history ul{list-style:none}.guess-history-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--error-glow);border-left:3px solid var(--error);border-radius:4px;margin-bottom:6px;font-size:.85rem;color:var(--text-muted);position:relative}.guess-history-item.correct{background:var(--success-glow);border-left:3px solid var(--success)}.guess-history-img{width:80px;height:80px;object-fit:contain;border-radius:4px;flex-shrink:0}.guess-history-info{display:flex;flex-direction:column;gap:2px}.guess-history-name{color:var(--text);font-weight:500}.guess-history-count{position:absolute;top:6px;right:8px;display:flex;align-items:center;gap:4px;font-size:.9rem;color:var(--text-muted)}.guess-history-count-icon{width:20px;height:20px;object-fit:contain;opacity:.6}.success-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.success-modal{background:var(--bg-card);border:1px solid var(--success);border-radius:16px;padding:32px;text-align:center;max-width:400px;width:90%;box-shadow:0 0 30px var(--success-glow)}.success-modal h2{color:var(--success);margin-bottom:16px}.success-img{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px;margin-bottom:12px}.success-img--wide{max-width:100%;max-height:none;object-fit:contain;width:100%}.success-modal--wide{max-width:550px}.success-name{font-size:1.2rem;font-weight:600;margin-bottom:8px}.success-attempts{color:var(--text-muted);margin-bottom:16px}.success-btn{padding:8px 24px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s}.success-btn:hover{background:var(--accent-hover)}.celebration-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;display:flex;align-items:center;justify-content:center}.celebration-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,255,0,.15) 0%,transparent 70%);animation:celebration-flash 1.2s ease-out forwards}.celebration-particles{position:absolute;inset:0;overflow:visible}.celebration-particle{position:absolute;left:50%;top:50%;width:6px;height:6px;background:var(--success);border-radius:50%;opacity:0;animation:celebration-particle 1.2s ease-out var(--delay, 0s) forwards;box-shadow:0 0 8px var(--success-glow)}@keyframes celebration-flash{0%{opacity:1}40%{opacity:.6}to{opacity:0}}@keyframes celebration-particle{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(0) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(-15px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(-60px) scale(.5)}}.all-complete-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.all-complete-modal{background:var(--bg-card);border:1px solid var(--success);border-radius:16px;padding:28px 32px;text-align:center;max-width:380px;width:90%;box-shadow:0 0 30px var(--success-glow)}.all-complete-title{color:var(--success);font-size:1.5rem;margin-bottom:8px}.all-complete-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.all-complete-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.all-complete-stat-row{display:flex;justify-content:space-between;align-items:center}.all-complete-stat-label{color:var(--text);font-size:.95rem}.all-complete-stat-value{color:var(--text-muted);font-size:.9rem}.all-complete-timer{padding:12px 16px;background:var(--bg-input);border-radius:8px;margin-bottom:20px}.all-complete-timer-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.all-complete-timer-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.4rem;color:var(--accent)}.all-complete-actions{display:flex;gap:12px;justify-content:center}.all-complete-share-btn,.all-complete-close-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s,border-color .2s}.all-complete-share-btn{background:var(--accent);color:#fff;border:none}.all-complete-share-btn:hover{background:var(--accent-hover)}.all-complete-close-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.all-complete-close-btn:hover{border-color:var(--accent);color:var(--text)}.all-complete-trigger{display:block;margin:24px auto 0;padding:12px 24px;background:var(--success);color:#0a0c0f;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .2s,transform .2s}.all-complete-trigger:hover{filter:brightness(1.1);transform:translateY(-2px)}.completed-banner{text-align:center;padding:32px;background:var(--bg-card);border:1px solid var(--success);border-radius:12px;box-shadow:0 0 20px var(--success-glow)}.completed-answer{font-size:1.5rem;font-weight:600;color:var(--success);margin:8px 0}.completed-img{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px;margin:12px 0}.completed-img--wide{max-width:100%;max-height:none;width:100%;object-fit:contain;border-radius:12px}.build-generate-btn{display:block;width:100%;padding:14px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;margin-bottom:24px}.build-generate-btn:hover{background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.build-generate-btn:disabled{opacity:.5;cursor:not-allowed}.build-loadout{display:flex;flex-direction:column;gap:12px}.build-row{display:flex;gap:12px}.build-row .build-card{flex:1}.build-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;position:relative}.build-card.rarity-common{border-color:var(--rarity-common)}.build-card.rarity-uncommon{border-color:var(--rarity-uncommon)}.build-card.rarity-rare{border-color:var(--rarity-rare)}.build-card.rarity-epic{border-color:var(--rarity-epic)}.build-card.rarity-legendary{border-color:var(--rarity-legendary)}.build-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.build-card-img{width:80px;height:80px;object-fit:contain;margin-bottom:8px}.build-card--wide{padding:0;overflow:hidden}.build-card--wide .build-card-label{position:absolute;top:8px;left:0;right:0;z-index:1;margin-bottom:0}.build-card-img-wrap{position:relative;width:100%;display:flex;justify-content:center}.build-card--wide .build-card-img{margin-bottom:0}.build-card-img--wide{width:100%;height:200px;object-fit:contain;padding:40px 24px 52px}.build-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 12px;background:linear-gradient(transparent,#000000bf);display:flex;flex-direction:column;align-items:center;gap:2px}.build-card-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.build-card-rarity{font-size:.75rem;font-weight:500}.build-card-rarity.rarity-common{color:var(--rarity-common)}.build-card-rarity.rarity-uncommon{color:var(--rarity-uncommon)}.build-card-rarity.rarity-rare{color:var(--rarity-rare)}.build-card-rarity.rarity-epic{color:var(--rarity-epic)}.build-card-rarity.rarity-legendary{color:var(--rarity-legendary)}.slot-machine{display:flex;flex-direction:column;gap:16px}.slot-row{display:flex;gap:16px}.slot-row .slot-reel{flex:1}.slot-reel{display:flex;flex-direction:column;align-items:center;padding:8px}.slot-reel-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.slot-reel-window{width:100%;height:100px;overflow:hidden;position:relative;border-radius:8px;background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.slot-reel-window.spinning{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.slot-reel-window.stopped{border-color:var(--accent);background:var(--bg-card)}.slot-reel-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slot-reel-item img{width:90px;height:90px;object-fit:contain}.slot-reel-item.rarity-uncommon img{filter:drop-shadow(0 0 4px var(--rarity-uncommon))}.slot-reel-item.rarity-rare img{filter:drop-shadow(0 0 4px var(--rarity-rare))}.slot-reel-item.rarity-epic img{filter:drop-shadow(0 0 6px var(--rarity-epic))}.slot-reel-item.rarity-legendary img{filter:drop-shadow(0 0 8px var(--rarity-legendary))}.slot-reel-result{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;text-align:center}.slot-reel-name{font-weight:600;font-size:.9rem}.slot-reel-rarity{font-size:.75rem;font-weight:500}.slot-reel-rarity.rarity-common{color:var(--rarity-common)}.slot-reel-rarity.rarity-uncommon{color:var(--rarity-uncommon)}.slot-reel-rarity.rarity-rare{color:var(--rarity-rare)}.slot-reel-rarity.rarity-epic{color:var(--rarity-epic)}.slot-reel-rarity.rarity-legendary{color:var(--rarity-legendary)}.slot-reel--wide .slot-reel-window{height:140px}.slot-reel--wide .slot-reel-item img{width:180px;height:120px}.slot-reel--large .slot-reel-window{height:280px}.slot-reel--large .slot-reel-item img{width:360px;height:240px}.sound-player-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.sound-player{display:flex;flex-direction:column;align-items:center;gap:16px;margin:12px 0}.play-sound-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}.play-sound-btn:hover{background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.play-sound-btn--large{padding:16px 32px;font-size:1.1rem}.sound-category{color:var(--text-muted);font-size:.85rem}.volume-slider{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px}.volume-slider input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-input);border-radius:3px;cursor:pointer}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:background .2s}.volume-slider input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover)}.volume-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.volume-value{position:absolute;right:-48px;font-size:.8rem;color:var(--text-muted);min-width:40px;text-align:left}.skill-tree-container{background:transparent;padding:10px 20px;margin:0 auto 20px;max-width:800px;overflow:visible}.skill-tree-svg{width:100%;height:auto;overflow:visible}.skill-tree-connection{stroke:#444;stroke-width:.3;opacity:.5}.skill-tree-node{cursor:pointer;transition:all .2s ease}.skill-tree-node:hover:not([style*="cursor: default"]){filter:drop-shadow(0 0 4px currentColor)}.skill-tree-node--correct-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.7}}.skill-tree-tooltip-bg{fill:var(--bg-card);stroke:var(--border);stroke-width:.2}.skill-tree-tooltip{pointer-events:none;text-shadow:0 0 3px #000,0 0 6px #000;font-weight:700}.skill-description-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.skill-description{font-size:1.1rem;color:var(--text);margin-bottom:12px;font-style:italic}.skill-branch-hint{color:var(--text-muted);font-size:.9rem}.skill-attempts{text-align:center;margin-top:16px;color:var(--text-muted);font-size:.9rem}.branch-conditioning{color:#2afe7f;font-weight:700}.branch-mobility{color:#fdd333;font-weight:700}.branch-survival{color:#f4101b;font-weight:700}@media(max-width:600px){.header{flex-direction:column;gap:12px}.logo-block{padding:16px 0}.logo-letter{height:3rem}.nav{gap:8px}.mode-cards{flex-direction:column;align-items:center}.mode-card{max-width:100%;width:100%;flex-direction:row;padding:16px;text-align:left;align-items:center}.mode-card-icon{width:48px;height:48px;margin-bottom:0;margin-right:12px;flex-shrink:0}.stat-bar-label,.stat-text-label{width:80px;font-size:.8rem}.build-row,.slot-row{flex-direction:column}}