/* Synapse Studio: original, dependency-free game environments. */
.studio-stage{padding:18px!important}.studio{--ink:#243b39;--paper:#f8f5ed;--accent:#537f72;background:var(--paper);color:var(--ink);border:1px solid #d9ded5;border-radius:22px;overflow:hidden;min-height:510px;font-family:inherit}.studio button,.studio input{font:inherit}.studio button{touch-action:manipulation}.studio button:focus-visible,.studio input:focus-visible{outline:3px solid #e2ac57;outline-offset:4px}.studio button:disabled{cursor:default}.studio .btn-primary{background:var(--ink);color:var(--paper);border:0}.studio .btn-ghost{color:var(--ink);border:1px solid #81918c;background:transparent}.studio-intro{max-width:620px;padding:42px 28px;margin:auto;text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px}.studio-kicker{font-size:10px;font-weight:800;letter-spacing:.24em;opacity:.7}.studio-emblem{font:72px Georgia,serif;line-height:1.3;color:var(--accent)}.studio-intro h2{font:42px Georgia,serif;margin:0!important;color:inherit}.studio-intro p{font-size:16px;line-height:1.7;margin:0;max-width:480px}.studio-intro small{font-size:11px;opacity:.65;line-height:1.6}.studio-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.studio-facts span{border:1px solid #83989160;border-radius:30px;padding:7px 11px;font-size:11px}.studio-start{margin:8px 0;min-width:170px}.studio-hud{display:flex;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #83989135;gap:12px}.studio-hud>div{display:flex;flex-direction:column;gap:5px;min-width:55px}.studio-hud small{font-size:9px;letter-spacing:.2em;opacity:.65}.studio-hud strong{font-size:22px;font-variant-numeric:tabular-nums}.studio-hud>div:last-child{text-align:right}.studio-rule{padding:14px 24px;margin:0;font-size:13px;line-height:1.6;text-align:center}.studio-board{padding:16px 25px 8px}.studio-feedback{padding:12px 24px;min-height:56px;text-align:center;font-size:13px;line-height:1.6}.studio-actions{padding:0 20px 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.studio-actions .btn{font-size:13px;padding:10px 18px}.studio .game-result{padding:80px 25px}.studio .result-score{color:var(--ink)}.studio .muted{color:var(--ink);opacity:.7}.studio .time-low{color:#c95642}.studio .wrong{background:#d9948a!important;color:#48241e!important}.studio button{transition:background .18s,box-shadow .18s,transform .18s}.studio .correct{box-shadow:0 0 0 3px #568674!important}
/* Tile constellation */
.mosaic{--paper:#eff1e8;--ink:#25433b;--accent:#9ba870;background:radial-gradient(ellipse at top,#faf9ef,#e4ebdf)}.mosaic-grid{--n:3;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:7px;max-width:390px;margin:auto}.mosaic-tile{width:100%;aspect-ratio:1;border-radius:9px;background:#d5dfd3;border:1px solid #b8cbbd;box-shadow:inset 0 1px 2px #ffffff80;cursor:pointer}.mosaic-tile.lit,.mosaic-tile.selected{background:#406c5b;box-shadow:0 2px 15px #3b69562b;border-color:#315747}.mosaic-tile.reveal{outline:3px solid #2d6653;outline-offset:-3px}.mosaic-marker{font-size:10px;letter-spacing:.25em;text-align:center;margin-bottom:12px;opacity:.7}
/* Signal instrument */
.circuit{--paper:#152c36;--ink:#e4eeea;--accent:#9bc8b9;background:radial-gradient(ellipse at center,#28434b,#102730);border-color:#44616a}.circuit .btn-ghost{border-color:#6a858e}.circuit-ring{width:min(100%,380px);aspect-ratio:1;position:relative;margin:auto;border:1px solid #6a8b8750;border-radius:50%;background:repeating-radial-gradient(circle,#b4d0c400 0 44px,#b4d0c418 45px 46px)}.circuit-node{position:absolute;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid hsl(var(--hue) 30% 55%);background:hsl(var(--hue) 18% 25%);border-radius:50%;color:#f5faf6;font-weight:700;cursor:pointer}.circuit-node.lit{background:hsl(var(--hue) 48% 72%);box-shadow:0 0 35px hsl(var(--hue) 55% 63% / .6);color:#15352f;transform:translate(-50%,-50%) scale(1.1)}.circuit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:34px Georgia,serif;color:#b7d2c7}
/* Spatial atelier */
.shapes{--paper:#f2ebdf;--ink:#624b39;--accent:#bb895e;background:linear-gradient(135deg,#fcf7ed,#eae1d2)}.shape-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:25px}.shape-target{text-align:center}.shape-target>small{font-size:10px;letter-spacing:.25em}.shape-figure{padding:30px 15px;max-width:235px;margin:auto;aspect-ratio:1}.shape-figure svg{width:100%;height:100%}.shape-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.shape-choice{position:relative;aspect-ratio:1;border:1px solid #c6b6a2;border-radius:14px;background:#fffaf075;padding:22px;color:#85684d;cursor:pointer;min-width:0}.shape-choice:hover:not(:disabled){background:#fffaf0;transform:translateY(-2px)}.shape-choice svg{width:100%;height:100%;max-height:140px;display:block}.shape-choice>span{position:absolute;left:10px;top:8px;font-size:12px;opacity:.55}
/* Arithmetic field notes */
.numbers{--ink:#3e566e;--paper:#f3f1e9;--accent:#7291a8;background:linear-gradient(140deg,#f5f7f2,#e7edea)}.number-target{display:flex;align-items:center;justify-content:center;gap:14px}.number-target small{font-size:10px;letter-spacing:.23em}.number-target strong{font:50px Georgia,serif;color:#34526b}.number-equation{min-height:45px;text-align:center;font-size:18px;padding:12px 0;font-variant-numeric:tabular-nums}.number-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:9px;max-width:365px;margin:10px auto}.number-tile{aspect-ratio:1;background:#f8faf3;border:1px solid #becbd0;border-radius:12px;color:#3e566e;font:24px Georgia,serif!important;cursor:pointer}.number-tile.operation{background:#dde5e4;color:#7a909a}.number-tile.chosen{background:#546f82;color:white}.number-tile.current{box-shadow:0 0 0 3px #d4a75d}.number-tile.reachable{border:2px solid #668377}.number-tile.hinted{box-shadow:0 0 0 4px #b48a37;background:#f0d9a6}
/* Word Tides: original seascape, no external artwork. */
.tides{--paper:#eaf3ed;--ink:#173d4c;--accent:#679b9e;background:#eaf3ed}.tides .studio-intro{background:radial-gradient(ellipse at 50% 0,#fff9df,transparent 65%),linear-gradient(#d9e9e1,#b5d3d0);max-width:none;padding-bottom:48px}.tides .studio-emblem{font-size:90px;text-shadow:0 12px 30px #83b7b0}.tides .studio-board{padding:0}.tides .studio-rule{font-size:12px;max-width:700px;margin:auto}.tide-scene{height:320px;position:relative;isolation:isolate;background:linear-gradient(#c0dfdb,#e2ede0 35%,#7badaa 36%,#1e646e 65%,#123b50);overflow:hidden}.tide-sun{width:68px;height:68px;border-radius:50%;background:#ffefd0;box-shadow:0 0 45px 15px #fff0c549;position:absolute;left:12%;top:19px}.tide-water{position:absolute;inset:36% -50% 0;background:repeating-linear-gradient(168deg,transparent 0 35px,#b9e2d20b 36px 40px);border-top:2px solid #fff7e285;animation:tidal-drift 18s ease-in-out infinite alternate;z-index:-1}.tide-horizon{position:absolute;right:20px;top:25px;letter-spacing:.3em;font-size:8px;color:#235664;opacity:.7}.tide-lanes{height:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;padding:20px 15px 15px;gap:5px}.tide-lane{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:7px}.tide-bubble{--rise:0;position:absolute;bottom:45px;width:clamp(27px,5vw,44px);height:clamp(27px,5vw,44px);display:grid;place-items:center;border:1px solid #d1ede880;border-radius:50%;background:radial-gradient(circle at 30% 23%,#f4fcf08c,#cae8dd26 30%,#d0edec05 62%,#b8e2da40);color:#e1f3e9;font:19px Georgia,serif;box-shadow:inset -3px -4px 6px #fff2;transform:translateY(calc(var(--rise)*-60px));transition:transform 1s cubic-bezier(.2,.8,.3,1),color 1s,background 1s}.tide-lane.complete .tide-bubble{background:#fff4d1cc;color:#416b68;border-color:#fffae8;box-shadow:0 0 22px #fff3bc66}.tide-dots{font-size:9px;letter-spacing:1px;color:#dfc285}.tide-lane small{font-size:8px;color:#d0e5de;white-space:nowrap}.tide-form{display:flex;gap:10px;align-items:center;padding:20px 24px 6px;max-width:680px;margin:auto}.tide-stem{font:25px Georgia,serif;border-bottom:2px solid #d4b784;padding:8px;min-width:70px;letter-spacing:.12em;text-align:center}.tide-form input{width:100%;min-width:0;border:1px solid #9fbbb8;background:#fffdf3;border-radius:9px;padding:12px 14px;font-size:18px;color:#234655;box-sizing:border-box}.tide-form .btn{white-space:nowrap;padding:12px 17px}.tide-stem-hint{display:block;text-align:center;font-size:10px;line-height:1.6;opacity:.7;padding:8px 18px}.tide-words{min-height:35px;max-height:82px;overflow:auto;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:8px 20px}.tide-words span{font-size:11px;background:#d9e8df;border:1px solid #bdcfc8;border-radius:20px;padding:4px 9px}.tide-review{font-size:12px;text-align:center;padding:12px 20px;border-top:1px solid #83989135}.tide-pop{animation:tide-glimmer .7s ease}.tide-form.invalid input{border-color:#be6654;animation:studio-shake .25s ease}.studio-game-cover{display:grid;place-items:center;width:100px;height:100px;border-radius:22px;background:linear-gradient(145deg,var(--cover-a),var(--cover-b));font:54px Georgia,serif;color:#f7f5e9;box-shadow:inset 0 0 0 1px #ffffff40,0 8px 20px #243b3914}.studio-game-cover small{font-size:10px;letter-spacing:.15em}.studio-game-cover span{line-height:1}
@keyframes tidal-drift{to{transform:translateX(8%)}}@keyframes tide-glimmer{50%{filter:brightness(1.4)}}@keyframes studio-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:600px){.studio-stage{padding:5px!important}.studio{border-radius:15px;min-height:480px}.studio-hud{padding:16px 18px}.studio-intro{padding:35px 20px}.studio-intro h2{font-size:34px}.studio-board{padding:12px 16px 8px}.studio-rule{padding:12px 17px}.studio-hud strong{font-size:20px}.studio-feedback{padding:12px 16px;font-size:12px}.studio-actions{gap:7px;padding:0 10px 20px}.studio-actions .btn{padding:10px 12px}.mosaic-grid{gap:5px}.circuit-node{width:48px;height:48px}.shape-layout{grid-template-columns:1fr;gap:8px}.shape-figure{max-width:145px;padding:12px}.shape-options{gap:10px;max-width:340px;width:100%;margin:auto}.shape-choice{padding:19px;max-height:145px}.tide-scene{height:285px}.tide-lanes{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;display:flex;gap:9px;align-items:stretch;scroll-snap-type:x proximity}.tide-lane{flex:0 0 47px;scroll-snap-align:start}.tide-form{padding:16px 12px 6px;gap:6px}.tide-stem{font-size:19px;min-width:45px;padding:6px}.tide-form input{font-size:16px;padding:11px 8px}.tide-form .btn{padding:12px 10px;font-size:12px}.tide-bubble{width:36px;height:36px;transform:translateY(calc(var(--rise)*-50px))}.tide-horizon{font-size:7px;right:12px}.tide-stem-hint{font-size:9px}.number-grid{gap:7px}.number-tile{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.studio *{animation:none!important;transition:none!important}}