*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#12121c;color:#f0f0f5;font-family:system-ui,sans-serif}.app-shell{max-width:860px;margin:0 auto;padding:24px 16px 64px}h1{margin-top:0}.brand-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#c9a94f;opacity:.8;margin:0}.brand-heading{font-family:Cinzel,Georgia,serif;color:#c9a94f;font-size:26px;margin:2px 0 0}.login-panel .brand-heading{font-size:22px}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid rgba(201,169,79,.25)}.dash-header-right{display:flex;align-items:center;gap:12px}.dash-header-teacher{font-size:13px;opacity:.7;margin:0}.panel{background:#1c1c2a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;margin-bottom:20px}.hint{opacity:.75;font-size:14px}.editor-frame{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);margin-top:10px}.block-workspace{height:380px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);margin-top:10px}.output-box{background:#0a0a0a;color:#d0ffd0;font-family:monospace;padding:12px;border-radius:8px;white-space:pre-wrap;margin-top:8px;min-height:40px;border-left:3px solid #5fbf6d}.output-box.error{color:#ffb3b3;border-left-color:#d95d5d}.output-label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;opacity:.6;margin:12px 0 0}.sprite-stage{position:relative;height:160px;border-radius:10px;overflow:hidden;margin-top:10px;background-color:#ffffff05;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:20px 20px;background-position:center center;border:1px solid rgba(255,255,255,.12)}.sprite-stage-origin{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:50%;background:#c9a94f;opacity:.6}.sprite-stage-anchor{position:absolute;top:50%;left:50%;transition:transform .6s ease}.sprite-stage-sprite{font-size:36px;line-height:1;margin-top:-18px;margin-left:-18px;transition:transform .6s ease}.sprite-stage-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);background:#fff;color:#10101a;padding:6px 10px;border-radius:10px;font-size:13px;font-family:system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.turtle-canvas-host{background:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.12);overflow:hidden;margin-top:10px}.sandbox-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.sandbox-card{background:#1c1c2a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center;text-decoration:none;color:inherit;display:block}.sandbox-card:hover{border-color:#c9a94f}.sandbox-card-icon{font-size:32px;margin-bottom:8px}@media (prefers-reduced-motion: reduce){.sprite-stage-anchor,.sprite-stage-sprite{transition:none}}.field-label{display:block;font-size:13px;opacity:.8;margin-bottom:4px;margin-top:12px}.text-input{width:100%;font-size:15px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0f0f18;color:#f0f0f5;margin-bottom:4px}.btn{background:#c9a94f;color:#0f0f18;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;font-size:15px;text-decoration:none;display:inline-block}.btn:hover{opacity:.88}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid #c9a94f;color:#c9a94f}.btn-small{padding:6px 12px;font-size:13px}.btn-danger{background:#e05d5d;color:#1a0f0f}.track-pill{background:transparent;border:1px solid rgba(255,255,255,.25);color:#ffffff80;border-radius:999px;padding:2px 8px;font-size:11px;cursor:pointer}.track-pill.unlocked{background:#c9a94f;border-color:#c9a94f;color:#1a1204;font-weight:600}.track-pill:disabled{opacity:.5;cursor:not-allowed}.back-link{color:#c9a94f;text-decoration:none;display:inline-block;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.data-table th{font-size:13px;opacity:.7;font-weight:600}.data-table tbody tr:nth-child(2n){background:#ffffff05}.data-table tbody tr:hover{background:#c9a94f12}.success-note{margin-top:14px;padding:12px 14px;background:#5fbf6d1f;border:1px solid rgba(95,191,109,.4);border-radius:8px;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:16px}.stat-tile{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;text-align:center;overflow:hidden}.stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#c9a94f;opacity:.7}.stat-value{font-size:26px;font-weight:700;color:#c9a94f}.stat-label{font-size:12px;opacity:.7;margin-top:4px}code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:14px}.avatar-badge{position:relative;display:inline-block}