*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #080818;--bg-glass: rgba(10, 10, 30, .75);--bg-cell: rgba(20, 20, 50, .85);--border-glow: rgba(160, 100, 255, .25);--text-primary: #f0f0f5;--text-secondary: #9090b0;--text-muted: #606080;--correct: #16a34a;--correct-glow: rgba(22, 163, 74, .3);--partial: #ca8a04;--partial-glow: rgba(202, 138, 4, .3);--wrong: rgba(40, 40, 70, .9);--marvel-red: #e62429;--marvel-gold: #f0c040;--cosmic: #06b6d4;--tech: #3b82f6;--mutant: #eab308;--science: #22c55e;--mystic: #a855f7;--skill: #ef4444}html,body,#root{height:100%;background:var(--bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.app{position:relative;max-width:1100px;margin:0 auto;padding:0 16px 60px;display:flex;flex-direction:column;align-items:center;min-height:100%;z-index:1}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/mcocdle/bg.jpg) center center / cover no-repeat;opacity:.35;z-index:-2;pointer-events:none}.site-footer{margin-top:auto;padding-top:40px;font-size:.75rem}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a+a{margin-left:16px}.site-footer a:hover{color:var(--text-secondary)}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08081833,#080818b3 40%,#080818e0);z-index:-1;pointer-events:none}header{width:100%;padding:12px 0;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;position:relative}header>a{display:flex}.header-logo{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(240,192,64,.25))}.dle-badge{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:6px;background:linear-gradient(135deg,var(--marvel-gold),#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;margin-top:2px}.guess-prompt{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:440px;margin-bottom:8px;padding:0 2px}.prompt-text{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.guess-counter{display:flex;align-items:baseline;gap:4px}.guess-count{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:var(--marvel-gold);letter-spacing:1px}.guess-total{font-size:.7rem;color:var(--text-muted)}.back-btn{position:absolute;left:0;top:16px;height:36px;padding:0 14px 0 10px;display:flex;align-items:center;gap:6px;background:var(--bg-glass);border:1px solid var(--border-glow);border-radius:18px;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.back-btn:hover{color:var(--text-primary);border-color:var(--marvel-gold)}.load-error{padding:80px 16px;text-align:center;color:var(--text-secondary)}.load-error a{color:var(--marvel-gold)}.header-actions{position:absolute;right:0;top:16px;display:flex;gap:8px}.header-icon-btn{background:var(--bg-glass);border:1px solid var(--border-glow);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{color:var(--marvel-gold);border-color:var(--marvel-gold);box-shadow:0 0 12px #f0c0404d}.header-icon-btn svg{stroke:currentColor}.daily-champion-bar{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f0c0401a,#e6242914);border:1px solid rgba(240,192,64,.2);border-radius:12px;padding:10px 20px;margin-bottom:16px;font-size:.85rem;color:var(--text-secondary);width:100%;max-width:600px;text-align:center;justify-content:center;flex-wrap:wrap}.trophy-icon{font-size:1.2rem}.daily-champion-bar strong{color:var(--marvel-gold)}.solver-count{color:var(--text-muted);font-size:.75rem;margin-left:4px}.search-container{position:relative;width:100%;max-width:440px;margin-bottom:20px;z-index:50}.search-wrapper{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:14px 16px 14px 42px;background:var(--bg-glass);border:1px solid var(--border-glow);border-radius:14px;color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all .25s}.search-input:focus{border-color:#a064ff80;box-shadow:0 0 20px #a064ff26,inset 0 0 20px #a064ff0d}.search-input::placeholder{color:var(--text-muted)}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0f0f23f2;border:1px solid var(--border-glow);border-radius:14px;max-height:420px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.suggestion-item{padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.9rem;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:first-child{border-radius:14px 14px 0 0}.suggestion-item:last-child{border-radius:0 0 14px 14px}.suggestion-item:hover,.suggestion-item.selected{background:#a064ff1a}.suggestion-portrait-wrap{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.suggestion-portrait{width:100%;height:100%;object-fit:cover}.suggestion-portrait-placeholder{width:100%;height:100%}.suggestion-portrait-placeholder.cosmic{background:var(--cosmic)}.suggestion-portrait-placeholder.tech{background:var(--tech)}.suggestion-portrait-placeholder.mutant{background:var(--mutant)}.suggestion-portrait-placeholder.science{background:var(--science)}.suggestion-portrait-placeholder.mystic{background:var(--mystic)}.suggestion-portrait-placeholder.skill{background:var(--skill)}.suggestion-name{flex:1;color:var(--text-primary);font-weight:500}.suggestion-class{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:6px;background:#ffffff0f}.suggestion-class.cosmic{color:var(--cosmic)}.suggestion-class.tech{color:var(--tech)}.suggestion-class.mutant{color:var(--mutant)}.suggestion-class.science{color:var(--science)}.suggestion-class.mystic{color:var(--mystic)}.suggestion-class.skill{color:var(--skill)}.grid-container{width:100%;overflow-x:auto;padding-bottom:8px}.grid-container::-webkit-scrollbar{height:6px}.grid-container::-webkit-scrollbar-track{background:transparent}.grid-container::-webkit-scrollbar-thumb{background:#a064ff33;border-radius:3px}.grid-header{display:grid;grid-template-columns:70px repeat(7,1fr);gap:6px;margin-bottom:6px;min-width:780px}.header-cell{padding:10px 6px;text-align:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.header-champ{text-align:left;padding-left:14px}.guesses-list{display:flex;flex-direction:column;gap:6px;min-width:780px}.guess-row{display:grid;grid-template-columns:70px repeat(7,1fr);gap:6px;perspective:600px}.close-match-hint{text-align:center;font-size:.75rem;color:var(--marvel-gold);padding:4px 0 2px;font-weight:600;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guess-row-shimmer{min-height:58px;border-radius:10px;overflow:hidden;position:relative;background:#1e1e3cb3;border:1px solid rgba(255,255,255,.06)}.shimmer-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(160,100,255,.15) 40%,rgba(160,100,255,.3) 50%,rgba(160,100,255,.15) 60%,transparent 100%);background-size:200% 100%;animation:shimmer .8s ease-in-out infinite}.shimmer-correct .shimmer-bar{background:linear-gradient(90deg,transparent 0%,rgba(22,163,74,.2) 40%,rgba(22,163,74,.45) 50%,rgba(22,163,74,.2) 60%,transparent 100%);background-size:200% 100%;animation:shimmer .6s ease-in-out infinite}.shimmer-wrong .shimmer-bar{background:linear-gradient(90deg,transparent 0%,rgba(230,36,41,.15) 40%,rgba(230,36,41,.35) 50%,rgba(230,36,41,.15) 60%,transparent 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cell-anim-wrong{animation:cellDropWrong .4s ease-out backwards}@keyframes cellDropWrong{0%{opacity:0;transform:rotateX(90deg) scale(.8)}55%{opacity:1;transform:rotateX(-5deg) scale(1.01)}70%{transform:translate(-3px)}85%{transform:translate(3px)}to{opacity:1;transform:rotateX(0) scale(1) translate(0)}}.cell-anim-correct{animation:cellBounceCorrect .55s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes cellBounceCorrect{0%{opacity:0;transform:scale(.3) rotateY(180deg)}50%{opacity:1;transform:scale(1.15) rotateY(10deg)}70%{transform:scale(.95) rotateY(-5deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.guess-row-correct{animation:rowGlow 1.5s ease-in-out 1.2s}@keyframes rowGlow{0%,to{filter:none}50%{filter:drop-shadow(0 0 12px rgba(22,163,74,.5))}}.cell{padding:8px 6px;text-align:center;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;position:relative;overflow:hidden;border:1px solid transparent;transition:transform .15s}.cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;opacity:.08;pointer-events:none}.cell:hover{transform:scale(1.03)}.cell-icon{font-size:1rem;line-height:1}.cell-class-icon{width:22px;height:22px;object-fit:contain;filter:brightness(1.1)}.cell-text{font-size:.78rem;font-weight:600;line-height:1.2;word-break:break-word}.arrow{font-size:.65rem;font-weight:700;margin-top:1px}.arrow-up{color:#4ade80}.arrow-down{color:#f87171}.cell-correct{background:linear-gradient(135deg,#16a34ad9,#10823ce6);border-color:#16a34a66;box-shadow:0 0 12px var(--correct-glow),inset 0 1px #ffffff1a}.cell-partial{background:linear-gradient(135deg,#ca8a04d9,#a06e04e6);border-color:#ca8a0466;box-shadow:0 0 12px var(--partial-glow),inset 0 1px #ffffff1a}.cell-wrong{background:linear-gradient(135deg,#b41e1eb3,#8c1414bf);border-color:#e624294d;box-shadow:0 0 8px #e6242926,inset 0 1px #ffffff0f}.cell-champion{justify-content:center;padding:4px}.cell-neutral{background:#191937d9;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}.champ-portrait-wrap{width:50px;height:50px;border-radius:10px;overflow:visible;flex-shrink:0;position:relative;cursor:pointer}.champ-portrait-wrap>img,.champ-portrait-wrap>div:first-child{width:50px;height:50px;border-radius:10px;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0006}.champ-portrait{width:100%;height:100%;object-fit:cover;display:block}.champ-portrait-placeholder{width:100%;height:100%;opacity:.5}.champ-portrait-placeholder.cosmic{background:var(--cosmic)}.champ-portrait-placeholder.tech{background:var(--tech)}.champ-portrait-placeholder.mutant{background:var(--mutant)}.champ-portrait-placeholder.science{background:var(--science)}.champ-portrait-placeholder.mystic{background:var(--mystic)}.champ-portrait-placeholder.skill{background:var(--skill)}.champ-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);background:#0a0a1ef2;border:1px solid rgba(160,100,255,.3);color:var(--text-primary);font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:20;box-shadow:0 4px 16px #0006}.champ-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0a0a1ef2}.champ-portrait-wrap:hover .champ-tooltip,.champ-portrait-wrap:active .champ-tooltip{opacity:1;transform:translate(-50%) scale(1)}.win-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#16a34a26,#f0c04014);border:1px solid rgba(22,163,74,.3);border-radius:16px;padding:16px 24px;margin-bottom:20px;max-width:440px;width:100%}.win-portrait-wrap{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;border:2px solid var(--marvel-gold);box-shadow:0 0 16px #f0c0404d}.win-portrait{width:100%;height:100%;object-fit:cover}.win-info{flex:1}.win-label{font-size:.75rem;color:var(--correct);text-transform:uppercase;letter-spacing:2px;font-weight:700}.win-champion{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:var(--marvel-gold);letter-spacing:2px;line-height:1.1}.win-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.win-solvers{color:var(--text-muted)}.win-solvers:before{content:"·";margin-right:6px}.win-countdown{font-size:.75rem;color:var(--text-muted);margin-top:4px}.countdown{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:var(--marvel-gold);letter-spacing:1px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loading-logo{height:50px;opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.loading-text{color:var(--text-muted);font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#121228f7;border:1px solid var(--border-glow);border-radius:20px;padding:28px;max-width:460px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #a064ff1a}.modal h2{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:3px;color:var(--marvel-gold);margin-bottom:12px}.modal h3{font-size:.8rem;color:var(--marvel-red);margin:16px 0 8px;text-transform:uppercase;letter-spacing:1.5px}.modal p{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.modal ul{list-style:none;padding:0}.modal li{font-size:.82rem;color:var(--text-secondary);padding:4px 0;line-height:1.5}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:var(--text-muted);font-size:1.6rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.help-colors{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.help-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary)}.help-swatch{width:28px;height:28px;border-radius:6px}.help-swatch.correct{background:var(--correct);box-shadow:0 0 8px var(--correct-glow)}.help-swatch.partial{background:var(--partial);box-shadow:0 0 8px var(--partial-glow)}.help-swatch.wrong{background:linear-gradient(135deg,#b41e1ee6,#8c1414f2);border:1px solid rgba(230,36,41,.4)}.help-arrow{font-size:1rem;font-weight:700;color:var(--text-primary);width:28px;text-align:center}.help-footer{text-align:center;margin-top:16px;color:var(--marvel-gold)!important;font-weight:600}.win-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.win-modal-portrait-wrap{width:80px;height:80px;border-radius:16px;overflow:hidden;border:3px solid var(--marvel-gold);box-shadow:0 0 24px #f0c04066;margin-bottom:12px}.win-modal-portrait{width:100%;height:100%;object-fit:cover}.win-modal-title{font-family:Bebas Neue,sans-serif;font-size:2.4rem;letter-spacing:4px;background:linear-gradient(135deg,var(--correct),#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.win-modal-champ{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:2px;color:var(--marvel-gold)}.win-modal-guesses{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.name-prompt{margin-bottom:16px}.name-prompt p{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.name-input-row{display:flex;gap:8px}.name-input{flex:1;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border-glow);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:16px;outline:none}.name-input:focus{border-color:#a064ff80}.name-save-btn{padding:10px 20px;background:linear-gradient(135deg,var(--marvel-red),#c41e22);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s}.name-save-btn:hover{transform:scale(1.04)}.first-solver-section{background:#f0c0400f;border:1px solid rgba(240,192,64,.15);border-radius:12px;padding:14px;text-align:center;margin-bottom:16px}.first-solver-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px}.first-solver-name{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:var(--marvel-gold);letter-spacing:2px}.first-solver-detail{font-size:.8rem;color:var(--text-secondary)}.total-solvers{font-size:.75rem;color:var(--text-muted);margin-top:4px}.modal-action-btn{width:100%;padding:12px;background:linear-gradient(135deg,#a064ff33,#a064ff1a);border:1px solid var(--border-glow);border-radius:12px;color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.modal-action-btn:hover{background:linear-gradient(135deg,#a064ff4d,#a064ff33);box-shadow:0 0 16px #a064ff33}.profile-field{margin-bottom:20px}.profile-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.profile-hint{font-size:.72rem;color:var(--text-muted);margin-top:8px}.share-card{width:fit-content;max-width:100%;min-width:260px;background:var(--bg-glass);border:1px solid var(--border-glow);border-radius:16px;padding:20px;margin-top:24px}.share-header{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;text-align:center}.share-preview{background:#0000004d;border-radius:10px;padding:14px;font-family:Inter,monospace;font-size:.8rem;line-height:1.6;color:var(--text-primary);white-space:pre;margin-bottom:12px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.share-btn{width:100%;padding:11px;background:linear-gradient(135deg,var(--marvel-gold),#d4a020);border:none;border-radius:10px;color:#1a1a2e;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.share-btn:hover{transform:scale(1.02);box-shadow:0 0 16px #f0c0404d}.lb-date{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.lb-empty{text-align:center;color:var(--text-muted);font-size:.9rem;padding:24px 0}.lb-list{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.lb-entry{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:background .15s}.lb-entry:hover{background:#ffffff0f}.lb-first{background:linear-gradient(135deg,#f0c0401a,#f0c0400a);border-color:#f0c04033}.lb-rank{width:32px;text-align:center;font-weight:700;font-size:.9rem;color:var(--text-muted);flex-shrink:0}.lb-first .lb-rank{font-size:1.2rem}.lb-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary)}.lb-first .lb-name{color:var(--marvel-gold)}.lb-guesses{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.search-row{display:flex;align-items:flex-start;justify-content:center;gap:10px;width:100%;max-width:540px;margin-bottom:20px}.search-row .search-container{margin-bottom:0}.hint-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;background:linear-gradient(135deg,#f0c04026,#f0c04014);border:1px solid rgba(240,192,64,.3);border-radius:14px;color:var(--marvel-gold);cursor:pointer;transition:all .2s;animation:hintPulse 2s ease-in-out infinite}.hint-btn:hover{background:linear-gradient(135deg,#f0c04040,#f0c04026);box-shadow:0 0 16px #f0c0404d;transform:scale(1.05)}@keyframes hintPulse{0%,to{border-color:#f0c0404d}50%{border-color:#f0c04099}}.hint-btn-icon{font-size:1.1rem;font-weight:800;line-height:1}.hint-btn-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.help-class-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:2px}.hint-reveal{background:#f0c04014;border:1px solid rgba(240,192,64,.2);border-radius:12px;padding:16px;text-align:center;margin-bottom:20px}.hint-reveal-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.hint-reveal-value{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--marvel-gold);letter-spacing:3px}.hint-candidates{margin-bottom:20px}.hint-candidates-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px}.hint-candidates-list{display:flex;flex-direction:column;gap:6px}.hint-candidate{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:background .15s}.hint-candidate:hover{background:#ffffff0f}.hint-candidate-portrait{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.hint-candidate-portrait img{width:100%;height:100%;object-fit:cover}.hint-candidate-info{display:flex;align-items:center;gap:8px;flex:1}.hint-candidate-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.hint-candidate-class{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:6px;background:#ffffff0f;margin-left:auto}.hint-candidate-class.cosmic{color:var(--cosmic)}.hint-candidate-class.tech{color:var(--tech)}.hint-candidate-class.mutant{color:var(--mutant)}.hint-candidate-class.science{color:var(--science)}.hint-candidate-class.mystic{color:var(--mystic)}.hint-candidate-class.skill{color:var(--skill)}.dev-panel{width:100%;max-width:500px;background:#141432e6;border:1px solid rgba(255,200,0,.3);border-radius:16px;padding:20px;margin-bottom:20px}.dev-title{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:var(--marvel-gold);letter-spacing:2px;margin-bottom:12px;text-align:center}.dev-answer{margin-bottom:16px}.dev-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.dev-answer-row{display:flex;align-items:center;gap:10px;margin-top:6px}.dev-portrait{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--marvel-gold)}.dev-answer-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.dev-answer-class{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-left:auto}.dev-buttons{display:flex;gap:10px;margin-bottom:12px}.dev-btn{flex:1;padding:10px;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff}.dev-btn:hover{transform:scale(1.03)}.dev-btn-reset{background:linear-gradient(135deg,var(--marvel-red),#a01a1e);box-shadow:0 0 12px #e624294d}.dev-btn-new{background:linear-gradient(135deg,var(--mystic),#7c3aed);box-shadow:0 0 12px #a855f74d}.dev-info{font-size:.8rem;color:var(--text-muted);text-align:center}@media(max-width:768px){.header-logo{height:50px}.dle-badge{font-size:1.2rem}.header-cell{font-size:.55rem;padding:8px 3px;letter-spacing:1px}.cell-text{font-size:.7rem}.cell{padding:6px 4px;min-height:48px;border-radius:8px}.cell-icon{font-size:.85rem}.champ-portrait-wrap{width:40px;height:40px}.champ-portrait-wrap>img,.champ-portrait-wrap>div:first-child{width:40px;height:40px}.grid-header{grid-template-columns:60px repeat(7,1fr);gap:4px;min-width:680px}.guess-row{grid-template-columns:60px repeat(7,1fr);gap:4px}.guesses-list{gap:4px;min-width:680px}.daily-champion-bar{font-size:.78rem;padding:8px 14px}.win-banner{padding:12px 16px}.win-portrait-wrap{width:44px;height:44px}.win-champion{font-size:1.3rem}}@media(max-width:480px){.app{padding:0 6px 40px}.header-logo{height:40px}.back-btn{padding:0 10px 0 8px;font-size:.75rem}.dle-badge{font-size:1rem;letter-spacing:2px}.grid-container{overflow-x:visible}.grid-header{grid-template-columns:42px repeat(7,1fr);gap:3px;min-width:0}.guess-row{grid-template-columns:42px repeat(7,1fr);gap:3px}.guesses-list{gap:3px;min-width:0}.guess-row-shimmer{min-height:44px}.header-cell{font-size:.45rem;padding:6px 2px;letter-spacing:.5px}.cell{padding:4px 2px;min-height:44px;border-radius:6px}.cell-text{font-size:.6rem}.cell-class-icon{width:16px;height:16px}.arrow{font-size:.55rem}.champ-portrait-wrap{width:34px;height:34px}.champ-portrait-wrap>img,.champ-portrait-wrap>div:first-child{width:34px;height:34px;border-radius:6px}.champ-tooltip{font-size:.65rem;padding:3px 6px}.guess-prompt{flex-direction:column;align-items:center;gap:2px}.prompt-text{font-size:.75rem}.search-row{max-width:100%}.search-input{font-size:16px;padding:12px 14px 12px 38px}.search-icon{width:16px;height:16px;left:12px}.suggestions{border-radius:10px;max-height:200px}.suggestion-item{padding:6px 10px;font-size:.82rem}.suggestion-portrait-wrap{width:30px;height:30px;border-radius:6px}.win-banner{padding:10px 14px;gap:12px}.win-portrait-wrap{width:40px;height:40px;border-radius:8px}.win-champion{font-size:1.1rem}.win-meta{font-size:.72rem}.win-countdown{font-size:.68rem}.daily-champion-bar{font-size:.72rem;padding:8px 12px;border-radius:10px}.modal{padding:20px 16px;border-radius:14px}.modal h2{font-size:1.4rem}.share-card{padding:14px;min-width:0}.share-preview{font-size:.72rem;padding:10px}.hint-btn{padding:8px 10px;border-radius:10px}.hint-btn-icon{font-size:.9rem}.hint-btn-label{font-size:.5rem}.header-actions{gap:6px}.header-icon-btn{width:32px;height:32px}.header-icon-btn svg{width:15px;height:15px}}