@charset "UTF-8";:root{--ink: #23202c;--ink-soft: #4a4658;--paper: #fbfaf4;--paper-2: #efece0;--frame: #2a3142;--frame-accent: #8aa0c0;--accent: #e8453c;--accent-2: #3b7ddd;--ok: #2f9e4f;--warn: #f0a020;--night: #101418;--font-ui: "Pixelify Sans", ui-monospace, "Segoe UI", monospace;--font-title: "Press Start 2P", "Pixelify Sans", monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--ink);font-family:var(--font-ui);font-size:18px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,input{font:inherit}.box{background:var(--paper);border:3px solid var(--frame);border-radius:12px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--frame-accent),0 6px #00000059;padding:18px 22px}.btn{appearance:none;border:3px solid var(--frame);border-radius:10px;background:var(--paper);color:var(--ink);padding:10px 18px;font-size:1rem;cursor:pointer;box-shadow:0 4px 0 var(--frame);transition:transform .06s ease,box-shadow .06s ease,background .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--frame)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#f2584f}.btn.blue{background:var(--accent-2);color:#fff}.btn.blue:hover:not(:disabled){background:#4d8ce6}.btn.small{padding:6px 12px;font-size:.85rem;box-shadow:0 3px 0 var(--frame)}.title-font{font-family:var(--font-title);letter-spacing:.02em}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;z-index:20;pointer-events:none}.overlay>*{pointer-events:auto}.overlay.dim{background:#0a0c148c;pointer-events:auto}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--paper-2);border:2px solid var(--frame);font-size:.85rem}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.overlay>*{max-width:100%;min-width:0}app-neuron-puzzle,app-label-puzzle,app-gradient-puzzle,app-llm-puzzle,app-boss-puzzle,app-puzzle-frame{display:block;width:min(960px,100%)}.puzzle{width:min(960px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:flex;flex-direction:column;gap:14px}.puzzle>*{flex-shrink:0}.puzzle-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.puzzle-head h2{margin:0;font-family:var(--font-title);font-size:1rem;line-height:1.4}.puzzle-head .goal{margin:2px 0 0;color:var(--ink-soft)}.puzzle-head .badge-icon{font-size:2rem}.puzzle-head .spacer{flex:1}.hint{border:2px dashed var(--warn);background:#fff7e0;border-radius:10px;padding:8px 12px;animation:pop .3s ease}.solved-banner{text-align:center;font-family:var(--font-title);font-size:1.1rem;color:var(--ok);padding:10px;animation:pop .35s ease}.owner-tag{font-size:.8rem;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{transform:translateY(-6px)}}@media(max-width:640px){html,body{font-size:16px}.box{padding:14px}}@media(max-height:500px){.overlay{padding:8px}.puzzle{max-height:calc(100dvh - 16px);gap:8px}.box{padding:10px 14px}.puzzle-head .goal{font-size:.85rem}.puzzle-head .badge-icon{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
