.app{font-family:sans-serif;padding:12px;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.privacy-link{font-size:.85em;opacity:.7;text-decoration:underline}.panels{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.sim-col{flex:0 0 auto;width:100%;max-width:560px}.ws-col{flex:1 1 460px;min-width:0}.code-col{width:340px;max-width:100%}.workspace{height:480px;border:1px solid #ccc}.sim-frame{width:100%;max-width:560px;height:420px;border:none;background:#fff}.sim-placeholder{width:100%;max-width:560px;min-height:420px;border:1px dashed #999;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#fafafa;box-sizing:border-box}.code{white-space:pre-wrap;background:#f6f8fa;padding:8px;min-height:180px;font-size:12px;overflow:auto}.log{height:90px;overflow:auto;font-size:11px;background:#f6f8fa;padding:6px}button,select{font-size:15px;padding:6px 10px}.small{font-size:12px}.vboard{border:1px solid #ccc;background:#111;padding:12px;border-radius:8px;display:inline-flex;flex-direction:column;gap:10px;align-items:center;max-width:100%}.board{display:grid;grid-template-columns:repeat(8,18px);grid-auto-rows:18px;gap:3px}.led{border-radius:4px;background:#333}.led.on{background:#ff3b30;box-shadow:0 0 5px #ff3b30e6}.vboard-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#eee}.missions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.missions button.on{outline:2px solid #3b82f6;outline-offset:1px}.feedback{display:block;margin-top:6px;padding:10px 14px;border-radius:8px;font-weight:600}.feedback.ok{background:#dcfce7;color:#14532d;border:1px solid #16a34a}.feedback.fail{background:#fee2e2;color:#7f1d1d;border:1px solid #dc2626}.groupbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.groupbar textarea{vertical-align:top;width:260px;font-size:13px}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.presentation .groupbar{display:none}.presentation .missions button{font-size:1.15rem;padding:10px 16px}.presentation .controls label,.presentation .controls button{font-size:1.05rem}.presentation .privacy-link{display:none}.presentation .workspace{height:60vh}.app.high-contrast{background:#000;color:#fff}.high-contrast .code,.high-contrast .log{background:#111;color:#fff;border:1px solid #fff}.high-contrast button,.high-contrast select,.high-contrast input,.high-contrast textarea{background:#000;color:#fff;border:1px solid #fff}.high-contrast .groupbar{background:#000;border-color:#fff}.high-contrast .feedback.ok{background:#052e16;color:#bbf7d0;border-color:#4ade80}.high-contrast .feedback.fail{background:#450a0a;color:#fecaca;border-color:#f87171}@media(max-width:900px){.panels{flex-direction:column}.sim-col,.ws-col,.code-col{width:100%;max-width:100%}.sim-frame{height:auto;aspect-ratio:4 / 3}.sim-placeholder{min-height:280px}.workspace{height:420px}}@media(max-width:480px){.app{padding:8px}.workspace{height:360px}button,select{font-size:16px}}