:root{color:#f4ead7;background:#15110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-height:100vh}.shell{max-width:980px;margin:0 auto;padding:40px 20px 64px}.hero{margin-bottom:24px}.eyebrow{color:#d9a441;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 4px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1;margin:0 0 12px}p{color:#cbbda5;font-size:1.05rem;max-width:680px}.start-row{display:grid;gap:16px;margin-bottom:24px}.demo-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.demo-controls button{border:1px solid #e0a83a;border-radius:12px;padding:14px 22px;font-size:1.1rem;font-weight:700;color:#1b140c;background:#f5d28a;cursor:pointer;box-shadow:0 6px 24px #f5d28a22}.demo-controls button:hover:not(:disabled){background:#ffe3a8}.demo-controls button:disabled{cursor:default;opacity:.6}.demo-controls span{color:#cbbda5}.dropzone{display:grid;place-items:center;min-height:96px;border:2px dashed #7b6747;border-radius:18px;background:#211a13;cursor:pointer;transition:.16s ease}.dropzone.dragging,.dropzone:hover{border-color:#e0a83a;background:#2a2117}.dropzone input{display:none}.dropzone span{font-size:1.05rem;color:#f5d28a;padding:12px;text-align:center}.game-panel{margin-bottom:24px}.game-panel[hidden]{display:none}.picture{display:block;margin:0 auto;border-radius:16px;image-rendering:pixelated;background:#000;box-shadow:0 20px 60px #0008}.runtime-status{margin:14px auto 0;padding:10px 14px;border:1px solid #3d3327;border-radius:12px;background:#18130f;color:#f5d28a;font-size:.92rem;font-family:ui-monospace,Menlo,Consolas,monospace;max-width:100%;overflow-x:auto;white-space:nowrap}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.control-card{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px 16px;border:1px solid #3d3327;border-radius:16px;background:#18130f;color:#cbbda5}.control-card[hidden]{display:none}.control-card h3{margin:0;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#d9a441}.control-card label{display:inline-flex;gap:8px;align-items:center}.control-card input,.control-card select,.control-card button{border:1px solid #7b6747;border-radius:10px;padding:8px 12px;color:#f4ead7;background:#211a13;font-size:.95rem}.control-card button{cursor:pointer}.control-card button:hover:not(:disabled){border-color:#e0a83a}.control-card button:disabled{cursor:default;opacity:.5}.control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.control-hint{color:#968a73;font-size:.88rem}.control-hint input[type=file]{max-width:100%}#reimagine-toggle-button{align-self:flex-start;border-color:#e0a83a;color:#f5d28a;font-weight:600}.direction-pad{display:grid;grid-template-columns:repeat(3,44px);gap:8px;align-items:center}.direction-pad button{border:1px solid #7b6747;border-radius:10px;padding:10px;color:#f4ead7;background:#211a13;cursor:pointer}.direction-pad button:hover{border-color:#e0a83a}.direction-pad button[data-direction=up]{grid-column:2}.direction-pad button[data-direction=left]{grid-column:1}.direction-pad button[data-direction=down]{grid-column:2}.advanced{margin-top:8px;padding:16px 18px;border:1px solid #3d3327;border-radius:16px;background:#12100d}.advanced>summary{cursor:pointer;color:#968a73;font-weight:700;letter-spacing:.04em}.advanced>summary:hover{color:#f5d28a}.advanced-block{margin-top:16px;padding:14px 16px;border:1px solid #3d3327;border-radius:14px;background:#18130f;color:#cbbda5}.advanced-block[hidden]{display:none}.advanced-block h3{margin:0 0 10px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#d9a441}.advanced-block p{margin:0 0 10px;font-size:.92rem}.advanced-block button{border:1px solid #7b6747;border-radius:10px;padding:8px 12px;color:#f4ead7;background:#211a13;cursor:pointer}.advanced-block button:hover{border-color:#e0a83a}.advanced .control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.debug-overlay{margin-top:16px;padding:14px 16px;border:1px solid #3d3327;border-radius:14px;background:#12100d}.debug-overlay[hidden]{display:none}.debug-overlay summary{cursor:pointer;color:#f5d28a;font-weight:700}.debug-overlay p{margin:12px 0;font-size:.92rem}.import-library{margin-top:16px;padding:14px 16px;border:1px solid #3d3327;border-radius:14px;background:#18130f}.import-library h2{margin:0 0 8px;font-size:1rem;color:#f5d28a}.import-library p{margin:0 0 12px;font-size:.92rem}.import-details{margin-top:16px;padding:14px 16px;border:1px solid #3d3327;border-radius:14px;background:#0d0b09}.import-details summary{cursor:pointer;color:#f5d28a;font-weight:700}.result{margin:12px 0 0;padding:0;background:transparent;color:#cce6c9}.contained-pre{margin:0;max-height:280px;overflow:auto;color:#cce6c9;white-space:pre-wrap;word-break:break-word;font-size:.85rem}