@import url('/play/logic-garden/styles.css');
:root{--cream:#f8f7ed;--paper:#fffdf4;--ink:#304b3d;--muted:#75816c;--line:#dce2cf;--grass:#e3edcd;--forest:#426854;--forest-dark:#2c4d3d}body{background-color:var(--cream);background-image:linear-gradient(90deg,#5f7e4810 1px,transparent 1px),linear-gradient(#5f7e4810 1px,transparent 1px);background-size:24px 24px}.pixel-header{max-width:1100px;flex-wrap:wrap}.pixel-header>a{color:var(--forest);font-size:14px}.pixel-header label{font-size:12px}.pixel-header select{max-width:140px}.pixel-main{max-width:1100px;padding-bottom:50px}.hero-scene{transform:none;border-radius:0;box-shadow:6px 6px 0 #cbd4b9}.hero-scene img{width:100%;display:block;image-rendering:pixelated}.panel,.primary,.secondary,select,.option,.conditions{border-radius:2px}.panel{border:2px solid #cbd4ba;box-shadow:5px 5px 0 #e1e4d1}.pixel-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pixel-controls input[type=range]{width:100px;accent-color:var(--forest)}.pixel-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;margin:24px 0}.pixel-sidebar{text-align:center;align-self:start}.pixel-sidebar img{width:70px;image-rendering:pixelated}.pixel-sidebar p{font-size:12px}.pixel-sidebar select{width:100%}.pixel-sidebar label{display:block;margin-top:15px;font-size:12px}.pixel-status{font-size:13px;color:var(--muted);margin:12px 0}.pixel-stage{min-height:320px}.pixel-stage h2{font-size:20px}.question{font-family:Consolas,monospace;font-size:clamp(19px,3vw,32px);direction:ltr;unicode-bidi:isolate;text-align:center;padding:20px;background:#f1f4e8;overflow-wrap:anywhere}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.answers button{border:2px solid #cad7ba;background:#fffef8;min-height:54px;padding:12px;overflow-wrap:anywhere;line-height:1.6;font-size:14px}.answers button.selected{background:#deebcc;border-color:#426854}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:460px;margin:20px auto}.memory-grid button{aspect-ratio:1;border:3px solid #b2c39c;background:#e6edda;box-shadow:3px 3px 0 #c6cfb5;font:700 25px Consolas;min-height:48px}.memory-grid button:disabled{opacity:1;background:#d3e7b9}.memory-grid svg{width:75%;height:75%;vertical-align:middle;image-rendering:pixelated}.sudoku{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:380px;margin:20px auto;border:3px solid var(--forest);direction:ltr}.sudoku input{width:100%;min-width:0;aspect-ratio:1;text-align:center;border:1px solid #bac9a9;background:#fffef7;font-size:26px;color:var(--forest);border-radius:0}.sudoku input:nth-child(4n+2){border-right:3px solid var(--forest)}.sudoku input:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid var(--forest)}.sudoku input:disabled{opacity:1;background:#e2ead5}.feedback{white-space:pre-line;min-height:80px}.feedback:empty{display:none}.pixel-stage .primary{margin-top:14px}.stage-controls{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.stage-controls input{width:85px;padding:8px;min-height:44px}.pixel-hero h1{font-size:clamp(25px,4vw,40px)}.music-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px}.music-line label{display:flex;gap:7px;align-items:center}.music-line input[type=checkbox]{width:20px;height:20px}.collection-bar{margin:20px 0}.save-note{font-size:12px;color:var(--muted)}.pixel-progress{font-size:13px}.pixel-stage button:focus-visible{outline-offset:2px}@media(max-width:680px){.pixel-header{padding:16px;gap:12px}.pixel-main{padding:0 16px 40px}.pixel-layout{grid-template-columns:1fr;gap:16px}.pixel-sidebar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;text-align:start;padding:16px}.pixel-sidebar img{width:40px}.pixel-sidebar label{margin:0}.pixel-sidebar select{width:auto;max-width:150px}.pixel-sidebar p{margin:0}.pixel-stage{padding:20px 16px}.answers{gap:8px}.answers button{padding:10px 5px;font-size:12px}.hero{min-height:0}.hero-scene{max-width:460px}.memory-grid{gap:8px}.pixel-controls{gap:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.iq-notice{background:#f6edd6;border:2px solid #decea6;padding:16px;font-size:14px;line-height:1.9}.iq-value{text-align:center;direction:ltr}.iq-review{margin-top:24px}.iq-review summary{cursor:pointer;min-height:44px}.iq-review .conditions{margin-top:12px}.iq-correct{text-align:center;font-weight:bold}

[hidden]{display:none!important}
