.sandbox-section{width:100%;margin:5rem 3rem 0;max-width:calc(100% - 6rem)}.sandbox-heading{max-width:760px;margin-bottom:1.25rem}.sandbox-heading h2{color:#fff;margin:.15rem 0}.sandbox-heading p{line-height:1.45;color:#e7e7e7}.sandbox-kicker,.sandbox-card-copy>span{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--color-primary)}.sandbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.sandbox-card{min-width:0;background:#272727;border-radius:12px;padding:1.25rem;box-shadow:8px 8px #1b1b1b}.sandbox-card h3{font-size:1.4rem;color:#fff;margin:.25rem 0}.sandbox-card-copy p,.sandbox-note{font-family:var(--font-body);font-size:.9rem;line-height:1.45;color:#e5e5e5}.sandbox-controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.sandbox-controls label{font-size:.9rem}.sandbox-controls input{accent-color:var(--color-primary);max-width:110px}.sandbox-controls select,.sandbox-controls button,.digit-actions button{border:1px solid var(--color-primary);border-radius:999px;background:#111;color:#fff;padding:.42rem .75rem;font-size:.8rem;cursor:pointer}.sandbox-controls button:hover,.digit-actions button:hover{background:var(--color-primary);color:#111}.cluster-plot-wrap{position:relative;aspect-ratio:1.575;border:1px solid #555;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 32px,rgba(255,255,255,.05) 33px),repeating-linear-gradient(90deg,transparent 0,transparent 32px,rgba(255,255,255,.05) 33px)}.cluster-plot,.cluster-overlay{position:absolute;inset:0;width:100%;height:100%}.cluster-plot{cursor:crosshair;touch-action:none}.cluster-overlay{pointer-events:none}.digit-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:1rem;margin-top:1rem}.digit-canvas{width:100%;aspect-ratio:1;border:2px solid var(--color-primary);border-radius:8px;background:#000;cursor:crosshair;touch-action:none}.digit-actions{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-top:.5rem}.digit-actions span{font-size:.72rem;color:#ddd}.prediction-panel{background:#111;border-radius:8px;padding:.8rem}.prediction-panel>p{font-size:.8rem;color:#ccc}.prediction-panel>strong{display:block;font-size:3rem;color:var(--color-primary);line-height:1;margin:.25rem 0 .8rem}.confidence{display:grid;grid-template-columns:15px 1fr 32px;gap:.35rem;align-items:center;margin:.2rem 0}.confidence span,.confidence em{font-family:var(--font-body);font-style:normal;font-size:.65rem}.confidence i{height:6px;background:#333;border-radius:999px;overflow:hidden}.confidence b{display:block;height:100%;background:var(--color-primary)}@media(max-width:768px){.sandbox-section{margin:4rem 1rem 0;max-width:calc(100% - 2rem)}.sandbox-grid{grid-template-columns:1fr}.sandbox-card{padding:1rem}.digit-layout{grid-template-columns:1fr}.digit-canvas{max-width:300px}.prediction-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem .7rem}.prediction-panel>p,.prediction-panel>strong{grid-column:1/-1}}.tower-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.towers{display:flex;gap:.5rem;align-items:end;min-height:120px;margin-top:.45rem}.tower{display:flex;flex:1;min-height:110px;padding:.35rem;justify-content:end;flex-direction:column-reverse;gap:.22rem;border:1px dashed #666;border-radius:7px}.tower i{display:block;padding:.25rem;text-align:center;border-radius:4px;color:#111;font-style:normal;font-weight:800}.metric-row{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:#fff}.boundary-canvas{display:block;width:100%;height:auto;margin:1rem 0;border:1px solid #555;border-radius:8px;background:#101b38}.play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.play-controls label{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.8rem}.play-controls input,.play-controls select{max-width:100%;accent-color:var(--color-primary)}.sandbox-error{min-height:180px}.neural-lab fieldset{margin:1rem 0;border:1px solid #555;border-radius:8px;padding:.75rem}.neural-lab fieldset label{display:flex;gap:.5rem;align-items:center;margin:.4rem 0;font-size:.8rem}.lab-views{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.lab-chart{display:block;width:100%;height:120px;background:#111;border:1px solid #555;border-radius:6px}.maze-grid{display:grid;gap:1px;margin:1rem 0;padding:4px;background:#111;border:1px solid #555;border-radius:8px;aspect-ratio:1}.maze-grid button{border:0;min-width:0;padding:0;font-size:0;cursor:pointer}.maze-wall{background:#101010}.maze-open{background:#29334d}.maze-visited{background:#4b6b92}.maze-frontier{background:#ffe16b}.maze-path{background:#ff7ac8}.maze-player{background:#00b8d9;font-size:clamp(.45rem,1.4vw,.8rem)!important;font-weight:800}.maze-goal{background:#8dff9a;font-size:clamp(.45rem,1.4vw,.8rem)!important;font-weight:800}.city-map{aspect-ratio:1.7;background:radial-gradient(circle at 65% 18%,rgba(240,0,214,.2),transparent 32%),linear-gradient(135deg,#102238,#13111e);border:1px solid rgba(255,255,255,.22);border-radius:10px;margin:1rem 0;overflow:hidden;position:relative}.city-map:before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;content:"";inset:0;position:absolute}.city-roads{height:100%;inset:0;position:absolute;width:100%}.city-roads line{stroke:#496172;stroke-linecap:round;stroke-width:.95}.city-roads .road-arterial{stroke:#71899a;stroke-width:1.6}.city-roads .road-congested{stroke:#ffae42;stroke-dasharray:2 1.4;stroke-width:1.9}.city-roads .road-manual{stroke:#66d9ff;stroke-width:2.8}.city-roads .road-fastest{stroke:#ff6bdc;stroke-width:3.5}.intersection{align-items:center;background:#263c4c;border:1px solid #9bc0d1;border-radius:50%;color:#07141c;cursor:pointer;display:flex;height:9px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease;width:9px;z-index:1}.intersection:hover,.intersection:focus-visible{background:#fff;outline:3px solid var(--color-primary);transform:translate(-50%,-50%) scale(1.55)}.intersection span{font-size:.55rem;font-weight:900}.intersection small{color:#fff;font-family:var(--font-body);font-size:clamp(.42rem,.85vw,.62rem);font-weight:700;left:50%;line-height:1;position:absolute;text-shadow:0 1px 3px #000;top:calc(100% + 6px);transform:translate(-50%);white-space:nowrap}.intersection-start,.intersection-goal{height:22px;width:22px}.intersection-start{background:#65d6ff}.intersection-goal{background:#9dffad}.intersection-player{box-shadow:0 0 0 5px #65d6ff4d;transform:translate(-50%,-50%) scale(1.16)}.intersection-visited{background:#708ed2}.intersection-frontier{background:#ffe16b}.intersection-solution{background:#ff6bdc}.city-legend{display:flex;flex-wrap:wrap;gap:.8rem 1.1rem;margin:.2rem 0 1rem}.city-legend span{align-items:center;color:#ddd;display:flex;font-family:var(--font-body);font-size:.72rem;gap:.35rem}.city-legend i{border-radius:50%;display:inline-block;height:10px;width:10px}.legend-manual{background:#66d9ff}.legend-congested{background:#ffae42}.legend-visited{background:#708ed2}.legend-fastest{background:#ff6bdc}@media(max-width:768px){.tower-layout,.play-controls{grid-template-columns:1fr}}