:root{--ink:#293247;--navy:#26384f;--cream:#fffaf2;--coral:#df776f;--turq:#49aeb0;--gold:#d6a542;--lilac:#8174b1}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,rgba(204,239,238,.7),transparent 27%),radial-gradient(circle at 92% 5%,rgba(255,222,211,.72),transparent 27%),#fffaf7;color:var(--ink);font-family:"Source Sans 3",sans-serif;margin:0}main{margin:0 auto;max-width:1230px;padding:clamp(30px,5vw,66px) clamp(12px,3vw,32px) 40px}.hero{text-align:center}.eyebrow{color:#6677a3;display:inline-block;font:900 .76rem "Nunito",sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero h1{font:900 clamp(2.45rem,6vw,5.1rem)/.98 "Nunito",sans-serif;letter-spacing:-.055em;margin:10px 0 14px}.hero h1 em{color:#54aeb4;font-style:normal}.hero>p{color:#626a76;font:600 clamp(1rem,2vw,1.17rem)/1.55 "Nunito",sans-serif;margin:0 auto;max-width:790px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:19px 0 30px}.hero-pills span{background:rgba(255,255,255,.86);border:1px solid #e2dcda;border-radius:999px;box-shadow:0 5px 14px rgba(42,48,62,.04);font:800 .82rem "Nunito",sans-serif;padding:8px 12px}.game-shell{background:#fff;border:1px solid #d8d4dc;border-radius:27px;box-shadow:0 24px 65px rgba(38,56,79,.15);overflow:hidden;position:relative}.toolbar{align-items:center;background:rgba(255,255,255,.97);display:flex;gap:16px;justify-content:space-between;padding:13px 16px}.stats{display:flex;gap:8px}.stats span{background:#f3f3f3;border-radius:11px;color:#777d84;font:900 .64rem "Nunito",sans-serif;letter-spacing:.08em;min-width:88px;padding:7px 11px;text-align:center}.stats strong{color:var(--ink);display:block;font-size:1rem;letter-spacing:0;margin-top:1px}.tools{display:flex;gap:7px}.tools button{background:#fff;border:1px solid #d9d7d6;border-radius:10px;color:var(--ink);cursor:pointer;font:900 .78rem "Nunito",sans-serif;padding:9px 11px}.tools button:hover,.tools button:focus-visible{background:#fff2d5;border-color:#dbb65a;outline:none}.progress-track{background:#e9e8e9;height:5px}.progress-track i{background:linear-gradient(90deg,var(--turq),var(--lilac),var(--coral));display:block;height:100%;transition:width .35s;width:0}.crystal-room{min-height:740px;overflow:hidden;position:relative}.cave-art{background-image:linear-gradient(rgba(24,28,42,.08),rgba(24,28,42,.14)),url("assets/games/prime-crystals/crystal-cave-workbench.png");background-position:center;background-size:cover;inset:0;position:absolute}.crystal-workspace{display:grid;gap:26px;grid-template-columns:minmax(0,1.22fr) minmax(355px,.78fr);min-height:740px;padding:230px 42px 38px;position:relative}.crystal-field{min-height:430px;position:relative}.field-label{align-items:center;display:flex;left:0;position:absolute;right:0;top:0}.field-label span{background:rgba(38,56,79,.92);border-radius:8px;color:#fff;font:900 .67rem "Nunito",sans-serif;letter-spacing:.12em;padding:8px 12px}.field-label b{background:#fff2ce;border:2px solid #d6a542;border-radius:50%;box-shadow:0 7px 18px rgba(55,35,21,.22);font:900 1rem "Nunito",sans-serif;margin-left:auto;padding:9px 12px}.fragments{align-content:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;min-height:280px;padding:45px 10px 12px}.fragment{align-items:center;background:linear-gradient(145deg,#81d7d8,#287f93 76%);border:3px solid rgba(224,255,255,.84);box-shadow:0 12px 21px rgba(22,47,63,.3),inset 0 0 17px rgba(255,255,255,.35);clip-path:polygon(50% 0,86% 15%,100% 55%,72% 100%,25% 92%,0 52%,16% 17%);color:#fff;cursor:pointer;display:flex;font:900 1.5rem "Nunito",sans-serif;height:82px;justify-content:center;text-shadow:0 2px 3px rgba(22,42,55,.4);transition:.18s;width:78px}.fragment:hover,.fragment:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-4px)}.fragment.active{filter:drop-shadow(0 0 12px rgba(255,216,105,.9));transform:scale(1.12)}.fragment.prime{background:linear-gradient(145deg,#c7adff,#6859ad 78%);cursor:default}.fragment.prime::after{content:"✦";font-size:.62rem;margin-left:3px}.fragment.prime:hover{filter:none;transform:none}.split-trail{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.split-trail span{background:rgba(255,249,232,.88);border:1px solid rgba(105,73,42,.28);border-radius:999px;color:#4d4239;font:800 .77rem "Nunito",sans-serif;padding:7px 10px}.split-board{align-self:end;background:linear-gradient(100deg,rgba(247,233,200,.97),rgba(255,247,226,.98),rgba(240,221,181,.96));border:1px solid rgba(117,79,42,.36);border-radius:8px 15px 10px 13px;box-shadow:0 20px 42px rgba(41,27,18,.3),inset 0 0 26px rgba(128,82,36,.09);clip-path:polygon(.7% 0,98.7% .4%,100% 2.2%,99.5% 97.8%,98.2% 100%,1.2% 99.5%,0 97.2%,.45% 2.5%);min-height:500px;padding:25px;position:relative}.split-board::before{background:rgba(225,187,116,.67);box-shadow:0 2px 5px rgba(77,48,27,.12);content:"";height:22px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-1deg);width:92px}.board-kicker{color:#9b6552;font:900 .7rem "Nunito",sans-serif;letter-spacing:.12em}.split-board h2{font:900 1.55rem/1.12 "Nunito",sans-serif;margin:6px 0 7px}.split-board>p{color:#554b44;font:700 .9rem/1.45 "Nunito",sans-serif;margin:0}.active-crystal{align-items:center;background:linear-gradient(145deg,#f09b82,#ba4e68 75%);border:3px solid rgba(255,235,222,.9);box-shadow:0 9px 18px rgba(91,40,52,.28),inset 0 0 16px rgba(255,255,255,.35);clip-path:polygon(50% 0,88% 18%,100% 57%,72% 100%,24% 92%,0 54%,15% 17%);color:#fff;display:flex;font:900 1.55rem "Nunito",sans-serif;height:76px;justify-content:center;margin:13px auto 8px;text-shadow:0 2px 3px rgba(73,29,39,.38);width:72px}.factor-equation{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;margin:8px 0}.factor-equation>b{font:900 1.25rem "Nunito",sans-serif}.factor-slot{background:rgba(255,255,255,.42);border:2px dashed rgba(74,63,53,.42);border-radius:13px;color:var(--ink);cursor:pointer;min-height:62px;padding:6px}.factor-slot span{display:block;font:900 1.2rem "Nunito",sans-serif}.factor-slot small{color:#776f68;font:800 .67rem "Nunito",sans-serif}.factor-slot.filled{background:#e8f7f1;border-style:solid;border-color:#61ae92}.factor-slot.drag-over{background:#fff1c8;border-color:#d6a542;transform:scale(1.02)}.factor-tray{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:10px 0}.factor-stone{background:linear-gradient(145deg,#fff7df,#d8b569);border:1px solid rgba(109,75,40,.35);border-radius:45% 55% 48% 52%;box-shadow:0 4px 7px rgba(61,40,23,.17),inset 0 2px rgba(255,255,255,.55);color:#3c342f;cursor:grab;font:900 .84rem "Nunito",sans-serif;min-width:40px;padding:8px 10px}.factor-stone:active{cursor:grabbing}.crack-btn,.next-btn,.start-btn{border:0;border-radius:12px;color:#fff;cursor:pointer;font:900 .88rem "Nunito",sans-serif;padding:11px 16px}.crack-btn{background:linear-gradient(135deg,#355e68,#4ca4a7);width:100%}.crack-btn:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.46}.feedback{align-items:flex-start;background:rgba(255,255,255,.4);border:1px solid rgba(99,76,54,.2);border-radius:12px;display:flex;gap:8px;margin-top:10px;padding:9px}.feedback span{font-size:1rem}.feedback p{color:#514942;font:700 .79rem/1.38 "Nunito",sans-serif;margin:0}.feedback.good{background:#e7f5eb;border-color:#72ae8c}.feedback.bad{background:#fff0e9;border-color:#d88d80}.final-factorization{background:rgba(233,247,242,.86);border:1px solid #75b397;border-radius:12px;color:#315a49;font:900 1rem/1.4 "Nunito",sans-serif;margin-top:10px;padding:10px;text-align:center}.next-btn{background:linear-gradient(135deg,#d76e68,#ed8c82);display:none;margin-top:10px;width:100%}.next-btn.show{display:block}.layer{align-items:center;background:rgba(20,29,41,.67);display:flex;inset:0;justify-content:center;opacity:0;padding:18px;pointer-events:none;position:absolute;transition:.2s;z-index:8}.layer.show{opacity:1;pointer-events:auto}.modal{background:rgba(255,253,247,.99);border:1px solid rgba(255,255,255,.9);border-radius:23px;box-shadow:0 28px 75px rgba(21,32,43,.31);max-width:590px;padding:clamp(25px,5vw,40px);text-align:center;width:100%}.modal-icon{font-size:2.8rem}.modal-kicker{color:#5c8992;display:block;font:900 .71rem "Nunito",sans-serif;letter-spacing:.13em;margin:7px 0;text-transform:uppercase}.modal h2{font:900 clamp(1.55rem,4vw,2.25rem)/1.1 "Nunito",sans-serif;margin:0 0 10px}.modal p{color:#626b75;font:600 1rem/1.55 "Nunito",sans-serif;margin:0 auto 17px;max-width:510px}.modal-steps{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:17px 0}.modal-steps span{background:#f1f5f4;border:1px solid #dce5e3;border-radius:12px;font:800 .78rem/1.3 "Nunito",sans-serif;padding:10px}.modal-steps b{color:var(--coral);display:block;font-size:1.25rem}.start-btn{background:linear-gradient(135deg,#284458,#3c6875)}.final-score{align-items:baseline;color:var(--coral);display:flex;gap:7px;justify-content:center}.final-score strong{font:900 3.5rem "Nunito",sans-serif}.final-score span{font:800 .95rem "Nunito",sans-serif}footer{align-items:center;color:#777f86;display:flex;flex-wrap:wrap;font-size:.9rem;gap:14px;justify-content:center;padding:28px 16px 36px}footer a{color:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:850px){.crystal-room{min-height:1180px}.crystal-workspace{grid-template-columns:1fr;padding:350px 22px 34px}.crystal-field{min-height:330px}.split-board{min-height:auto}}@media(max-width:620px){main{padding-left:9px;padding-right:9px}.game-shell{border-radius:18px}.toolbar{align-items:stretch;flex-direction:column}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats span{min-width:0}.tools{display:flex}.tools button{flex:1}.crystal-workspace{padding:300px 12px 22px}.fragments{gap:11px}.fragment{height:66px;width:63px}.split-board{padding:21px 15px}.modal-steps{grid-template-columns:1fr}.modal-steps span{align-items:center;display:flex;gap:8px;text-align:left}.modal-steps b{display:inline}.hero-pills span:nth-child(4){display:none}}