@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Outfit:wght@500;700;900&display=swap";:root{--color-primary: #FFD500;--color-primary-dark: #FFC000;--color-accent: #FF6B6B;--color-success: #2ECC71;--color-info: #48DBFB;--color-dark: #2D3436;--color-light: #F9F9F9;--color-surface: #FFFFFF;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-card: 0 20px 40px rgba(0, 0, 0, .08), 0 10px 20px rgba(0, 0, 0, .05);--shadow-float: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-btn: 0 10px 20px rgba(0, 0, 0, .1), 0 6px 6px rgba(0, 0, 0, .1);--shadow-btn-active: inset 0 3px 5px rgba(0, 0, 0, .1);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--radius-round: 50px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #ffd500b3}70%{box-shadow:0 0 0 15px #ffd50000}to{box-shadow:0 0 #ffd50000}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{font-family:Nunito,sans-serif;margin:0;padding:0;min-height:100vh;background-color:#f0f2f5;background-image:radial-gradient(at 0% 0%,hsla(253,16%,10%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,30%,25%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,40%,25%,1) 0,transparent 50%);background-size:cover;background-attachment:fixed;color:var(--color-dark);display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fdfbfb,#ebedee);opacity:.9;z-index:-1}.main-header{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000000d}.main-header h1{font-family:Outfit,sans-serif;margin:0;font-size:1.5rem;font-weight:900;color:var(--color-dark);display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px}.main-header h1:before{content:"🐝";font-size:2rem;animation:float 3s ease-in-out infinite}.main-header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}.main-header nav a{text-decoration:none;color:var(--color-dark);font-weight:700;font-size:1rem;padding:.6rem 1.2rem;border-radius:var(--radius-round);transition:all .2s ease}.main-header nav a:hover{background:#0000000d;transform:translateY(-2px)}.main-header nav a.active{background:var(--color-primary);color:var(--color-dark);box-shadow:0 4px 15px #ffd50066}main{flex:1;padding:.5rem 2rem;max-width:1400px;margin:0 auto;width:100%;animation:fade-in-up .6s ease-out}.section h2{text-align:center;font-family:Outfit,sans-serif;font-size:1.8rem;margin-bottom:.5rem;margin-top:.5rem;color:var(--color-dark)}.simulator-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;height:calc(100vh - 100px);padding-bottom:1rem;overflow:hidden}.control-panel{background:linear-gradient(135deg,#fff,#f0f9ff);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:1rem;border-radius:30px;box-shadow:0 10px 40px #ffc80033,0 5px 15px #0000001a,inset 0 1px #fffc;border:4px solid transparent;background-clip:padding-box;position:fixed;bottom:20px;z-index:1000;max-height:80vh;overflow-y:auto;width:320px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}#panel-robot-1{border:5px solid #FFD700;box-shadow:0 0 15px #ffd70066}#panel-robot-2{border:5px solid #FF69B4;box-shadow:0 0 15px #ff69b466}#panel-robot-3{border:5px solid #2ECC71;box-shadow:0 0 15px #2ecc7166}#panel-robot-4{border:5px solid #FF8C00;box-shadow:0 0 15px #ff8c0066}#panel-robot-5{border:5px solid #48DBFB;box-shadow:0 0 15px #48dbfb66}#panel-robot-6{border:5px solid #A78BFA;box-shadow:0 0 15px #a78bfa66}.control-panel:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 50px #ffc8004d,0 8px 20px #00000026,inset 0 1px #ffffffe6}.left-panel{left:20px;border:4px solid transparent;background-image:linear-gradient(135deg,#fff,#fff9e6),linear-gradient(135deg,#ffd500,orange,#ff6b6b);background-origin:border-box;background-clip:padding-box,border-box}.right-panel{right:20px;border:4px solid transparent;background-image:linear-gradient(135deg,#fff,#e6fff9),linear-gradient(135deg,#2ecc71,#48dbfb,#8b5cf6);background-origin:border-box;background-clip:padding-box,border-box}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#ffc8001a;border-radius:10px}.control-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd500,orange);border-radius:10px;border:2px solid rgba(255,255,255,.5)}.control-panel h3{margin-top:0;margin-bottom:.8rem;font-family:Outfit,sans-serif;font-weight:900;font-size:1.2rem;background:linear-gradient(135deg,#ff6b6b,#ffd500,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:grab;-webkit-user-select:none;user-select:none;background-color:#ffffff80;margin:-1rem -1rem 1rem;padding:.8rem;border-bottom:3px dashed rgba(255,200,0,.3);border-radius:30px 30px 0 0;text-shadow:0 2px 4px rgba(255,255,255,.5)}.control-panel h3:active{cursor:grabbing;transform:scale(.98)}.sequence-display{background:#fff;min-height:60px;height:auto;border-radius:var(--radius-md);margin-bottom:.8rem;padding:.6rem;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.4rem;box-shadow:inset 0 2px 4px #0000000d;border:2px solid #e2e8f0}.sequence-display::-webkit-scrollbar{display:none}.sequence-step{font-size:1.3rem;background:#fff;padding:.3rem .6rem;border-radius:8px;box-shadow:0 4px 6px #0000000d;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid #e2e8f0;font-weight:800;transition:all .2s ease;color:#334155}.sequence-step.active{background:#fff!important;color:var(--color-dark)!important;border-color:gold!important;transform:scale(1.25);z-index:100;box-shadow:0 0 20px #ffd50099!important;border-width:3px!important}.card-forward,.card-backward{border-color:#3b82f6!important;color:#1d4ed8!important;background-color:#eff6ff!important}.card-left,.card-right{border-color:#f59e0b!important;color:#b45309!important;background-color:#fffbeb!important}.card-turn45{border-color:#8b5cf6!important;color:#7c3aed!important;background-color:#f5f3ff!important}.card-pause{border-color:#94a3b8!important;color:#475569!important;background-color:#f8fafc!important;border-style:dashed!important}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;justify-items:center;padding:.5rem}.btn-control{width:80px;height:80px;border:none;border-radius:20px;color:#fff;font-size:2rem;font-weight:900;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;position:relative;background:#fff;box-shadow:0 8px #d0d0d0,0 10px 20px #00000026,inset 0 2px #fffc;transform:translateY(0)}.btn-control:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px #d0d0d0,0 15px 30px #0003,inset 0 2px #ffffffe6}.btn-control:active{transform:translateY(8px) scale(.95);box-shadow:0 0 #d0d0d0,inset 0 3px 8px #0003}.btn-fwd,.btn-back,.btn-left,.btn-right{background:linear-gradient(135deg,#ffe066,#ffd500);color:#2d3436;text-shadow:0 2px 4px rgba(255,255,255,.5);box-shadow:0 8px #e6b800,0 10px 20px #ffd50066,inset 0 2px #fffc}.btn-fwd:hover,.btn-back:hover,.btn-left:hover,.btn-right:hover{box-shadow:0 12px #e6b800,0 15px 30px #ffd50080,inset 0 2px #ffffffe6}.btn-fwd:active,.btn-back:active,.btn-left:active,.btn-right:active{box-shadow:0 0 #e6b800,inset 0 3px 8px #0003}.btn-go{background:linear-gradient(135deg,#5fe3a1,#2ecc71);color:#fff;font-size:1.3rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px #25a25a,0 10px 20px #2ecc7166,inset 0 2px #ffffff80}.btn-go:hover{box-shadow:0 12px #25a25a,0 15px 30px #2ecc7180,inset 0 2px #fff9}.btn-go:active{box-shadow:0 0 #25a25a,inset 0 3px 8px #0003}.btn-clear{background:linear-gradient(135deg,#ff8a8a,#ff6b6b);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px #e85555,0 10px 20px #ff6b6b66,inset 0 2px #ffffff80}.btn-clear:hover{box-shadow:0 12px #e85555,0 15px 30px #ff6b6b80,inset 0 2px #fff9}.btn-clear:active{box-shadow:0 0 #e85555,inset 0 3px 8px #0003}.btn-pause{background:linear-gradient(135deg,#74e0f5,#48dbfb);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px #30c5e8,0 10px 20px #48dbfb66,inset 0 2px #ffffff80}.btn-pause:hover{box-shadow:0 12px #30c5e8,0 15px 30px #48dbfb80,inset 0 2px #fff9}.btn-pause:active{box-shadow:0 0 #30c5e8,inset 0 3px 8px #0003}.btn-turn45-left,.btn-turn45-right{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px #7c3aed,0 10px 20px #8b5cf666,inset 0 2px #ffffff80}.btn-turn45-left:hover,.btn-turn45-right:hover{box-shadow:0 12px #7c3aed,0 15px 30px #8b5cf680,inset 0 2px #fff9}.btn-turn45-left:active,.btn-turn45-right:active{box-shadow:0 0 #7c3aed,inset 0 3px 8px #0003}.hidden-45{display:none!important}.btn-fwd{grid-column:2;grid-row:1}.btn-turn45-left{grid-column:1;grid-row:1}.btn-turn45-right{grid-column:3;grid-row:1}.btn-left{grid-column:1;grid-row:2}.btn-go{grid-column:2;grid-row:2}.btn-right{grid-column:3;grid-row:2}.btn-clear{grid-column:1;grid-row:3}.btn-back{grid-column:2;grid-row:3}.btn-pause{grid-column:3;grid-row:3}.center-stage{display:flex;flex-direction:column;align-items:center;gap:1vh;z-index:50;width:auto;max-width:100%;margin-bottom:0;margin-top:1vh;padding-left:280px;overflow:visible}@media(max-width:1400px){.center-stage{padding-left:240px}}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-cols, 5),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows, 5),minmax(0,1fr));gap:2px;background-color:#2d3436;border:8px solid #2D3436;border-radius:var(--radius-lg);overflow:visible;position:relative;box-shadow:0 20px 50px #0003,0 0 0 4px #fff3;--cell-size: min(calc(60vh / var(--grid-rows, 5)), calc(70vw / var(--grid-cols, 5)));width:calc(var(--cell-size) * var(--grid-cols, 5) + 2px * (var(--grid-cols, 5) - 1) + 16px);height:calc(var(--cell-size) * var(--grid-rows, 5) + 2px * (var(--grid-rows, 5) - 1) + 16px);margin:0 auto;max-width:calc(100vw - 320px)}.grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.grid-column-labels{display:grid;grid-template-columns:repeat(var(--grid-cols, 5),1fr);width:100%;gap:2px;margin-bottom:.25rem}.grid-column-label{font-weight:800;font-size:1.2rem;color:var(--color-dark);text-align:center;font-family:Outfit,sans-serif;text-shadow:0 2px 4px rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.grid-with-row-labels{display:flex;gap:.5rem;align-items:stretch}.grid-row-labels{display:grid;grid-template-rows:repeat(var(--grid-rows, 5),1fr);gap:2px;height:100%;margin-right:.25rem}.grid-row-label{font-weight:800;font-size:1.2rem;color:var(--color-dark);text-align:center;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;text-shadow:0 2px 4px rgba(255,255,255,.8);padding:0 .5rem}.theme-controls{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:5rem 1rem 1rem;border-radius:0;box-shadow:0 0 40px #0000001a;display:flex;flex-direction:column;gap:1rem;align-items:stretch;border:none;position:fixed;top:0;left:0;bottom:0;width:260px;height:100vh;overflow-y:auto;z-index:999;border-right:4px solid var(--color-primary)}.theme-controls>div{display:flex;flex-direction:column;gap:.8rem}.theme-controls>div>div{display:flex;flex-direction:column;gap:.4rem}@media(max-width:1400px){.control-panel{width:280px}.theme-controls{width:240px}}@media(max-width:1200px){.simulator-container{flex-direction:column;align-items:center;padding-bottom:40px}.control-panel{position:static;width:90%;max-width:500px;margin-bottom:2rem;transform:none!important;border-radius:var(--radius-lg);height:auto;border:1px solid rgba(0,0,0,.1)}.left-panel{border-top:8px solid var(--color-primary)}.right-panel{border-top:8px solid var(--color-success)}.control-panel h3{position:relative}.theme-controls{position:static;width:90%;max-width:500px;margin-bottom:2rem;border-radius:var(--radius-lg);height:auto;border-right:none;border-top:4px solid var(--color-primary)}.center-stage{width:95%;margin-bottom:2rem;padding-left:0}}.theme-controls label{font-weight:800;color:var(--color-dark);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;margin-bottom:.3rem}.theme-controls select{padding:.6rem .8rem;border:2px solid #eee;border-radius:10px;font-family:inherit;font-size:.85rem;font-weight:600;background-color:#fff;cursor:pointer;transition:all .2s;outline:none;width:100%}.theme-controls select:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #ffd5001a}.grid-cell{background-color:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;color:#555;-webkit-user-select:none;user-select:none;aspect-ratio:1 / 1;width:100%;min-height:0}.grid-cell--transparent{background-color:transparent!important;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px #ffffff80}.cell-image{width:80%;height:80%;object-fit:contain}.cell-icon{font-size:2rem}.cell-label{position:absolute;bottom:2px;right:4px;font-size:.7rem;background:#fffc;padding:1px 4px;border-radius:4px;color:#333}.bee-bot,.blue-bot{position:absolute;z-index:20;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;box-shadow:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3));display:flex;justify-content:center;margin:0;padding:0;top:0;left:0;transition:left .5s ease,top .5s ease,transform .5s ease;cursor:grab}.bee-bot{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%23FFD700'%20stroke='%23E6C200'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot.robot-2{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%23FF69B4'%20stroke='%23FF1493'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot.robot-3{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%232ECC71'%20stroke='%2327AE60'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot.robot-4{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%23FF8C00'%20stroke='%23FF6B00'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot.robot-5{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%2348DBFB'%20stroke='%230ABDE3'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot.robot-6{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Body%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='%23A78BFA'%20stroke='%238B5CF6'%20stroke-width='4'/%3e%3c!--%20Stripes%20--%3e%3cpath%20d='M30%2060%20Q100%2070%20170%2060'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M25%2090%20Q100%20100%20175%2090'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3cpath%20d='M30%20120%20Q100%20130%20170%20120'%20stroke='black'%20stroke-width='8'%20fill='none'%20opacity='0.8'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='black'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.blue-bot{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3c!--%20Transparent%20Body%20Shell%20--%3e%3cpath%20d='M100%20180%20C40%20180%2020%20120%2020%2080%20C20%2040%2040%2010%20100%2010%20C160%2010%20180%2040%20180%2080%20C180%20120%20160%20180%20100%20180%20Z'%20fill='rgba(100,%20200,%20255,%200.4)'%20stroke='%233498DB'%20stroke-width='4'/%3e%3c!--%20Internal%20Circuitry%20(Stylized)%20--%3e%3crect%20x='50'%20y='50'%20width='100'%20height='100'%20rx='20'%20fill='rgba(0,0,0,0.1)'/%3e%3cpath%20d='M60%2060%20L140%2060%20L140%20140%20L60%20140%20Z'%20fill='none'%20stroke='rgba(52,%20152,%20219,%200.5)'%20stroke-width='2'/%3e%3ccircle%20cx='100'%20cy='100'%20r='30'%20fill='none'%20stroke='%232ECC71'%20stroke-width='2'%20stroke-dasharray='4%202'/%3e%3c!--%20Eyes%20--%3e%3ccircle%20cx='60'%20cy='30'%20r='15'%20fill='white'%20stroke='%233498DB'%20stroke-width='2'/%3e%3ccircle%20cx='60'%20cy='30'%20r='5'%20fill='black'/%3e%3ccircle%20cx='140'%20cy='30'%20r='15'%20fill='white'%20stroke='%233498DB'%20stroke-width='2'/%3e%3ccircle%20cx='140'%20cy='30'%20r='5'%20fill='black'/%3e%3c/svg%3e")}.bee-bot:after,.bee-bot .eyes,.bee-bot .stripes,.blue-bot .eyes,.blue-bot .stripes{display:none}.bee-bot.dragging,.blue-bot.dragging{cursor:grabbing;transition:none;z-index:100;transform:scale(1.1)!important;filter:drop-shadow(0 15px 15px rgba(0,0,0,.4))}.grid-cell.obstacle{background-image:repeating-linear-gradient(45deg,#e74c3c,#e74c3c 10px,#c0392b 10px,#c0392b 20px);box-shadow:inset 0 0 10px #00000080;cursor:not-allowed}.grid-cell.obstacle:after{content:"🚧";font-size:2.5rem;z-index:5;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.challenge-target{border:4px solid #FFD700!important;background:linear-gradient(135deg,gold,orange,gold)!important;box-shadow:inset 0 0 20px #ffd70099,0 0 30px #ffd700cc!important;animation:pulse-glow 2s infinite}.challenge-marker{animation:float 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,215,0,.8));font-size:3rem;text-shadow:0 0 10px rgba(255,215,0,.8)}.css-triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:40px solid red}footer{text-align:center;padding:3rem;color:#888;font-size:.9rem;margin-top:auto;font-weight:600}.hidden{display:none!important}@media(max-width:1100px){.simulator-container{grid-template-columns:1fr;max-width:600px;margin:0 auto}.control-panel{max-width:100%}.center-stage{order:-1}.left-panel,.right-panel{order:2}}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.guide-card{background:var(--color-surface);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.6);transition:transform .3s ease}.guide-card:hover{transform:translateY(-5px)}.guide-card h3{font-family:Outfit,sans-serif;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem;color:var(--color-dark)}.guide-card h3 .icon{font-size:1.8rem}.guide-card ul{padding-left:0;list-style:none}.guide-card li{margin-bottom:1rem;font-size:1.05rem;line-height:1.6;display:flex;align-items:flex-start;gap:.8rem}.guide-card li strong{color:var(--color-primary-dark);min-width:80px}.guide-icon{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background:#eee;border-radius:4px;font-size:.8rem;font-weight:700;margin:0 4px}.bluebot-highlight{border-top:6px solid #3498DB}.beebot-highlight{border-top:6px solid var(--color-primary)}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.section-divider{border:0;height:1px;background:#0000001a;margin:3rem 0}.age-header{font-family:Outfit,sans-serif;color:var(--color-dark);font-size:1.8rem;margin-bottom:.5rem}.age-desc{color:#666;margin-bottom:2rem;font-size:1.1rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.tag{font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.tag-blue{background:#e1f5fe;color:#0288d1}.tag-green{background:#e8f5e9;color:#388e3c}.tag-purple{background:#f3e5f5;color:#7b1fa2}.tag-orange{background:#fff3e0;color:#f57c00}.tag-red{background:#ffebee;color:#d32f2f}.beebot-card{width:250px;height:250px;border:3px solid #333;border-radius:20px;background-color:#fc0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-sizing:border-box;background-image:radial-gradient(#ffe066 10%,transparent 10%);background-size:30px 30px;box-shadow:var(--shadow-card);transition:transform .3s ease}.beebot-card:hover{transform:translateY(-5px) scale(1.02)}.beebot-card .inner-border{width:210px;height:210px;border:2px dashed rgba(0,0,0,.2);border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff6}.beebot-card .card-icon{font-size:100px;line-height:1;color:#333;text-shadow:2px 2px 0 white}.beebot-card .card-label{position:absolute;bottom:15px;font-size:18px;font-weight:800;color:#333;text-transform:uppercase;letter-spacing:1px;background:#fff;padding:5px 15px;border-radius:8px;border:2px solid #333}.beebot-card.fwd{background-color:#fc0}.beebot-card.back{background-color:#ffd200}.beebot-card.left{background-color:#ffb700}.beebot-card.right{background-color:#ffa200}.beebot-card.go{background-color:#4caf50;color:#fff}.beebot-card.clear{background-color:#f44336;color:#fff}.beebot-card.pause{background-color:#2196f3;color:#fff}.beebot-card.go .card-label,.beebot-card.clear .card-label,.beebot-card.pause .card-label{color:#fff;background:#0003;border-color:#fff}.beebot-card.go .card-icon,.beebot-card.clear .card-icon,.beebot-card.pause .card-icon{color:#fff;text-shadow:none}@media print{@page{size:A4;margin:5mm}body,main,.cards-print-container{background:#fff!important;margin:0!important;padding:0!important;display:block!important}.main-header,.no-print,nav{display:none!important}.cards-print-container{display:block!important}.print-page{display:grid!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:5mm;padding:10mm 5mm 0;height:280mm;box-sizing:border-box;page-break-after:always;align-items:center;justify-items:center}.beebot-card{width:75mm;height:75mm;box-shadow:none;border-width:1mm;border-radius:5mm;background-size:10mm 10mm;page-break-inside:avoid;break-inside:avoid}.beebot-card .inner-border{width:65mm;height:65mm;border-width:.5mm}.beebot-card .card-icon{font-size:30mm}.beebot-card .card-label{font-size:14pt;bottom:5mm;padding:1mm 4mm;border-width:.5mm}}.tapete-section{max-width:1000px;margin:0 auto}.tapete-header{text-align:center;margin-bottom:3rem}.tapete-header h2{font-family:Outfit,sans-serif;font-size:2.5rem;color:var(--color-dark);margin-bottom:.5rem}.size-selector{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.size-btn{background:#fff;border:2px solid #eee;border-radius:var(--radius-md);padding:1rem 2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;min-width:160px}.size-btn.active{border-color:var(--color-primary);background:#fffde7;box-shadow:0 4px 12px #ffd50033;transform:translateY(-2px)}.size-btn:hover:not(.active){border-color:#ddd;transform:translateY(-2px)}.size-icon{font-size:1.5rem}.size-info h4{margin:0;font-size:1.1rem}.size-info p{margin:0;color:#888;font-size:.85rem}.theme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:3rem}.theme-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:var(--shadow-sm)}.theme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.theme-card.active{border-color:var(--color-primary);box-shadow:0 0 0 4px #ffd50033}.theme-preview{height:120px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-preview img{width:100%;height:100%;object-fit:cover}.theme-name{padding:.8rem;font-weight:700;text-align:center;font-size:.9rem}.canvas-area{background:#2d3436;padding:2rem;border-radius:var(--radius-lg);display:flex;justify-content:center;margin-bottom:2rem;box-shadow:inset 0 0 20px #0003}.canvas-wrapper{background:#fff;box-shadow:0 10px 30px #0000004d;max-width:100%}.controls-bar{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:var(--radius-round);box-shadow:var(--shadow-float);width:fit-content;margin-left:auto;margin-right:auto}.toggle-label{display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}.tapete-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.btn-action{padding:1rem 2rem;border-radius:var(--radius-round);border:none;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .2s;box-shadow:var(--shadow-btn)}.btn-primary{background:var(--color-primary);color:var(--color-dark)}.btn-secondary{background:#fff;color:var(--color-dark);border:2px solid #eee}.btn-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;background:#fff;padding:2rem;border-radius:var(--radius-lg);margin-top:2rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.legend-num{background:var(--color-dark);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.save-controls{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}#sequence-name{flex:1;min-width:0;padding:.8rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:.9rem;transition:all .2s;outline:none}#sequence-name:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #2ecc711a}.btn-save{background:var(--color-success);color:#fff;border:none;padding:0 1.2rem;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px #27ae60;transition:all .1s;display:flex;align-items:center;gap:.5rem}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px #27ae60}.btn-save:active{transform:translateY(2px);box-shadow:none}.saved-sequences{background:#f8f9fa;border-radius:12px;padding:.5rem;min-height:150px;max-height:250px;overflow-y:auto;margin-bottom:1.5rem;border:1px solid #eee}.saved-sequences::-webkit-scrollbar{width:6px}.saved-sequences::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.saved-sequence-item{background:#fff;padding:.8rem;border-radius:8px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #00000008;border:1px solid transparent;transition:all .2s}.saved-sequence-item:hover{border-color:var(--color-primary);transform:translate(2px);box-shadow:0 4px 12px #0000000d}.seq-info{display:flex;flex-direction:column}.seq-info strong{color:var(--color-dark);font-size:.95rem}.seq-info small{color:#888;font-size:.75rem;margin-top:2px;display:flex;align-items:center;gap:4px}.seq-actions{display:flex;gap:.3rem}.btn-load,.btn-delete{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.btn-load{background:#e1f5fe;color:#0288d1}.btn-load:hover{background:#0288d1;color:#fff;transform:translateY(-2px)}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#d32f2f;color:#fff;transform:translateY(-2px)}.export-controls{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;border-top:1px solid #eee;padding-top:1.5rem}.btn-export,.btn-import{padding:.8rem;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-export{background:var(--color-dark);color:#fff;box-shadow:0 4px #000}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px #000}.btn-import{background:#e0e0e0;color:#333;box-shadow:0 4px #bdbdbd}.btn-import:hover{transform:translateY(-2px);box-shadow:0 6px #bdbdbd;background:#d5d5d5}.btn-export:active,.btn-import:active{transform:translateY(2px);box-shadow:none}.empty-message{text-align:center;color:#aaa;font-style:italic;margin-top:2rem;font-size:.9rem}.celebration-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.celebration-overlay.active{opacity:1;pointer-events:all}.celebration-card{background:#fff;padding:3rem;border-radius:30px;text-align:center;box-shadow:0 25px 50px -12px #00000080;transform:scale(.8);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.celebration-overlay.active .celebration-card{transform:scale(1)}.celebration-card h2{font-size:3.5rem!important;margin:0 0 1rem!important;background:linear-gradient(45deg,#f59e0b,#ef4444,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important}.celebration-card p{font-size:1.5rem;color:#64748b;margin-bottom:2rem}.btn-celebrate{background:var(--color-primary);color:var(--color-dark);font-weight:800;padding:1rem 2.5rem;font-size:1.2rem;border-radius:var(--radius-round);border:none;cursor:pointer;box-shadow:0 8px 15px #f59e0b4d;transition:all .3s}.btn-celebrate:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 20px #f59e0b66}.mode-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff9;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;font-size:.9rem;color:var(--color-dark)}.mode-toggle:hover{background:#fff;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sm)}.mode-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.btn-action{border:none!important;border-radius:14px!important;font-family:Outfit,sans-serif!important;font-weight:800!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;box-shadow:0 4px #00000026!important;text-transform:uppercase;letter-spacing:.5px}.btn-action:hover{transform:translateY(-3px)!important;filter:brightness(1.1);box-shadow:0 6px #00000026!important}.btn-action:active{transform:translateY(1px)!important;box-shadow:0 1px #00000026!important}#drawing-canvas,#drawing-canvas-bb{image-rendering:pixelated;transition:opacity .3s}.pen-positions-container{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;background:#fff6;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.05);margin-top:.5rem}.pen-positions-container span{font-size:.8rem;font-weight:800;color:var(--color-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.pen-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pen-pos-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;padding:.4rem;border-radius:8px;background:#fff;border:2px solid transparent;transition:all .2s;font-size:.65rem;font-weight:800}.pen-pos-item:hover{background:#f1f5f9}.pen-pos-item input{display:none}.pen-pos-item.active{border-color:var(--color-info);background:#e0f2fe;color:#0369a1}.pen-pos-icon{font-size:1rem}.pen-customization{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background:#fff6;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.05);margin-top:.5rem}.pen-customization .control-group{display:flex;flex-direction:column;gap:.4rem}.pen-customization label{font-size:.75rem;font-weight:800;color:var(--color-dark);text-transform:uppercase;letter-spacing:.5px}.pen-customization input[type=color]{width:100%;height:35px;border:none;border-radius:8px;cursor:pointer;background:#fff;padding:2px}.pen-customization input[type=range]{width:100%;cursor:pointer}.action-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.6rem;padding:8px;background:#00000008;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05)}.btn-action{border:none;border-radius:10px;font-weight:800;font-size:.85rem;padding:.4rem .8rem;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:5px;box-shadow:0 3px #0000001a;position:relative;overflow:hidden}.btn-action:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 5px #0000001a}.btn-action:active{transform:translateY(2px);box-shadow:0 1px #0000001a}#clear-pen-btn{background:linear-gradient(135deg,#64748b,#475569)!important}#challenge-btn,#challenge-btn-bb{background:linear-gradient(135deg,#a855f7,#7e22ce)!important}.mode-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#fff;border-radius:50px;border:2px solid #e2e8f0;transition:all .2s;cursor:pointer;font-size:.8rem;font-weight:700}.switch-container{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 10px;background:#fff;border-radius:50px;border:2px solid #e2e8f0;transition:all .3s;font-weight:800;font-size:.8rem;color:#475569}.switch-container:hover{border-color:var(--color-primary);background:#fffdf0}.switch-container input{opacity:0;width:0;height:0;position:absolute}.checkmark{position:relative;width:32px;height:18px;background-color:#cbd5e1;border-radius:20px;transition:.4s;margin-right:6px}.checkmark:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.checkmark{background-color:var(--color-success)}#challenge-placement-mode:checked+.checkmark,#challenge-placement-mode-bb:checked+.checkmark{background-color:#a855f7}input:checked+.checkmark:before{transform:translate(14px)}.pen-customization{border-top:4px solid var(--color-info)!important;background:#fff9!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.8rem!important;gap:.6rem!important}.pen-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pen-pos-item{flex-direction:column;padding:6px!important;border-radius:10px!important;box-shadow:0 2px 5px #0000000d}.pen-pos-item.active{box-shadow:0 5px 15px #48dbfb4d;transform:scale(1.05)}.btn-global-go{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;padding:.6rem 1rem;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 4px #219150,0 8px 15px #2ecc714d;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;margin-right:1rem}.btn-global-go:hover{transform:translateY(-2px);box-shadow:0 6px #219150,0 12px 20px #2ecc7166;filter:brightness(1.1)}.btn-global-go:active{transform:translateY(2px);box-shadow:0 0 #219150,inset 0 3px 5px #0003}@media(max-width:768px){.btn-global-go{padding:.5rem .8rem;font-size:.8rem}}