:root{--ink:#293247;--navy:#26384f;--cream:#fffaf2;--paper:#fffdf8;--coral:#df776f;--turq:#49aeb0;--gold:#d6a542;--lilac:#8174b1;--line:#ded5c8}*{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:var(--coral);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:82px;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}.game-stages{background:#f7f6f5;border-bottom:1px solid #e1ddda;display:grid;grid-template-columns:repeat(4,1fr);padding:0 15px}.game-stages span{color:#8a8b90;font:900 .69rem "Nunito",sans-serif;padding:11px 6px;text-align:center}.game-stages span.active{color:var(--navy);position:relative}.game-stages span.active::after{background:var(--coral);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:18%;position:absolute;width:64%}.game-stages span.done{color:var(--turq)}.workshop-room{min-height:690px;overflow:hidden;position:relative}.workshop-art{background-image:linear-gradient(rgba(28,39,53,.2),rgba(28,39,53,.28)),url("assets/games/prime-rectangles/mosaic-workshop-background.png");background-position:center;background-size:cover;height:980px;inset:0 0 auto;position:absolute}.workshop-grid{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);min-height:690px;padding:clamp(20px,4vw,42px);position:relative;z-index:1}.tile-bench,.mission-card{backdrop-filter:blur(8px);border-radius:21px;box-shadow:0 19px 45px rgba(24,34,47,.23);position:relative}.tile-bench{align-items:center;background:rgba(255,247,229,.93);border:6px solid rgba(74,53,36,.77);display:flex;flex-direction:column;justify-content:center;min-height:520px;padding:62px 22px 26px}.bench-head{align-items:center;display:flex;left:18px;position:absolute;right:18px;top:15px}.bench-head span{background:var(--navy);border-radius:6px;color:#fff;font:900 .67rem "Nunito",sans-serif;letter-spacing:.12em;padding:7px 11px}.bench-head strong{color:#645544;font:900 .78rem "Nunito",sans-serif;margin-left:auto}.number-medallion{align-items:center;background:var(--navy);border:5px double #e0b75c;border-radius:50%;box-shadow:0 7px 18px rgba(40,46,61,.18);color:#fff;display:flex;font:900 1.6rem "Nunito",sans-serif;height:64px;justify-content:center;margin-bottom:17px;width:64px}.array-stage{align-content:center;display:grid;gap:5px;justify-content:center;min-height:280px;min-width:280px;padding:12px;transition:.25s}.tile{animation:tileIn .22s ease both;background:linear-gradient(145deg,#69c3c0,#31989c);border:2px solid rgba(255,255,255,.78);border-radius:7px;box-shadow:0 4px 8px rgba(39,76,79,.18),inset 0 -4px 0 rgba(24,90,94,.18);height:38px;width:38px}.tile.remainder{background:linear-gradient(145deg,#f1948d,#d86d69);box-shadow:0 4px 8px rgba(111,55,51,.18),inset 0 -4px 0 rgba(127,51,48,.18)}@keyframes tileIn{from{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}.arrangement-status{background:rgba(255,255,255,.9);border:1px solid #dccfbe;border-radius:12px;color:#625b54;font:800 .86rem/1.4 "Nunito",sans-serif;max-width:470px;padding:10px 13px;text-align:center;width:100%}.arrangement-status.success{background:#e8f6ef;border-color:#73b89c;color:#365b4b}.arrangement-status.fail{background:#fff0eb;border-color:#df9990;color:#814c47}.mission-card{background:rgba(255,253,248,.97);border:1px solid rgba(255,255,255,.92);padding:24px}.mission-head{align-items:center;border-bottom:1px dashed #d7cec4;display:flex;justify-content:space-between;padding-bottom:10px}.mission-head span{color:var(--coral);font:900 .72rem "Nunito",sans-serif;letter-spacing:.12em}.mission-head b{color:#737b85;font:900 .72rem "Nunito",sans-serif}.mission-icon{font-size:2rem;margin:16px 0 3px}.mission-card h2{font:900 clamp(1.35rem,2.6vw,1.9rem)/1.12 "Nunito",sans-serif;margin:0 0 9px}.mission-card>p{color:#626a75;font:600 .96rem/1.5 "Nunito",sans-serif;margin:0 0 14px}.row-picker-wrap>span,.decision-box>span{color:#72727b;display:block;font:900 .69rem "Nunito",sans-serif;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.row-picker{display:flex;flex-wrap:wrap;gap:7px}.row-picker button{background:#fff;border:1px solid #d8d4ce;border-radius:10px;color:var(--ink);cursor:pointer;font:900 .84rem "Nunito",sans-serif;min-width:54px;padding:9px 10px}.row-picker button:hover,.row-picker button:focus-visible{border-color:var(--turq);outline:none;transform:translateY(-1px)}.row-picker button.tested{background:#edf6f5;border-color:#83bfbd}.row-picker button.factor{background:#e4f5ec;border-color:#64ae8d;color:#315c48}.row-picker button.no-factor{background:#fff0eb;border-color:#df9990;color:#814c47}.tested-list{background:#f6f3ef;border-radius:10px;color:#666b72;font:700 .8rem/1.4 "Nunito",sans-serif;margin-top:10px;padding:9px 11px}.decision-box{border-top:1px dashed #ddd5cc;margin-top:13px;padding-top:12px}.decision-box>div{display:grid;gap:8px;grid-template-columns:1fr 1fr}.decision-box button{background:#fff;border:1px solid #d9d5d1;border-radius:11px;color:var(--ink);cursor:pointer;font:900 .84rem "Nunito",sans-serif;padding:10px}.decision-box button:hover,.decision-box button:focus-visible{background:#f0f7f6;border-color:var(--turq);outline:none}.decision-box button:disabled{cursor:not-allowed;opacity:.48}.decision-box button.correct{background:#e7f5ed;border-color:#6db18e}.decision-box button.wrong{background:#fff0eb;border-color:#df8d84}.feedback{align-items:flex-start;background:#f7f3ed;border:1px solid #e1d9cf;border-radius:12px;display:flex;gap:8px;margin-top:12px;padding:10px}.feedback span{font-size:1rem}.feedback p{color:#656b72;font:700 .82rem/1.4 "Nunito",sans-serif;margin:0}.feedback.good{background:#eaf7f1;border-color:#8fc7aa}.feedback.bad{background:#fff0ed;border-color:#dfa19a}.next-btn,.start-btn{border:0;border-radius:12px;color:#fff;cursor:pointer;font:900 .88rem "Nunito",sans-serif;padding:11px 16px}.next-btn{background:linear-gradient(135deg,#d76e68,#ed8c82);display:none;margin-top:11px;width:100%}.next-btn.show{display:block}.layer{align-items:center;background:rgba(25,37,50,.6);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){.workshop-grid{grid-template-columns:1fr}.workshop-room,.workshop-grid{min-height:1120px}.workshop-art{height:1500px}.tile-bench{min-height:460px}}@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 button{flex:1}.game-stages{padding:0}.game-stages span{font-size:.59rem}.workshop-grid{padding:13px}.tile-bench{border-width:5px;padding:58px 9px 20px}.mission-card{padding:18px 14px}.array-stage{gap:4px;min-width:250px}.tile{height:31px;width:31px}.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}}