:root{color-scheme:dark;--bg:#10131c;--panel:#151924;--line:#2a2e3d;--muted:#9298ac;--text:#eff0f7;--lavender:#c2b1ff;--orange:#ffac7e;--alkali:#e9a4c8;--alkaline:#deb287;--transition:#a9baf0;--post:#96cbca;--metalloid:#b4c998;--nonmetal:#c0afea;--halogen:#e2c27f;--noble:#9dcadf;--lanthanide:#c5a1c7;--actinide:#c5969e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{color:inherit}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a{color:inherit}button:hover:not(:disabled){filter:brightness(1.12)}.app-shell{max-width:1512px;margin:auto;padding:0 48px}.site-header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;gap:12px}.brand>svg{width:27px;height:31px;fill:none;stroke:var(--lavender);stroke-width:2;stroke-linejoin:round}.brand>span:first-of-type{font-family:'Space Grotesk',Arial,sans-serif;font-size:38px;font-weight:700;letter-spacing:-2px}.brand-dot{color:var(--orange)}.brand .brand-tag{font-size:9px;letter-spacing:2px;color:#8f96ac;border-left:1px solid #323648;padding-left:24px;margin-left:15px}.site-header nav{display:flex;gap:14px;align-items:center}.icon-button{border:1px solid #34394b;border-radius:50%;width:36px;height:36px;background:transparent;display:grid;place-items:center;color:#bbc0d3}.icon-button[aria-pressed="true"]{color:var(--orange);border-color:var(--orange)}#sound-icon{font-size:23px}.help-button{display:flex;gap:9px;align-items:center;background:none;border:0;font-size:12px;margin-left:9px}.help-button span{width:20px;height:20px;border:1px solid #697088;border-radius:50%;display:grid;place-items:center;font-size:12px}.eyebrow-row{display:flex;align-items:center;gap:10px;margin:27px 0 5px;color:#c0c5d6;font-size:10px;letter-spacing:1.7px;font-weight:500}.live-dot,.tiny-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 8px #ffac7e44}.eyebrow-separator{color:#575f74;margin:0 5px}#date-label{color:var(--muted);font-size:9px}.daily-badge{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#858da5}.experiment{min-height:320px;display:grid;grid-template-columns:1fr 1fr .82fr;gap:38px;padding:25px 0 25px;align-items:center}.small-label{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}h1,h2,h3,p{margin:0}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(27px,2.7vw,40px);font-weight:500;letter-spacing:-1.7px;line-height:1.15;margin:12px 0}.material-intro{font-size:12px;line-height:1.8;color:#a0a6ba}.specimen-line{margin-top:21px;display:flex;align-items:center;gap:14px;max-width:330px}#specimen-art{width:54px;height:54px;min-width:54px;border:1px solid #2e3545;background:#1a202b;border-radius:12px;display:grid;place-items:center}#specimen-art svg{width:46px;height:46px}.specimen-tag{font-size:8px;font-weight:600;letter-spacing:1.4px;color:#bdc6db}#material-subtitle{font-size:10px;line-height:1.6;color:#939db3;margin-top:5px}.scope-note{font-size:9px;color:#727c95;margin-top:21px}.scope-note span{margin-right:6px;color:#a49db7}.beaker-stage{position:relative;min-height:264px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.beaker-halo{position:absolute;width:260px;height:240px;top:6px;z-index:-1;background:radial-gradient(ellipse,#9c8bd611,transparent 70%)}.beaker{position:relative;width:154px;height:185px;filter:drop-shadow(0 20px 16px #0004);transform:rotate(-3deg)}.beaker-wall{position:absolute;inset:10px 5px 4px;border:2px solid #7c86a2;border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(105deg,#b7c7f211 0%,#8ba8db05 35%,#8f9fc40a 80%);overflow:hidden;box-shadow:inset 6px 0 9px #a7bdd30a,inset -6px 0 9px #c1d2fa08}.beaker-rim{position:absolute;left:0;top:0;right:0;height:17px;border:2px solid #8995b2;border-radius:50%;background:#1e2432;z-index:3;box-shadow:0 3px 0 #5c657b}.beaker-rim:after{content:'';position:absolute;right:-3px;top:0;width:21px;height:8px;background:#1d2331;border-top:2px solid #8995b2;transform:rotate(-17deg);border-radius:0 7px 0 0}.glass-shine{position:absolute;left:9px;top:15px;bottom:16px;width:5px;border-radius:6px;background:linear-gradient(#ddeaff25,#ddeaff04);z-index:2}.beaker-base{position:absolute;bottom:-2px;left:17px;right:17px;height:9px;border:1px solid #8490ad;border-top:0;border-radius:50%;opacity:.65}.measure{position:absolute;right:8px;width:16px;height:1px;background:#8390b36b;z-index:2}.m1{top:30px}.m2{top:60px;width:23px}.m3{top:90px}.m4{top:120px;width:23px}.liquid{position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(#b2a0ed27,#9a83d83b);border-top:1px solid #bdabf16b;transition:height .6s;z-index:0}.liquid:before{content:'';position:absolute;top:-4px;left:0;width:100%;height:8px;border-radius:50%;background:#b3a2e52b}.beaker-atoms{position:absolute;inset:21px 8px 8px;display:flex;justify-content:center;align-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px;z-index:2}.atom{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--atom-color) 15%,#242634);border:1px solid color-mix(in srgb,var(--atom-color) 65%,transparent);color:var(--atom-color);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:11px;display:grid;place-items:center;box-shadow:inset 0 0 9px #ffffff05;animation:atom-drop .45s cubic-bezier(.2,.7,.3,1.2) both}.atom.overflow-atom{font-size:10px;color:#eee}.empty-beaker{position:absolute;inset:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#69738b}.empty-beaker>span{font-size:24px;font-weight:400;color:#8f9ab6}.empty-beaker small{font-size:9px;letter-spacing:.2px}.beaker-caption{font-size:8px;letter-spacing:1.4px;margin-top:24px;color:#8c93aa;display:flex;align-items:center;gap:8px}.tiny-dot{background:#b9a8e9;width:4px;height:4px}.orbit{position:absolute;border:1px dashed #727b9d24;width:260px;height:105px;border-radius:50%;transform:rotate(-23deg);top:82px;z-index:-1}.orbit-two{transform:rotate(53deg);width:226px;height:100px;top:80px}.star{position:absolute;color:#9e91bb;z-index:1}.star-one{top:23px;left:27%;font-size:13px}.star-two{bottom:72px;right:17%;font-size:16px;color:#e1b894}.mix-panel{height:245px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:32px}.mix-title{display:flex;justify-content:space-between;align-items:center}.mix-title>span:last-child{font-size:20px;line-height:1;font-family:'Space Grotesk',Arial,sans-serif;color:var(--lavender)}.picked-elements{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;overflow:auto;flex:1;max-height:108px;padding:14px 0 8px}.empty-mix{font-size:13px;color:#697288;line-height:1.7;margin-top:11px}.pick-chip{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid #4d4567;background:#242234;border-radius:6px;color:#d8caff;font-size:11px}.pick-chip span{font-size:13px;opacity:.6}.mix-bottom{margin-top:auto}.text-button{border:0;background:none;padding:0;color:#a2a7bb;font-size:10px;display:flex;align-items:center;gap:5px;margin-bottom:12px}.text-button:disabled{opacity:.35}.fuse-button{width:100%;border:1px solid #ffc4a1;border-radius:8px;background:var(--orange);color:#322218;font-weight:700;font-size:13px;padding:14px;display:flex;align-items:center;gap:9px;transition:.2s;box-shadow:0 4px 14px #ffac7e0a}.fuse-button:disabled{opacity:.45;filter:saturate(.7)}.button-arrow{margin-left:auto;font-size:19px;font-weight:400}#mix-hint{font-size:9px;line-height:1.5;color:#858ca3;text-align:center;margin-top:9px}.table-section{border-top:1px solid var(--line);padding-top:23px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:19px;letter-spacing:-.4px}.table-toolbar h2 span{font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-size:10px;letter-spacing:0;color:#848ca3;margin-left:15px}.search-box{border:1px solid #34394b;border-radius:7px;display:flex;align-items:center;padding:8px 9px;gap:8px;width:205px;background:#141823}.search-box svg{width:15px;height:15px;stroke:#929ab2;stroke-width:1.5;fill:none}.search-box input{width:100%;min-width:0;outline:0;border:0;background:none;color:#dce0ef;font-size:10px}.search-box input::placeholder{color:#858ca4}.search-box kbd{border:1px solid #3b4051;border-radius:3px;color:#858ca4;font-size:10px;padding:0 4px}.periodic-table{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,61px) 11px repeat(2,57px);gap:5px;position:relative;padding:0 1px}.element{position:relative;border:1px solid color-mix(in srgb,var(--element-color) 39%,transparent);background:color-mix(in srgb,var(--element-color) 7%,#10131c);border-radius:5px;color:var(--element-color);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .16s,background .2s,opacity .2s,box-shadow .2s;padding:4px 2px}.element:hover:not(:disabled){background:color-mix(in srgb,var(--element-color) 18%,#10131c);z-index:2;transform:translateY(-3px);box-shadow:0 6px 12px #0004}.element .atomic-number{font-size:8px;line-height:1;align-self:flex-start;margin-left:4px;opacity:.7}.element .symbol{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500;line-height:1.12;margin-top:2px}.element .element-name{font-size:6.5px;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.element.selected{background:var(--element-color);color:#1a1826;box-shadow:0 0 0 1px var(--element-color)}.element.selected:after{content:'✓';position:absolute;right:4px;top:3px;font-size:9px;font-weight:700}.element.dimmed{opacity:.14}.element.answer-hit{border-color:#8ed1b2;background:#17302b;color:#a8e6c8}.element.answer-missed{border-color:#d8bb7d;border-style:dashed;color:#dfc388;background:#27241b}.element.answer-wrong{border-color:#d48c98;color:#e4a0ac;background:#311e29}.table-message{grid-column:4/12;grid-row:1/4;display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:none;color:#66718b;font-size:12px;line-height:1.8;letter-spacing:.2px;padding-bottom:4px}.table-message strong{font-weight:400;color:#9ca4bc}.table-message-icon{font-size:47px;font-weight:400;line-height:1;color:#7a719c}.series-placeholder{border:1px dashed #464157;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ab90b2;font-size:10px;gap:4px}.series-placeholder span{font-size:8px;opacity:.6}.series-label{grid-column:1/3;align-self:center;justify-self:end;padding-right:12px;font-size:8px;color:#a28eae;letter-spacing:1px;text-transform:uppercase}.table-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:11px 18px;margin:23px 0 25px;color:#a3abc0;font-size:8px}.legend-item{display:flex;gap:5px;align-items:center}.legend-item i{width:5px;height:5px;border-radius:50%;background:var(--legend-color)}footer{padding:20px 0 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#68728a;font-size:8px;letter-spacing:1.3px}footer>span:nth-child(2){letter-spacing:0;font-size:9px}footer button{background:none;border:0;color:#9ca4bb;letter-spacing:0;font-size:9px}.mobile-scroll-hint{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#e9defe;color:#241c33;padding:12px 20px;font-size:12px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;transition:.2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#191d2a;color:#edf0f7;border:1px solid #42475d;border-radius:20px;padding:37px;width:520px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#080a12bf;backdrop-filter:blur(9px)}.close-dialog{position:absolute;top:15px;right:17px;background:none;border:0;font-size:25px;line-height:1;color:#9ba4bc}.dialog-eyebrow{font-size:9px;letter-spacing:2px;color:var(--orange);margin-bottom:14px}dialog h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin-bottom:17px}dialog>p{color:#a3adc4;font-size:12px;line-height:1.8}.how-steps{list-style:none;counter-reset:steps;padding:0;margin:25px 0;display:grid;gap:20px}.how-steps li{counter-increment:steps;display:grid;grid-template-columns:29px 1fr;gap:5px 12px}.how-steps li:before{content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border:1px solid #5e527b;color:var(--lavender);border-radius:50%;font-size:11px}.how-steps b{font-size:13px;font-weight:500}.how-steps span{font-size:11px;line-height:1.7;color:#9ca6bf}.score-example{padding:15px 19px;background:#121622;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px;color:#a6aec4}.score-example b{font-size:13px;font-weight:500;color:var(--lavender)}.score-example span:nth-last-child(2),.score-example b:last-child{border-top:1px solid #343a4c;padding-top:9px;color:var(--orange)}.fine-print{font-size:10px!important;line-height:1.8;color:#8993ab!important;margin:16px 0}.primary-button,.secondary-button{border-radius:8px;padding:13px 17px;font-size:12px;font-weight:600;border:1px solid var(--lavender);background:var(--lavender);color:#201a32}.secondary-button{background:transparent;color:#c8b8ee;border-color:#514664}.close-help{width:100%;margin-top:5px}.score-readout{font-family:'Space Grotesk',Arial,sans-serif;color:var(--lavender);margin:22px 0 14px}.score-readout>span:first-child{font-size:74px;letter-spacing:-5px;line-height:1}.score-readout>span:nth-child(2){font-size:30px;padding-left:5px}.score-readout>div{font-family:'DM Sans',Arial,sans-serif;font-size:11px;color:#a7aec2;margin-top:8px}.score-track{height:8px;border-radius:20px;background:#30364a;overflow:hidden}.score-track>div{height:100%;width:0;background:var(--lavender);border-radius:20px;transition:width .45s,background .4s}.score-explanation{font-size:11px;color:#abb3ca;margin-top:10px;min-height:17px}.penalty-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.penalty-chip{background:#382431;border:1px solid #754654;color:#ee9caa;padding:5px 9px;border-radius:5px;font-size:11px;animation:chip-in .3s both}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #373d51;border-radius:9px;margin-top:24px;padding:14px 4px;text-align:center}.result-summary strong{font:23px 'Space Grotesk',Arial,sans-serif;display:block;color:#d1c0f9}.result-summary small{display:block;color:#8d98b2;font-size:9px;margin-top:3px}.result-summary>div+div{border-left:1px solid #373d51}.answer-section{margin-top:25px}.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.answer-heading h3{font-size:13px;font-weight:500}.answer-heading>span{font-size:11px;line-height:1.5;color:#a69abb;text-align:right}.answer-elements{display:flex;flex-wrap:wrap;gap:7px}.answer-element{width:60px;padding:9px 3px;text-align:center;border:1px solid #50836e;border-radius:6px;color:#a8e6c8;background:#1a302b;position:relative}.answer-element.missed{border-color:#9a8357;border-style:dashed;color:#e1c082;background:#2c291f}.answer-element b{display:block;font:24px 'Space Grotesk',Arial,sans-serif;margin-top:3px}.answer-element small{font-size:8px}.answer-element>span{position:absolute;top:2px;right:4px;font-size:9px}.answer-key{display:flex;gap:16px;color:#96a0b7;font-size:9px;margin-top:11px}.answer-key>span{display:flex;align-items:center;gap:5px}.answer-key i{width:5px;height:5px;border-radius:50%}.hit-dot{background:#a8e6c8}.miss-dot{background:#e1c082}#wrong-section{font-size:11px;line-height:1.8;color:#cf91a0;margin-top:15px}.fact-box{margin:23px 0;background:#131724;padding:18px;border-radius:9px;border:1px solid #2d344a}.fact-box>span{font-size:8px;color:#aca0cc;letter-spacing:1.5px}.fact-box p{margin:9px 0;font-size:11px;line-height:1.8;color:#aab2c7}.fact-box a{font-size:10px;color:#c4b2f8;text-decoration:none}.result-actions{display:flex;gap:8px}.result-actions>*{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.stat-cell{border:1px solid #373d51;border-radius:10px;padding:20px;text-align:center}.stat-cell b{font:33px 'Space Grotesk',Arial,sans-serif;color:var(--lavender);display:block}.stat-cell span{font-size:10px;color:#99a3ba}.fusion-product{display:none;position:absolute;top:20px;width:200px;height:190px;align-items:center;justify-content:center}.fusion-product svg{width:165px;height:165px;filter:drop-shadow(0 0 25px #baadff66)}.fusing .beaker{animation:beaker-shake .13s infinite alternate}.fusing .atom{animation:swirl .48s infinite linear}.fusing .liquid{background:linear-gradient(#bba9fb90,#e5c0a78c);box-shadow:0 0 60px #bca4ff}.fusing .beaker-halo{background:radial-gradient(ellipse,#c5a5ff88,transparent 70%);animation:pulse .5s infinite alternate}.fusing .orbit{animation:orbit-spin 1.2s linear infinite;border-color:#aa91e682}.fused .beaker{animation:fuse-away .35s forwards}.fused .fusion-product{display:flex;animation:product-reveal .7s cubic-bezier(.2,.7,.3,1.3) both}.fused .beaker-halo{background:radial-gradient(ellipse,#d4bbff44,transparent 70%)}.flying-element{position:fixed;z-index:15;pointer-events:none;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font:600 15px 'Space Grotesk',Arial,sans-serif;box-shadow:0 0 17px currentColor}.fused .star{animation:pulse .8s infinite alternate}@keyframes atom-drop{from{transform:translateY(-90px) rotate(-25deg);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes beaker-shake{from{transform:rotate(-5deg) translateX(-2px)}to{transform:rotate(2deg) translateX(2px)}}@keyframes swirl{from{transform:rotate(0) translate(7px) rotate(0)}to{transform:rotate(360deg) translate(7px) rotate(-360deg)}}@keyframes orbit-spin{to{transform:rotate(337deg)}}@keyframes pulse{to{opacity:.4;transform:scale(1.12)}}@keyframes fuse-away{to{opacity:0;transform:scale(.2);filter:blur(10px)}}@keyframes product-reveal{from{opacity:0;transform:scale(.2) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes chip-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.experiment{min-height:345px}.periodic-table{grid-template-rows:repeat(7,67px) 11px repeat(2,60px)}}
@media(max-width:1100px){.app-shell{padding:0 25px}.experiment{gap:16px;grid-template-columns:1fr .8fr .85fr}.mix-panel{padding-left:20px}.brand .brand-tag{display:none}.periodic-table{grid-template-rows:repeat(7,55px) 10px repeat(2,50px);gap:4px}.element .symbol{font-size:19px}.element .element-name{font-size:5.5px}.table-toolbar h2 span{display:none}.table-legend{gap:10px 14px}.table-message{font-size:10px}.table-message-icon{font-size:35px}}
@media(max-width:760px){.app-shell{padding:0 17px}.site-header{height:75px}.brand>span:first-of-type{font-size:32px}.site-header nav{gap:9px}.help-button{font-size:0;margin-left:0;gap:0}.help-button span{font-size:12px}.icon-button{width:32px;height:32px}.eyebrow-row{font-size:8px;margin-top:22px;gap:7px}.daily-badge{display:none}#date-label{font-size:8px}.experiment{grid-template-columns:1fr 145px;gap:0;padding-top:24px;padding-bottom:20px}.material-panel{align-self:start}h1{font-size:29px;letter-spacing:-1.2px;max-width:240px}.material-intro{font-size:10px;line-height:1.7}.specimen-line{gap:9px;margin-top:16px}#specimen-art{width:40px;height:40px;min-width:40px;border-radius:9px}#specimen-art svg{width:34px;height:34px}.specimen-tag{font-size:7px;letter-spacing:1px}#material-subtitle{font-size:9px;line-height:1.5;max-width:200px}.scope-note{font-size:8px;margin-top:14px}.beaker-stage{min-height:234px;transform:scale(.8);transform-origin:center center}.beaker-caption{font-size:7px;white-space:nowrap;letter-spacing:1px}.star-one{left:0}.star-two{right:-15px}.beaker-halo{width:200px}.orbit{width:185px}.orbit-two{width:150px}.mix-panel{grid-column:1/-1;border:1px solid #303648;border-radius:12px;padding:16px;margin-top:20px;height:auto;background:#151925}.mix-title>span:last-child{font-size:18px}.picked-elements{min-height:50px;max-height:108px;padding-top:10px}.empty-mix{font-size:11px;margin:0}.empty-mix br{display:none}.empty-mix br:after{content:' '}.mix-bottom{display:grid;grid-template-columns:1fr 1.8fr;gap:0 12px;align-items:center}.text-button{margin:0;font-size:10px}.fuse-button{padding:11px 13px;font-size:12px}#mix-hint{grid-column:1/-1;text-align:right;font-size:8px;margin-top:9px}.table-section{padding-top:19px}.table-toolbar{margin-bottom:16px}.table-toolbar h2{font-size:16px}.search-box{width:155px;padding:7px}.search-box input{font-size:9px}.search-box kbd{display:none}.table-scroll{overflow:auto;padding:3px 0 7px;scrollbar-color:#555067 #141823;scrollbar-width:thin}.periodic-table{min-width:850px;grid-template-rows:repeat(7,58px) 10px repeat(2,53px);gap:4px}.element .symbol{font-size:21px}.element .element-name{font-size:6px}.element .atomic-number{font-size:7px}.mobile-scroll-hint{display:block;text-align:center;font-size:9px;color:#8c94ae;margin:9px 0}.table-message{font-size:11px}.table-legend{font-size:7px;gap:10px 12px;margin:18px 0 22px}footer{justify-content:space-between;gap:12px;padding:18px 0;font-size:7px}footer>span:first-child{display:none}footer>span:nth-child(2){font-size:8px}dialog{padding:28px 23px;border-radius:16px}dialog h2{font-size:26px}.result-actions{flex-direction:column}.score-readout>span:first-child{font-size:67px}.answer-heading{align-items:start}.answer-heading>span{max-width:160px}.answer-element{width:56px}.close-dialog{top:12px;right:13px}}
.skip-reveal{display:block;margin:13px 0 0;padding:0;border:0;background:none;color:#b5a3e1;font-size:11px;text-decoration:underline;text-underline-offset:4px}.skip-reveal[hidden]{display:none}.beaker-stage:after{content:'';position:absolute;top:25px;left:50%;width:180px;height:180px;pointer-events:none;border-radius:50%;border:2px solid #d9b8ff;opacity:0;transform:translateX(-50%) scale(.5)}.fused:after{animation:fusion-ring .8s cubic-bezier(.1,.6,.2,1) both}@keyframes fusion-ring{0%{opacity:0;transform:translateX(-50%) scale(.35)}20%{opacity:.85}100%{opacity:0;transform:translateX(-50%) scale(1.75)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}