html{scroll-padding-top:110px}
*{box-sizing:border-box}body.concii-playground{margin:0;background:#EFEDEA;color:#0F0F10;font:400 1rem/1.65 Manrope,sans-serif;-webkit-font-smoothing:antialiased}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:700 .82rem Manrope,sans-serif;cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #3546E8;outline-offset:5px}.skip{position:fixed;top:0;left:20px;transform:translateY(-150%);z-index:10000;background:#fff;padding:1rem}.skip:focus{transform:none}main#playground{max-width:1440px;margin:auto;padding:0 clamp(1.25rem,4vw,3rem)}.pg-intro{padding:4rem 0 3rem}.eyebrow{font-size:.65rem;letter-spacing:.13em;font-weight:800}.pg-intro h1{font:500 clamp(4.5rem,10vw,9.5rem)/.93 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:1.8rem 0 2rem}.pg-intro h1 em{font-family:"Instrument Serif",serif;font-weight:400;color:#3546E8;letter-spacing:-.035em}.pg-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem}.pg-intro-bottom p{max-width:580px;color:#615E68;font-size:1.05rem;margin:0}.experiment-label{font-size:.72rem;display:flex;align-items:center;gap:.6rem;white-space:nowrap;color:#615E68}.experiment-label i{width:7px;height:7px;background:#3546E8;border-radius:50%}.games{display:grid;grid-template-columns:1fr 1.15fr;gap:1.2rem;align-items:start}.game-card{border:1px solid #DAD7D2;background:#FFFEFC;border-radius:28px;padding:clamp(1.25rem,2.5vw,2rem);min-width:0;box-shadow:0 16px 50px -40px #3546e850}.game-heading h2{display:flex;justify-content:space-between;align-items:center;font:500 clamp(2.3rem,4vw,3.6rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:1rem 0}.game-heading h2 span{color:#3546E8;font-size:.8em}.game-heading p{font-size:.85rem;color:#615E68;margin:0}.game-metrics{display:flex;gap:1rem;justify-content:space-between;padding:1.2rem 0}.game-metrics>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:#615E68}.game-metrics strong{display:block;font:500 1.75rem/1.3 "Space Grotesk",sans-serif;letter-spacing:-.05em;color:#171723}.canvas-wrap{border-radius:16px;overflow:hidden;background:#141523;line-height:0}.canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.block-layout{display:grid;grid-template-columns:minmax(120px,250px) minmax(80px,1fr);gap:1.2rem;align-items:start;justify-content:center}.block-side{padding-top:.5rem}.block-side canvas{display:block;width:100%;max-width:120px;height:auto}.block-side p{font-size:.75rem;color:#615E68;line-height:1.7}.key-guide{display:grid;gap:.65rem;margin-top:1.3rem;font-size:.65rem;color:#615E68}.game-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0 .8rem}.game-buttons button{border:0;border-radius:13px;min-height:46px;padding:.7rem .9rem}.game-buttons .play-button{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#3546E8;color:#fff;flex:1;min-width:140px}.play-button span{font-size:1.1rem}.game-buttons .secondary{background:#EFEDEA;color:#171723}.play-button:hover{background:#2634B3}.game-buttons .secondary:hover{background:#E4DEFF}.game-status{color:#615E68;font-size:.75rem;min-height:1.5em;margin:.9rem 0 0}.touch-controls{display:flex;gap:.4rem}.touch-controls button{flex:1;background:#F1EFF8;border:1px solid #DAD7D2;border-radius:12px;min-height:44px;touch-action:manipulation;color:#2C3193}.touch-controls button:active{background:#D8D6F5}.pong-instructions{display:flex;align-items:center;gap:1rem;margin:1.2rem 0}.pong-instructions p{font-size:.75rem;line-height:1.8;color:#615E68;margin:0}.instruction-icon{font:500 2.5rem "Space Grotesk",sans-serif;color:#3546E8}.experiment-note{background:#EDE8FA;border-radius:18px;padding:1.7rem;margin-top:1.6rem}.experiment-note .serif{font:italic 400 2rem/1.1 "Instrument Serif",serif;color:#3546E8}.experiment-note p{font-size:.8rem;color:#615E68;line-height:1.8;margin-bottom:0}.pg-footnote{max-width:670px;font-size:.72rem;color:#615E68;margin:1.2rem 0 4rem}.pg-cta{background:#3546E8;color:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,3.5rem);display:flex;align-items:end;justify-content:space-between;gap:2rem}.pg-cta h2{font:500 clamp(2.5rem,5vw,5rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:1.5rem 0 0}.pg-cta a{display:flex;align-items:center;gap:1.5rem;text-decoration:none;background:#fff;color:#171723;border-radius:14px;padding:1rem 1.2rem;font-size:.85rem;font-weight:700;white-space:nowrap}.pg-footer{max-width:1440px;margin:auto;padding:3rem clamp(1.25rem,4vw,3rem);display:flex;gap:1rem;align-items:center}.pg-wordmark{font:700 1.8rem/1 "Space Grotesk",sans-serif;letter-spacing:-.055em;text-decoration:none;display:flex;align-items:center;gap:.5rem}.pg-wordmark i{background:#3546E8;width:.55em;height:.55em;border-radius:50%;animation:nav-bob 3s ease-in-out infinite}.pg-footer p{font:italic 1.04rem "Instrument Serif",serif;color:#615E68}.pg-footer>a:last-child{font-size:.75rem;text-decoration:none;margin-left:auto}@media(max-width:900px){.games{grid-template-columns:1fr}.block-layout{grid-template-columns:minmax(140px,240px) minmax(90px,150px)}.pg-intro{padding-top:2.5rem}.pg-intro-bottom{align-items:start;flex-direction:column;gap:1rem}.pg-cta{align-items:start;flex-direction:column}.pg-footer{flex-wrap:wrap}.pg-footer p{margin-right:auto}.pg-footer>a:last-child{margin-left:0}}@media(max-width:380px){.block-layout{gap:.75rem;grid-template-columns:minmax(100px,1fr) 90px}.game-buttons .play-button{flex-basis:100%}.game-card{padding:1rem}.pg-intro h1{font-size:4rem}.pg-cta a{white-space:normal}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{.games,.pg-footnote,header.nav{display:none}.pg-cta{background:#fff;color:#111}.concii-playground{padding:0}}