:root{--bg-deep:#050a12;--bg-primary:#07101d;--bg-secondary:#0c182c;--bg-tertiary:#12243d;--bg-elevated:#172d4b;--bg-card:#0c182ce0;--bg-glass:#07101dd9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#00f5d4;--text-bright:#fff;--accent-cyan:#00f5d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-purple:#a855f7;--accent-blue:#00b4d8;--accent-pink:#f43f5e;--gradient-brand:linear-gradient(135deg, #00f5d4 0%, #00b4d8 50%, #10b981 100%);--gradient-brand-subtle:linear-gradient(135deg, #00f5d41f 0%, #00b4d814 50%, #10b9810f 100%);--gradient-glow:radial-gradient(ellipse at center, #00f5d42e 0%, transparent 70%);--color-correct:#10b981;--color-correct-border:#34d399;--color-correct-glow:0 0 20px #10b98166, inset 0 1px 1px #fff6;--color-partial:#f59e0b;--color-partial-border:#fbbf24;--color-partial-glow:0 0 20px #f59e0b66, inset 0 1px 1px #fff6;--color-incorrect:#1e293b;--color-incorrect-border:#ffffff1f;--color-incorrect-glow:inset 0 1px 0 #ffffff0f;--color-neutral:#111e31;--color-neutral-border:#00f5d429;--cb-correct:#0ea5e9;--cb-correct-border:#38bdf8;--cb-correct-glow:0 0 20px #0ea5e966, inset 0 1px 1px #fff6;--cb-partial:#ea580c;--cb-partial-border:#fb923c;--cb-partial-glow:0 0 20px #ea580c66, inset 0 1px 1px #fff6;--cb-incorrect:#1e293b;--cb-incorrect-border:#ffffff1f;--cb-incorrect-glow:inset 0 1px 0 #ffffff0f;--border-subtle:#94a3b81a;--border-medium:#94a3b833;--border-glow:#00f5d440;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--transition-fast:.15s var(--ease-smooth);--transition-medium:.3s var(--ease-smooth);--transition-slow:.5s var(--ease-smooth)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);width:100%;min-height:100vh;position:relative;overflow-x:hidden!important}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 700px at 10% 15%,#00f5d412 0%,#0000 70%),radial-gradient(700px 800px at 90% 65%,#10b9810f 0%,#0000 70%),radial-gradient(800px 500px at 50% 95%,#a855f70d 0%,#0000 60%),radial-gradient(500px 500px at 75% 15%,#00b4d80d 0%,#0000 60%);animation:18s ease-in-out infinite alternate ambientShift;position:fixed;inset:0}@keyframes ambientShift{0%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.85;transform:scale(1)}}body:after{content:"";pointer-events:none;z-index:0;opacity:.04;background-image:radial-gradient(circle at 1px 1px,#00f5d4cc 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:36px 36px,72px 72px,72px 72px;position:fixed;inset:0}.loading-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex;position:relative}.loading-atom{filter:drop-shadow(0 0 20px #00f5d466);font-size:56px;animation:2s ease-in-out infinite atomPulse}.loading-screen p{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:.9rem;font-weight:500}@keyframes atomPulse{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.85;transform:scale(1.1)rotate(10deg)}}.game-container{z-index:1;flex-direction:column;width:100%;max-width:1100px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.game-main{flex-direction:column;flex:1;gap:20px;width:100%;max-width:100%;padding:20px clamp(8px,2vw,20px) 48px;display:flex;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border-subtle);z-index:50;background:#050a12f7;width:100%;position:sticky;top:0}.navbar:after{content:"";background:linear-gradient(90deg,#0000 0%,#00f5d466 30%,#10b98166 70%,#0000 100%);height:1.5px;position:absolute;bottom:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:12px clamp(8px,2vw,20px);display:flex}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-logo-badge{width:48px;height:48px;transition:transform .3s var(--ease-spring), box-shadow .3s ease;background:radial-gradient(circle at 50% 35%,#00f5d447 0%,#10b98133 60%,#07101df2 100%);border:2px solid #00f5d4;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 22px #00f5d480,inset 0 1px 2px #fff9}.navbar-logo-badge:hover{transform:scale(1.1)rotate(-3deg);box-shadow:0 0 32px #00f5d4bf,inset 0 1px 2px #fffc}.navbar-flask-svg{filter:drop-shadow(0 0 10px #00f5d4bf)}.navbar-title-group{flex-direction:column;gap:2px;display:flex}.navbar-title{letter-spacing:2.5px;align-items:center;font-size:1.55rem;font-weight:900;line-height:1;display:flex}.brand-chem{background:linear-gradient(135deg,#fff 0%,#00f5d4 50%,#00d4ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #00f5d480);-webkit-background-clip:text}.brand-dle{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#6ee7b7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #10b98180);-webkit-background-clip:text}.navbar-subtitle{color:var(--accent-cyan);border-radius:var(--radius-pill);letter-spacing:1.4px;text-transform:uppercase;font-size:.64rem;font-weight:800;font-family:var(--font-mono);background:#00f5d41a;border:1px solid #00f5d44d;width:fit-content;margin-top:1px;padding:1px 7px}.navbar-subtitle.random-badge{color:#d8b4fe;background:#a855f72e;border-color:#a855f780;box-shadow:0 0 10px #a855f740}.navbar-right{gap:2px;display:flex}.nav-btn{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:9px;display:flex;position:relative}.nav-btn:hover{color:var(--accent-cyan);background:#00d4ff0f;border-color:#00d4ff26;transform:translateY(-1px)}.nav-btn:active{transform:translateY(0)}.search-container{width:100%;max-width:640px;margin:0 auto;position:relative}.search-input-wrapper{background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:var(--radius-pill);transition:all var(--transition-medium);align-items:center;gap:14px;padding:14px 24px;display:flex;position:relative;overflow:hidden}.search-input-wrapper:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;transition:background var(--transition-medium);pointer-events:none;background:linear-gradient(135deg,#0000 0% 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search-input-wrapper:focus-within{border-color:#0000;box-shadow:0 0 0 1px #00d4ff4d,0 0 30px #00d4ff14,0 8px 32px #0000004d}.search-input-wrapper:focus-within:before{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%)}.search-icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.search-input-wrapper:focus-within .search-icon{color:var(--accent-cyan)}.search-input{color:var(--text-primary);font-size:.92rem;font-family:var(--font-sans);letter-spacing:.2px;background:0 0;border:none;outline:none;flex:1;font-weight:450}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-input:disabled{opacity:.4;cursor:not-allowed}.search-dropdown{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);z-index:100;max-height:360px;animation:dropIn .2s var(--ease-out);list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 48px #00000080,0 0 0 1px #00d4ff0d}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-dropdown-item{cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:12px 18px;display:flex}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item.highlighted,.search-dropdown-item:hover{background:#00d4ff0f}.dropdown-symbol{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-cyan);font-size:1.05rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px;justify-content:center;align-items:center;display:flex;position:relative}.search-dropdown-item.highlighted .dropdown-symbol,.search-dropdown-item:hover .dropdown-symbol{border-color:#00d4ff4d;box-shadow:0 0 12px #00d4ff1a}.dropdown-number{font-family:var(--font-mono);color:var(--text-muted);min-width:24px;font-size:.75rem;font-weight:500}.dropdown-name{color:var(--text-primary);font-size:.92rem;font-weight:550}.guess-grid-empty{justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.empty-atom{filter:drop-shadow(0 0 24px #00d4ff33);margin-bottom:8px;font-size:64px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.05)}}.empty-state p{color:var(--text-secondary);font-size:1rem;font-weight:500}.empty-hint{color:var(--text-muted)!important;font-size:.82rem!important;font-weight:400!important}.guess-grid-wrapper{width:100%;max-width:100%;padding-bottom:2px;overflow:visible}.guess-grid{flex-direction:column;gap:clamp(4px,.8vw,8px);width:100%;min-width:0;display:flex}.guess-header{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.4fr) minmax(0,1.25fr) minmax(0,1.15fr) minmax(0,.6fr) minmax(0,.75fr) minmax(0,.95fr) minmax(0,.95fr) minmax(0,.95fr);gap:clamp(3px,.6vw,7px);width:100%;margin-bottom:2px;padding:0 1px 4px;display:grid}.header-cell{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);text-align:center;white-space:normal;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 1px;font-size:clamp(.5rem,.85vw,.65rem);font-weight:800;line-height:1.15;display:flex;position:relative;overflow:hidden}.guess-row{animation:rowSlideIn .3s var(--ease-out);grid-template-columns:minmax(0,1.4fr) minmax(0,1.25fr) minmax(0,1.15fr) minmax(0,.6fr) minmax(0,.75fr) minmax(0,.95fr) minmax(0,.95fr) minmax(0,.95fr);gap:clamp(3px,.6vw,7px);width:100%;display:grid}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guess-row.victory-row{animation:2s ease-in-out victoryGlow}.guess-row.victory-row-animate{animation:2s ease-in-out 1.2s victoryGlow}@keyframes victoryGlow{0%{filter:brightness()}25%{filter:brightness(1.3)}50%{filter:brightness(1.1)}75%{filter:brightness(1.25)}to{filter:brightness()}}.tile-wrapper{perspective:800px;width:100%;min-width:0;height:clamp(52px,6.8vw,66px)}.tile-inner{width:100%;height:100%;transition:transform .6s var(--ease-smooth);transform-style:preserve-3d;position:relative}.tile-flipped .tile-inner{transform:rotateX(180deg)}.tile-front,.tile-back{backface-visibility:hidden;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:clamp(3px,.5vw,6px) clamp(2px,.4vw,5px);display:flex;position:absolute;inset:0;overflow:hidden}.tile-front{background:var(--color-neutral);border:1px solid var(--color-neutral-border);box-shadow:inset 0 1px #ffffff0d}.tile-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;transform:rotateX(180deg)}.tile-value{text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text-bright);text-shadow:0 1px 3px #00000080;justify-content:center;align-items:center;gap:2.5px;max-width:100%;font-size:clamp(.62rem,.95vw,.8rem);font-weight:750;line-height:1.15;display:flex}.tile-label{opacity:.75;text-transform:uppercase;letter-spacing:.4px;margin-top:1px;font-size:clamp(.48rem,.65vw,.55rem);font-weight:600}.tile-atomic-badge{font-size:clamp(.48rem,.65vw,.56rem);font-weight:800;font-family:var(--font-mono);opacity:.8;color:var(--text-bright);line-height:1;position:absolute;top:3px;left:4px}.tile-arrow{filter:drop-shadow(0 0 4px);opacity:.95;stroke-width:2.8px;flex-shrink:0}.tile-element-content{flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:1px;display:flex;position:relative}.tile-element-symbol{font-family:var(--font-mono);color:var(--text-bright);text-shadow:0 2px 6px #00000080;letter-spacing:-.5px;font-size:clamp(.95rem,1.6vw,1.25rem);font-weight:900;line-height:1}.tile-element-name{color:var(--text-bright);opacity:.9;text-shadow:0 1px 3px #0006;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;max-width:100%;margin-top:1px;font-size:clamp(.48rem,.7vw,.6rem);font-weight:700;overflow:hidden}.header-icon{opacity:.85;font-size:.72rem}.tile-correct{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);border-color:#6ee7b7;box-shadow:0 0 16px #10b98173,inset 0 1px 1px #fff6}.tile-partial{color:#fff;background:linear-gradient(135deg,#b45309 0%,#d97706 50%,#f59e0b 100%);border-color:#fde68a;box-shadow:0 0 16px #f59e0b73,inset 0 1px 1px #fff6}.tile-incorrect{color:#94a3b8;background:linear-gradient(135deg,#182234 0%,#111a28 100%);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}.tile-neutral{background:linear-gradient(135deg,#132238 0%,#0d1726 100%);border-color:#00f5d429}.tile-correct-cb{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 50%,#38bdf8 100%);border-color:#7dd3fc;box-shadow:0 0 16px #0ea5e973,inset 0 1px 1px #fff6}.tile-partial-cb{color:#fff;background:linear-gradient(135deg,#c2410c 0%,#ea580c 50%,#f97316 100%);border-color:#fed7aa;box-shadow:0 0 16px #ea580c73,inset 0 1px 1px #fff6}.tile-incorrect-cb{color:#94a3b8;background:linear-gradient(135deg,#182234 0%,#111a28 100%);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}.view-result-btn{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-medium);font-size:.92rem;font-weight:650;font-family:var(--font-sans);letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;margin:4px auto 0;padding:14px 36px;display:flex;position:relative;overflow:hidden}.view-result-btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.view-result-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00d4ff40,0 0 0 1px #00d4ff33}.view-result-btn:hover:before{opacity:1}.view-result-btn:active{transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;animation:overlayFadeIn .25s var(--ease-out);background:#02040acc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:85vh;animation:modalSlideIn .35s var(--ease-spring);position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009,0 0 0 1px #00d4ff0d,0 0 60px #00d4ff08}.modal-content:before{content:"";background:linear-gradient(90deg,#0000,#00d4ff66,#8b5cf64d,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:24px;right:24px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:22px 24px 14px;display:flex}.modal-title{letter-spacing:.3px;font-size:1.15rem;font-weight:750}.modal-close-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;padding:6px;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-medium)}.modal-body{padding:20px 24px 28px}.help-content{flex-direction:column;gap:22px;display:flex}.help-intro{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.help-section h3{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:700}.help-colors{flex-direction:column;gap:10px;display:flex}.help-color-row{align-items:center;gap:14px;font-size:.88rem;display:flex}.help-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:32px;height:32px;box-shadow:0 0 12px #0003}.help-green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 16px #22c55e33}.help-yellow{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 0 16px #eab30833}.help-red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 16px #ef444433}.help-color-row div{color:var(--text-secondary)}.help-color-row strong{color:var(--text-primary)}.help-columns-list{flex-direction:column;gap:8px;list-style:none;display:flex}.help-columns-list li{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:2px solid var(--border-medium);transition:all var(--transition-fast);background:#00d4ff05;padding:6px 10px;font-size:.87rem;line-height:1.5}.help-columns-list li:hover{border-left-color:var(--accent-cyan);background:#00d4ff0a}.help-columns-list li strong{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.82rem}.help-tips{flex-direction:column;gap:8px;list-style:none;display:flex}.help-tips li{color:var(--text-secondary);padding-left:18px;font-size:.87rem;line-height:1.5;position:relative}.help-tips li:before{content:"⚡";font-size:.75rem;position:absolute;left:0}.stats-content{flex-direction:column;gap:28px;display:flex}.stats-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-box{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast);padding:16px 6px}.stat-box:hover{border-color:var(--border-medium);transform:translateY(-2px)}.stat-number{font-size:1.75rem;font-weight:800;font-family:var(--font-mono);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2;display:block}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:6px;font-size:.6rem;font-weight:600;display:block}.stats-histogram h3{margin-bottom:14px;font-size:.95rem;font-weight:700}.stats-empty{color:var(--text-muted);text-align:center;padding:24px;font-size:.9rem}.histogram-bars{flex-direction:column;gap:5px;display:flex}.histogram-row{align-items:center;gap:10px;display:flex}.histogram-label{font-family:var(--font-mono);text-align:right;width:22px;color:var(--text-secondary);font-size:.78rem;font-weight:600}.histogram-bar-wrapper{flex:1}.histogram-bar{background:var(--gradient-brand);border-radius:var(--radius-xs);min-height:26px;transition:width var(--transition-slow);justify-content:flex-end;align-items:center;padding:5px 10px;display:flex;position:relative;overflow:hidden}.histogram-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 100%);position:absolute;inset:0}.histogram-count{font-family:var(--font-mono);color:#fff;z-index:1;font-size:.72rem;font-weight:700;position:relative}.settings-content{flex-direction:column;gap:4px;display:flex}.setting-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{color:var(--text-muted);align-items:flex-start;gap:14px;display:flex}.setting-info svg{flex-shrink:0;margin-top:2px}.setting-info strong{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.setting-info p{color:var(--text-muted);margin-top:3px;font-size:.78rem;line-height:1.4}.toggle-btn{cursor:pointer;width:52px;height:30px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;background:#0c1626f2;border:2px solid #ffffff1f;border-radius:100px;flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:relative}.toggle-btn:hover{border-color:#00f5d473;box-shadow:0 0 12px #00f5d433}.toggle-btn.toggle-on{background:linear-gradient(135deg,#00f5d4 0%,#10b981 100%);border-color:#34d399;box-shadow:0 0 16px #00f5d473,inset 0 1px 1px #ffffff80}.toggle-btn.toggle-off{background:#0c1626f2;border-color:#ffffff24}.toggle-knob{pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s;display:flex;position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 2px 6px #00000059}.toggle-knob:after{content:"";background:#94a3b8;border-radius:50%;width:6px;height:6px;transition:background .2s}.toggle-btn.toggle-on .toggle-knob{background:#fff;transform:translate(22px);box-shadow:0 2px 8px #00000040,0 0 8px #00f5d499}.toggle-btn.toggle-on .toggle-knob:after{background:#10b981}.lang-toggle-group,.unit-toggle-group{border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0a1220d9;border:1.5px solid #ffffff1f;gap:3px;padding:3px;display:inline-flex}.lang-toggle-group:hover,.unit-toggle-group:hover{border-color:#00f5d459}.lang-btn,.unit-btn{color:var(--text-muted);font-family:var(--font-mono);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.lang-btn:hover,.unit-btn:hover{color:var(--text-primary);background:#ffffff0f}.lang-btn.active,.unit-btn.active{color:#00f5d4;background:linear-gradient(135deg,#00f5d433 0%,#10b98133 100%);border:1px solid #00f5d473;font-weight:800;box-shadow:0 0 12px #00f5d433}.victory-content{flex-direction:column;align-items:center;gap:22px;display:flex}.element-profile-card{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.element-profile-card:before{content:"";background:var(--gradient-brand);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.profile-symbol-wrapper{background:radial-gradient(at 50% 30%,#00d4ff14 0%,#0000 60%),radial-gradient(at 30% 70%,#8b5cf60d 0%,#0000 50%);flex-direction:column;align-items:center;padding:28px 20px 20px;display:flex;position:relative}.profile-atomic-number{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem;font-weight:700;position:absolute;top:14px;left:18px}.profile-symbol{font-size:3.5rem;font-weight:900;font-family:var(--font-mono);background:var(--gradient-brand);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00d4ff33);-webkit-background-clip:text;background-clip:text;line-height:1}.profile-name{letter-spacing:.5px;margin-top:6px;font-size:1.25rem;font-weight:750}.profile-mass{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono);margin-top:4px}.profile-details{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.profile-detail-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:.83rem;display:flex}.profile-detail-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.profile-detail-value{color:var(--text-primary);text-align:right;max-width:60%;font-weight:600}.profile-config{font-family:var(--font-mono);color:var(--accent-cyan)!important;font-size:.78rem!important}.profile-fun-fact{border-top:1px solid var(--border-subtle);background:#00d4ff08;gap:12px;padding:18px 20px;display:flex}.fun-fact-icon{flex-shrink:0;font-size:1.3rem;line-height:1.4}.profile-fun-fact p{color:var(--text-secondary);font-size:.84rem;line-height:1.6}.victory-summary{text-align:center;color:var(--text-secondary);font-size:1rem;line-height:1.5}.victory-summary strong{color:var(--accent-cyan);font-weight:700}.app-share-box{border-radius:var(--radius-lg);background:#0c1626d9;border:1.5px solid #00f5d440;flex-direction:column;gap:10px;width:100%;max-width:440px;padding:14px 16px;display:flex;box-shadow:0 4px 20px #00000040}.app-share-label{text-transform:uppercase;letter-spacing:.8px;color:var(--accent-cyan);justify-content:center;align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.app-share-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.app-share-btn{border-radius:var(--radius-md);cursor:pointer;min-width:120px;transition:all var(--transition-fast);font-size:.86rem;font-weight:750;font-family:var(--font-sans);border:1.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;display:inline-flex}.copy-link-btn{color:#00f5d4;background:#00f5d41f;border-color:#00f5d473}.copy-link-btn:hover{background:#00f5d438;border-color:#00f5d4;transform:translateY(-1.5px);box-shadow:0 0 16px #00f5d459}.copy-link-btn.copied{color:#031018;background:#10b981;border-color:#34d399;box-shadow:0 0 16px #10b98180}.whatsapp-btn{color:#25d366;background:#25d36624;border-color:#25d36673}.whatsapp-btn:hover{color:#031018;background:#25d366;border-color:#25d366;transform:translateY(-1.5px);box-shadow:0 0 18px #25d36680}.native-share-btn{color:#c084fc;background:#a855f724;border-color:#a855f773}.native-share-btn:hover{background:#a855f740;border-color:#c084fc;transform:translateY(-1.5px);box-shadow:0 0 16px #a855f759}.random-game-modal-section{flex-direction:column;gap:8px;width:100%;max-width:440px;display:flex}.random-game-modal-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;width:100%;transition:all var(--transition-fast);font-size:.94rem;font-weight:800;font-family:var(--font-sans);background:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#00f5d4 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;display:inline-flex;box-shadow:0 0 20px #a855f766}.random-game-modal-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 0 28px #a855f7a6}.return-daily-modal-btn{border:1px solid var(--border-medium);width:100%;color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:.8rem;font-weight:650;display:inline-flex}.return-daily-modal-btn:hover{color:var(--text-bright);background:#ffffff1f}.random-mode-banner{border-radius:var(--radius-md);background:#a855f71f;border:1px solid #a855f759;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:8px 14px;animation:.25s ease-out fadeIn;display:flex}.random-mode-badge-pill{color:#d8b4fe;align-items:center;gap:6px;font-size:.78rem;font-weight:750;display:flex}.return-daily-link-btn{color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:650;display:inline-flex}.return-daily-link-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f5d426}.completed-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.play-random-action-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);font-size:.88rem;font-weight:750;font-family:var(--font-sans);background:linear-gradient(135deg,#a855f733 0%,#6366f133 100%);border:1.5px solid #a855f7;align-items:center;gap:8px;padding:11px 22px;display:inline-flex;box-shadow:0 0 16px #a855f740}.play-random-action-btn:hover{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);transform:translateY(-1.5px);box-shadow:0 0 24px #a855f780}.return-daily-action-btn{border:1.5px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);font-size:.84rem;font-weight:650;font-family:var(--font-sans);background:#ffffff0f;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.return-daily-action-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f5d41f;transform:translateY(-1px)}.next-element-countdown{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px;display:flex}.countdown-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:.68rem;font-weight:600}.countdown-timer{font-family:var(--font-mono);background:var(--gradient-brand);-webkit-text-fill-color:transparent;letter-spacing:3px;filter:drop-shadow(0 0 8px #00d4ff26);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.navbar-inner{padding:12px 14px}.navbar-title{letter-spacing:3px;font-size:1.2rem}.navbar-icon{width:24px;height:24px}.game-main{gap:18px;padding:16px 12px 36px}.search-input-wrapper{padding:12px 18px}.search-input{font-size:.88rem}.guess-grid-wrapper{width:100%;padding:0 0 4px;overflow:visible}.tile-wrapper{height:clamp(48px,6.5vw,56px)}.tile-value{font-size:clamp(.55rem,.9vw,.72rem)}.header-cell{letter-spacing:.3px;font-size:clamp(.46rem,.8vw,.58rem)}.modal-content{border-radius:var(--radius-lg);max-width:100%;max-height:90vh}.stats-summary{grid-template-columns:repeat(2,1fr)}.profile-symbol{font-size:2.8rem}}@media (max-width:480px){.game-main{padding:10px 4px 28px}.guess-grid{width:100%;min-width:0}.search-input-wrapper{border-radius:var(--radius-lg);padding:10px 14px}.navbar-subtitle{font-size:.58rem}}::selection{color:var(--text-bright);background:#00d4ff40}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.easy-mode-toggle-btn{border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-medium);background:#ffffff0a;align-items:center;gap:7px;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}.easy-mode-toggle-btn:hover{color:var(--text-bright);background:#00d4ff14;border-color:#00d4ff59}.easy-mode-toggle-btn.active{color:#34d399;background:linear-gradient(135deg,#10b98126,#06b6d42e);border-color:#10b98180;box-shadow:0 0 15px #10b98133}.easy-mode-btn-icon{color:currentColor;transition:transform var(--transition-fast)}.easy-mode-toggle-btn.active .easy-mode-btn-icon{animation:2s ease-in-out infinite atomPulse}.easy-mode-indicator{border-radius:var(--radius-pill);letter-spacing:.5px;padding:2px 6px;font-size:.65rem;font-weight:700}.easy-mode-indicator.on{color:#061118;background:#10b981;box-shadow:0 0 8px #10b98199}.easy-mode-indicator.off{color:var(--text-muted);background:#ffffff14}.search-single-match-hint{color:var(--accent-cyan);border-radius:var(--radius-sm);white-space:nowrap;background:#00d4ff1a;border:1px solid #00d4ff40;margin-left:auto;padding:3px 8px;font-size:.72rem;font-weight:600;animation:.2s ease-out fadeIn}.dropdown-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.dropdown-use{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:320px;margin-left:auto;padding-left:12px;font-size:.76rem;font-style:italic;overflow:hidden}.search-dropdown-item:hover .dropdown-use,.search-dropdown-item.highlighted .dropdown-use{color:var(--text-secondary);opacity:1}.profile-use-row{border-radius:var(--radius-sm);background:#00d4ff0f;padding:8px 12px!important}.profile-use-value{color:var(--accent-cyan)!important;font-weight:600!important}.periodic-table-card{border:1px solid var(--border-medium);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);background:#0a101ccc;padding:14px 16px;animation:.25s ease-out slideDown;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000073,0 0 25px #00d4ff0a}.pt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pt-header-left{align-items:center;gap:10px;display:flex}.pt-badge{color:#34d399;border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.pt-badge-icon{color:#34d399}.pt-title{color:var(--text-bright);letter-spacing:-.3px;margin:0;font-size:1.1rem;font-weight:800}.pt-controls{align-items:center;gap:10px;display:flex}.pt-candidates-stat{border-radius:var(--radius-pill);background:#00d4ff14;border:1px solid #00d4ff38;align-items:baseline;gap:5px;padding:4px 11px;display:flex}.pt-stat-count{font-family:var(--font-mono);color:var(--accent-cyan);font-size:1rem;font-weight:800}.pt-stat-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.pt-filter-toggle{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:5px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.pt-filter-toggle:hover{color:var(--text-bright);border-color:var(--border-bright);background:#ffffff14}.pt-filter-toggle.active{color:var(--accent-cyan);background:#00d4ff26;border-color:#00d4ff66;box-shadow:0 0 10px #00d4ff26}.pt-inspector-banner{border:1px solid var(--border-bright);border-radius:var(--radius-md);background:#0f172ad9;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:10px 14px;animation:.2s ease-out fadeIn;display:flex}.pt-inspector-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pt-inspector-symbol-box{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:2px solid;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.pt-inspector-number{font-family:var(--font-mono);color:var(--text-muted);font-size:.58rem;position:absolute;top:2px;left:4px}.pt-inspector-symbol{font-family:var(--font-mono);color:var(--text-bright);font-size:1.15rem;font-weight:800;line-height:1}.pt-inspector-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pt-inspector-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pt-inspector-name{color:var(--text-bright);font-size:.95rem;font-weight:700}.pt-inspector-category-badge{border-radius:var(--radius-pill);padding:1.5px 7px;font-size:.65rem;font-weight:600}.pt-fit-badge{border-radius:var(--radius-pill);align-items:center;gap:3px;padding:1.5px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.pt-fit-badge-yes{color:#34d399;background:#10b98133;border:1px solid #10b98166}.pt-fit-badge-no{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.pt-inspector-use{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:5px;font-size:.78rem;display:flex;overflow:hidden}.pt-use-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;font-size:.7rem;font-weight:600}.pt-use-text{color:var(--accent-cyan);text-overflow:ellipsis;font-weight:500;overflow:hidden}.pt-inspector-properties{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.7rem;display:flex}.pt-inspector-properties strong{color:var(--text-secondary)}.pt-inspector-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pt-guess-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#061118;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #00d4ff4d}.pt-guess-btn:hover{transform:translateY(-1px);box-shadow:0 0 16px #00d4ff80}.pt-already-guessed-label{color:var(--text-muted);border-radius:var(--radius-pill);background:#ffffff0d;padding:4px 10px;font-size:.72rem;font-weight:600}.pt-inspector-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.pt-inspector-close-btn:hover{color:var(--text-bright);background:#ffffff1a}.pt-hint-strip{border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff06;align-items:center;gap:6px;margin-bottom:8px;padding:5px 10px;font-size:.72rem;display:flex}.pt-hint-icon{color:var(--accent-cyan);opacity:.8;flex-shrink:0}.pt-scroll-wrapper{width:100%;max-width:100%;padding-bottom:2px;overflow:visible}.pt-unified-grid{grid-template-rows:repeat(7,clamp(18px,2.8vw,34px)) clamp(2px,.4vw,5px) repeat(2,clamp(18px,2.8vw,34px));grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(1px,.22vw,2.5px);width:100%;min-width:0;max-width:100%;display:grid}.pt-cell{cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#0e1626d9;border:1px solid #ffffff14;border-radius:clamp(2px,.35vw,4px);flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.pt-cell:before{content:"";background:var(--cat-color,#6366f1);opacity:.85;height:clamp(1.5px,.3vw,2.5px);position:absolute;top:0;left:0;right:0}.pt-cell-num{font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;font-size:clamp(.32rem,.65vw,.52rem);line-height:1;position:absolute;top:1px;left:2px}.pt-cell-symbol{font-family:var(--font-mono);color:var(--text-bright);letter-spacing:-.3px;pointer-events:none;margin-top:clamp(1px,.4vw,4px);font-size:clamp(.56rem,1.15vw,.88rem);font-weight:800;line-height:1}.pt-cell-fits{background:#10b98129;border-color:#34d399a6;box-shadow:0 0 8px #10b9814d}.pt-cell-fits:hover{z-index:10;border-color:#34d399;transform:translateY(-1.5px)scale(1.1);box-shadow:0 0 16px #10b981a6}.pt-fit-dot{background:#34d399;border-radius:50%;width:clamp(2.5px,.45vw,4.5px);height:clamp(2.5px,.45vw,4.5px);position:absolute;top:2px;right:2px;box-shadow:0 0 5px #34d399}.pt-cell-eliminated{opacity:.24;filter:grayscale(85%);background:#080c1699;border-color:#ffffff0a}.pt-cell-eliminated:hover{opacity:.8;filter:grayscale(10%);z-index:10;transform:translateY(-1px)}.pt-cell-hidden{display:none!important}.pt-cell-guessed{border-color:var(--accent-cyan);box-shadow:0 0 6px #00f5d44d}.pt-guessed-check{color:var(--accent-cyan);font-size:clamp(.38rem,.65vw,.54rem);font-weight:800;line-height:1;position:absolute;top:1px;right:2px}.pt-cell-selected{outline:2px solid var(--accent-cyan);outline-offset:1px;z-index:15;transform:scale(1.1);box-shadow:0 0 14px #00f5d499}.pt-placeholder-cell{border:1px dashed var(--border-medium);cursor:default;background:#ffffff05}.pt-placeholder-label{font-family:var(--font-mono);color:var(--text-muted);font-size:clamp(.38rem,.65vw,.62rem);font-weight:700;line-height:1}.pt-placeholder-sub{color:var(--text-muted);margin-top:1px;font-size:clamp(.28rem,.45vw,.42rem);line-height:1}.pt-grid-spacer{height:clamp(2px,.4vw,5px)}.pt-fblock-label-cell{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-end;align-items:center;padding-right:clamp(2px,.5vw,8px);font-size:clamp(.4rem,.7vw,.64rem);font-weight:800;display:flex;overflow:hidden}.pt-legend{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:8px}.pt-legend-items{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pt-legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.68rem;display:flex}.pt-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pt-legend-dot-candidate{background:#34d399;box-shadow:0 0 5px #34d399}.pt-legend-dot-eliminated{opacity:.35;background:#64748b}@media (max-width:640px){.periodic-table-card{padding:10px 8px}.pt-cell-num{display:none}.pt-cell-symbol{margin-top:0;font-size:clamp(.55rem,2.1vw,.76rem)}.pt-placeholder-sub{display:none}.pt-placeholder-label{font-size:.44rem}.pt-fblock-label-cell{padding-right:2px;font-size:.44rem}}