/* INYTX's new playground uses the existing palette, type and editorial rhythm. */
.new-grid .card-fusion{grid-column:span 7;order:1;min-height:355px}
.new-grid .card-pairs{grid-column:span 5;order:2;min-height:355px}
.new-grid .card-calculation{grid-column:span 5;order:3;min-height:330px}
.new-grid .card-code{grid-column:span 7;order:4;min-height:330px}
.new-game-tag{display:inline-block;border:1px solid currentColor;border-radius:3px;padding:3px 7px;font-size:10px;letter-spacing:.08em;line-height:1.3;margin-bottom:10px;opacity:.7}
.card-code .card-bottom{border-color:#ffffff30}.new-grid .card-art{height:150px}.new-grid .card-copy{padding-top:8px}.new-grid .card-top>span:first-child{max-width:none}
.fusion-art{display:flex;align-items:center;gap:9px;transform:rotate(-8deg);font-family:Manrope,sans-serif}
.fusion-art span,.fusion-art b{width:76px;height:84px;border-radius:7px;display:grid;place-items:center;font-size:41px;line-height:1;font-weight:550;background:#ffffff70;color:#233415;box-shadow:0 5px 0 #2334150c}
.fusion-art span:nth-child(2){transform:translateY(-16px);background:#afcf60}.fusion-art b{transform:translateY(10px);background:#233415;color:var(--lime)}.fusion-art span:last-child{background:#ffffff40;transform:translateY(-10px)}
.pairs-art{display:flex;align-items:center;gap:10px;transform:rotate(-9deg)}.pairs-art span,.pairs-art i{width:88px;height:108px;border-radius:7px;display:grid;place-items:center;background:#3f2b53;color:#d8c9f3;font-style:normal;font-size:53px;line-height:1}.pairs-art i{background:#ffffff4a;color:#3f2b5370;transform:translateY(-12px) rotate(8deg);border:1px solid #3f2b5320}.pairs-art span:last-child{transform:rotate(14deg) translateY(6px)}
.calculation-art{text-align:center;transform:rotate(-8deg)}.calculation-art>span{display:flex;align-items:center;gap:21px;font-family:Manrope,sans-serif;font-size:85px;font-weight:500;letter-spacing:-.08em;line-height:1}.calculation-art>span>span{font-weight:400;font-size:52px;opacity:.55}.calculation-art>b{font:italic 27px Georgia,serif;display:block;text-align:right;margin-top:9px}
.code-art{display:flex;gap:8px;position:relative;transform:rotate(-7deg);padding-bottom:25px}.code-art>span{width:65px;height:78px;display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff45;border-radius:5px;font-family:Manrope;font-size:40px}.code-art>span:first-child{background:#def78b;border-color:#def78b;color:#233415}.code-art>span:nth-child(3){background:#fff;color:#284bea}.code-art i{position:absolute;right:1px;bottom:-3px;font-size:17px;font-style:normal;letter-spacing:5px;color:var(--lime)}
.feature .fusion-art{transform:rotate(-10deg) scale(1.12)}.feature .pairs-art{transform:rotate(-9deg) scale(1.15)}.feature .code-art{transform:rotate(-7deg) scale(1.1)}
.puzzle-surface{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 32px;max-width:650px;margin:auto}
.puzzle-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--muted);line-height:1.5}.puzzle-meta b{font-size:16px;font-weight:650;color:var(--ink)}.puzzle-surface>.progress-track{margin-top:16px}
.puzzle-status{font-size:14px;color:var(--muted);line-height:1.5;text-align:center;min-height:42px;margin:19px 0 13px}.puzzle-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;font-size:12px;color:var(--muted)}.puzzle-bottom .text-button{font-size:13px}.puzzle-surface .rules{font-size:14px;line-height:1.55;margin-top:21px}
.fusion-surface{max-width:568px}.fusion-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px;border-radius:9px;background:var(--line);margin:23px auto 0;touch-action:none;user-select:none;-webkit-user-select:none;max-width:420px;outline-offset:5px}.fusion-board:focus-visible{outline:2px solid var(--accent)}
.fusion-tile{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;background:var(--surface);font:650 clamp(24px,3vw,38px)/1 Manrope,sans-serif;letter-spacing:-.06em;color:#233415}.tile-0{opacity:.5}.tile-2{background:#eef1df}.tile-4{background:#def78b}.tile-8{background:#c1dd76}.tile-16{background:#a0bd58}.tile-32{background:#658d40;color:#fff}.tile-64{background:#355b2c;color:#fff}.tile-128{background:#c0caff;color:#18349b}.tile-256{background:#6c83e6;color:#fff}.tile-512{background:#284bea;color:#fff}.tile-1024{background:#20319e;color:#fff;font-size:30px}.tile-2048{background:#20211f;color:#def78b;font-size:30px}.tile-new{animation:tile-appear .17s ease-out}
.fusion-controls{display:flex;gap:9px;justify-content:center}.fusion-controls button{height:43px;width:57px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:25px;transition:transform .18s,background .18s}.fusion-controls button:hover{background:var(--accent-bg);color:#233415;transform:translateY(-2px)}.fusion-controls button:active{transform:translateY(1px)}.fusion-surface .puzzle-status{font-size:13px;margin-top:17px}.result-board{width:100%;margin:0 auto;max-width:310px}.result-board .fusion-tile{font-size:27px}.result-board .tile-1024,.result-board .tile-2048{font-size:23px}
.pairs-surface{max-width:650px}.pairs-board{display:grid;grid-template-columns:repeat(var(--pair-columns,4),1fr);gap:11px;margin:23px 0 0}.pair-tile{aspect-ratio:1.08;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:7px;background:var(--paper);transition:background .22s,transform .22s,border-color .22s;overflow:hidden;min-width:0;min-height:44px}.pair-tile>span{font-size:44px;font-family:Arial,sans-serif;line-height:1;opacity:.25;font-weight:400}.pair-tile:not(:disabled):hover{border-color:var(--accent);transform:translateY(-3px)}.pair-tile.face-up{background:#d8c9f3;border-color:#d8c9f3;color:#3f2b53;animation:tile-appear .18s ease-out}.pair-tile.face-up>span{opacity:1}.pair-tile.face-up.pair-color-1,.pair-tile.face-up.pair-color-5{background:#def78b;border-color:#def78b;color:#233415}.pair-tile.face-up.pair-color-2,.pair-tile.face-up.pair-color-6{background:#f2bfce;border-color:#f2bfce;color:#492c39}.pair-tile.face-up.pair-color-3,.pair-tile.face-up.pair-color-7{background:#b7decf;border-color:#b7decf;color:#183b30}.pair-tile.pair-matched{opacity:.65}.pair-tile>i{position:absolute;right:9px;top:7px;font-size:12px;font-style:normal;opacity:.7}.pairs-surface .puzzle-status{min-height:42px}
.calculation-surface{max-width:660px}.equation{display:flex;align-items:center;justify-content:center;gap:20px;margin:45px 0 40px;font-family:Manrope,sans-serif;line-height:1;letter-spacing:-.06em;flex-wrap:wrap}.equation>span{font-size:70px;font-weight:550}.equation>b{font-size:51px;font-weight:400;color:var(--accent)}.equation>i{font-size:40px;color:var(--muted);font-weight:400;font-style:normal;white-space:nowrap}.numeric-form>label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.numeric-form>div{display:flex;gap:10px}.numeric-form input{flex:1;min-width:0;padding:14px 16px;border-radius:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;font-variant-numeric:tabular-nums}.numeric-form input::placeholder{font-size:14px;color:var(--muted);letter-spacing:0}.numeric-form .button{justify-content:center;white-space:nowrap}.calculation-feedback{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#def78b;color:#233415;border-radius:6px;padding:20px 22px;font-size:15px}.calculation-feedback.is-wrong{background:#fbe0db;color:#94392e}.calculation-feedback>b{font-family:Manrope;font-size:33px;font-weight:600}.puzzle-next{display:flex;margin:17px 0 3px auto}.calculation-review{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;flex-basis:100%;font-size:14px}.calculation-review>small{font-size:12px;color:var(--muted)}
.code-surface{max-width:660px}.secret-slots{display:flex;justify-content:center;gap:10px;margin:26px 0}.secret-slots>span{width:59px;height:69px;display:grid;place-items:center;border:1px dashed var(--accent);color:var(--accent);border-radius:5px;font-family:Manrope;font-size:33px;background:var(--accent-bg)}.code-legend{display:flex;justify-content:center;gap:22px;font-size:12px;color:var(--muted)}.code-legend i{font-style:normal;margin-right:5px;color:var(--accent)}.code-history{margin:22px 0 25px;display:flex;flex-direction:column;gap:9px}.code-empty{font-size:14px;text-align:center;padding:11px 0;color:var(--muted)}.code-attempt{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.code-attempt>small{font-size:12px;color:var(--muted);width:20px}.code-digits{display:flex;gap:7px}.code-digits>span{font-family:Manrope;font-size:25px;font-weight:650;width:44px;height:46px;background:var(--paper);border:1px solid var(--line);border-radius:4px;display:grid;place-items:center}.code-clues{display:flex;margin-left:auto;gap:13px;align-items:center;font-size:17px;color:var(--muted);white-space:nowrap}.code-clues b{color:var(--accent);font-weight:650}.secret-answer{letter-spacing:.24em}.code-review{flex-basis:100%;display:flex;justify-content:space-between;gap:17px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.code-review b{font-family:Manrope;font-size:22px;letter-spacing:.15em}.code-review span{font-size:13px;color:var(--muted)}#code-input{letter-spacing:.26em;font-family:Manrope;font-weight:650;font-size:23px}
html[data-theme=dark] .tile-0{background:#171916}html[data-theme=dark] .code-clues b,html[data-theme=dark] .code-legend i{color:#a5b6ff}
@keyframes tile-appear{from{transform:scale(.87)}to{transform:scale(1)}}
@media(max-width:1100px){.fusion-art{transform:rotate(-8deg) scale(.86)}.pairs-art{transform:rotate(-9deg) scale(.85)}.code-art{transform:rotate(-7deg) scale(.85)}.feature .fusion-art{transform:rotate(-10deg) scale(.85)}.feature .pairs-art{transform:rotate(-9deg) scale(.92)}.feature .code-art{transform:rotate(-7deg) scale(.9)}}
@media(max-width:760px){.new-grid .card-fusion{grid-column:span 2;min-height:320px}.new-grid .card-pairs,.new-grid .card-calculation{grid-column:span 1;min-height:340px}.new-grid .card-code{grid-column:span 2;min-height:315px}.new-grid .card-art{height:133px}.new-grid .card-top>span:first-child{max-width:145px}.new-grid .card-copy{padding-top:13px}.new-game-tag{font-size:10px;margin-bottom:8px}.new-grid .fusion-art{transform:rotate(-8deg) scale(.74)}.new-grid .pairs-art{transform:rotate(-9deg) scale(.54);flex:none}.new-grid .calculation-art{transform:rotate(-8deg) scale(.61);flex:none}.new-grid .code-art{transform:rotate(-7deg) scale(.8)}.card-code .card-bottom{flex-direction:row}.feature .fusion-art{transform:rotate(-10deg) scale(.8)}.feature .pairs-art{transform:rotate(-9deg) scale(.82)}.feature .code-art{transform:rotate(-7deg) scale(.83)}.feature .calculation-art{transform:rotate(-8deg) scale(.9)}
.puzzle-surface{padding:20px 18px}.puzzle-meta{font-size:12px;gap:12px}.puzzle-meta b{font-size:15px}.puzzle-status{font-size:13px;min-height:42px}.puzzle-surface .rules{font-size:13px}.puzzle-bottom{font-size:12px;gap:12px;flex-wrap:wrap}.fusion-board{padding:8px;gap:7px;margin-top:21px}.fusion-tile{font-size:30px}.tile-1024,.tile-2048{font-size:23px}.fusion-controls button{width:54px;height:44px}.fusion-surface .puzzle-status{font-size:13px}.puzzle-bottom .text-button{font-size:12px}.pairs-board{gap:8px;margin-top:19px}.pair-tile{aspect-ratio:.95}.pair-tile>span{font-size:32px}.pair-tile>i{right:5px;top:4px;font-size:10px}.equation{margin:35px 0;gap:13px}.equation>span{font-size:49px}.equation>b{font-size:38px}.equation>i{font-size:29px}.numeric-form>label{font-size:14px}.numeric-form>div{gap:8px}.numeric-form input{font-size:20px;padding:13px 11px}.numeric-form input::placeholder{font-size:12px}.numeric-form .button{padding:11px 13px;font-size:13px;gap:10px}.calculation-feedback{font-size:14px;padding:17px}.calculation-feedback>b{font-size:28px}.puzzle-next{font-size:14px}.secret-slots{gap:8px;margin:24px 0}.secret-slots>span{width:48px;height:59px;font-size:29px}.code-legend{gap:10px;flex-wrap:wrap;font-size:12px;justify-content:flex-start}.code-attempt{gap:9px}.code-digits{gap:5px}.code-digits>span{width:35px;height:41px;font-size:22px}.code-clues{gap:8px;font-size:15px}.code-attempt>small{width:15px;font-size:11px}.code-surface .puzzle-meta>span:first-child{max-width:150px;font-size:11px}.code-review{flex-wrap:wrap}.code-review span{font-size:12px}.code-history{margin-top:18px}}
@media(max-width:390px){.new-grid .card-pairs,.new-grid .card-calculation{grid-column:span 2;min-height:315px}.new-grid .card-top>span:first-child{max-width:none}.new-grid .pairs-art{transform:rotate(-9deg) scale(.74)}.new-grid .calculation-art{transform:rotate(-8deg) scale(.82)}.new-grid .card-art{height:138px}.puzzle-surface{padding:18px 13px}.fusion-tile{font-size:27px}.tile-1024,.tile-2048{font-size:21px}.code-digits>span{width:30px;height:38px;font-size:20px}.code-clues{font-size:14px;gap:6px}.code-attempt{gap:7px}.puzzle-meta{font-size:11px}.pair-tile>span{font-size:30px}.numeric-form .button{font-size:12px;padding:11px}.equation{gap:10px}.equation>span{font-size:43px}.equation>i{font-size:27px}.puzzle-bottom{font-size:11px}.puzzle-bottom .text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tile-new,.pair-tile.face-up{animation:none}.pair-tile,.fusion-controls button{transition:none}.pair-tile:not(:disabled):hover,.fusion-controls button:hover{transform:none}}

.pair-difficulty{border:0;padding:0;margin:0 0 12px;min-width:0}.pair-difficulty legend{font-size:13px;font-weight:700;margin-bottom:12px}.pair-difficulty>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pair-difficulty button{display:flex;flex-direction:column;gap:5px;align-items:center;padding:12px 5px;min-height:60px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;font:inherit}.pair-difficulty button span{font-size:12px;color:var(--muted)}.pair-difficulty button b{font-size:13px}.pair-difficulty button[aria-pressed="true"]{background:#d8c9f3;color:#3f2b53;border-color:#9b7ec1}.pair-difficulty button[aria-pressed="true"] span{color:#3f2b53}.pair-difficulty button:disabled{cursor:default}.pair-difficulty button:disabled:not([aria-pressed="true"]){opacity:.55}.pair-level-note{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 24px}@media(max-width:520px){.pairs-board{grid-template-columns:repeat(4,1fr)}.pair-difficulty>div{grid-template-columns:repeat(2,1fr)}}