:root{--bg:#0f1226;--bg-grad-a:#171a3d;--bg-grad-b:#0b0d20;--panel:#1c2046;--panel-border:#343a74;--text:#e7e8f5;--text-muted:#9ca0c7;--accent:#4cc9f0;--accent-2:#a28bfb;--win:#06d6a0;--lose:#ff5d8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, var(--bg-grad-a), var(--bg-grad-b) 70%);min-height:100vh;margin:0}button{font:inherit;color:inherit}.app{flex-direction:column;align-items:center;gap:1.25rem;min-height:100vh;padding:1.75rem 1.25rem 2rem;display:flex;position:relative}.app__header{text-align:center;max-width:32rem}.app__header h1{letter-spacing:.01em;margin:0 0 .35rem;font-size:1.7rem}.app__ia{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.app__title-emoji{object-fit:contain;vertical-align:middle;width:2rem;height:2rem;display:inline-block;transform:translateY(-.15rem)}.app__subtitle{color:var(--text-muted);margin:0 0 .6rem;font-size:.95rem}.app__badges{flex-direction:column;align-items:center;gap:.6rem;display:flex}.app__status{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;align-items:center;gap:.6rem;margin:0;padding:.45rem 1rem;display:inline-flex}.app__status-label{color:var(--text-muted);font-size:.85rem}.app__status-dots{gap:.3rem;display:inline-flex}.app__status-dot{background:var(--panel-border);border-radius:50%;width:.55rem;height:.55rem;transition:background .2s,transform .2s}.app__status-dot--filled{background:linear-gradient(135deg, var(--accent), var(--accent-2));transform:scale(1.15)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battery{align-items:center;display:inline-flex}.battery__cells{border:2px solid var(--panel-border);border-radius:3px;gap:2px;width:2.1rem;height:.95rem;padding:2px;display:flex}.battery__nub{background:var(--panel-border);border-radius:0 2px 2px 0;width:3px;height:.5rem;margin-left:-1px}.battery__cell{background:var(--panel-border);border-radius:1px;flex:1;transition:background .2s}.battery__cell--filled{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.battery__cell--empty{background:#ff5d8f4d}.app__footer{color:var(--text-muted);opacity:.6;margin:0;font-size:.65rem;position:absolute;top:.75rem;right:1rem}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(80vw,19rem);display:grid}.cell{aspect-ratio:1;border:2px solid var(--panel-border);background:linear-gradient(145deg, var(--panel), #262b56);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,background .2s;display:flex;box-shadow:0 6px 14px #00000059}.cell:hover:not(:disabled){transform:translateY(-3px)scale(1.03);box-shadow:0 10px 20px #00000073}.cell:active:not(:disabled){transform:translateY(0)scale(.98)}.cell:disabled{cursor:default}.cell--revealed{background:linear-gradient(145deg,#262b56,#1c2046);animation:.25s reveal-pop}.cell--robot{border-color:var(--accent);box-shadow:0 0 0 3px #4cc9f059,0 10px 20px #00000073}.cell--robot-missed{opacity:.55;border-style:dashed;border-color:var(--lose);box-shadow:0 0 0 3px #ff5d8f40,0 10px 20px #00000073}.cell--correct{border-color:var(--win);box-shadow:0 0 0 3px #06d6a040,0 10px 20px #00000073}.cell--wrong{border-color:var(--lose);box-shadow:0 0 0 3px #ff5d8f40,0 10px 20px #00000073}.cell__face{justify-content:center;align-items:center;font-size:clamp(1.4rem,5vw,2rem);line-height:1;display:flex}.cell__robot-img{object-fit:contain;width:72%;height:72%}.cell__mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.cell__mark--correct{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--win)}.cell__mark--wrong{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--lose)}@keyframes reveal-pop{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#050610bf;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:1.25rem;width:min(92vw,28rem);padding:1.75rem;box-shadow:0 20px 50px #00000080}.modal__eyebrow{border:1px solid var(--panel-border);background:#4cc9f01f;border-radius:999px;margin:0 0 1.1rem;padding:.35rem .9rem;display:inline-flex}.modal__eyebrow-text{letter-spacing:.02em;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.8rem;font-weight:700}.modal__question{margin:0 0 1.25rem;font-size:1.05rem;line-height:1.4}.modal__options{flex-direction:column;gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.modal__option{text-align:left;border:2px solid var(--panel-border);cursor:pointer;background:#141734;border-radius:.75rem;width:100%;padding:.7rem 1rem;transition:border-color .15s,background .15s}.modal__option:hover{border-color:var(--accent-2)}.modal__option--selected{border-color:var(--accent);background:#4cc9f026}.modal__confirm{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0d20;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.8rem 1rem;font-weight:700;transition:opacity .15s,transform .15s}.modal__confirm:disabled{opacity:.4;cursor:not-allowed}.modal__confirm:not(:disabled):hover{transform:translateY(-1px)}.end-card{text-align:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.35rem;width:min(88vw,26rem);padding:1.1rem 1.5rem;display:flex;box-shadow:0 20px 50px #00000080}.end-card__robot{width:5rem;height:5rem;position:relative}.end-card__robot-img{object-fit:contain;width:100%;height:100%}.end-card--win .end-card__robot{animation:.9s infinite bounce}.end-card--lose .end-card__robot{animation:.6s shake}.end-card--lose .end-card__robot-img{filter:grayscale(.7)brightness(.8);transform:rotate(-8deg)}.sparkle{font-size:2rem;animation:1.4s linear infinite sparkle-spin;position:absolute;top:-.6rem;right:-1rem}.tear{font-size:1.6rem;animation:1.4s ease-in infinite tear-fall;position:absolute;bottom:1.7rem;left:40%}.end-card__title{margin:0;font-size:1.4rem}.end-card--win .end-card__title{color:var(--win)}.end-card--lose .end-card__title{color:var(--lose)}.end-card__message{max-width:24rem;color:var(--text-muted);margin:0 0 .25rem}.end-card__prize{color:#2a1b00;background:linear-gradient(135deg,#ffd166,#ff8c42);border-radius:999px;margin:.15rem 0 .4rem;padding:.45rem 1rem;font-size:.95rem;font-weight:700;animation:1.4s infinite bounce;box-shadow:0 6px 16px #ffc10759}.end-card__restart{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0d20;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.75rem;font-weight:700;transition:transform .15s}.end-card__restart:hover{transform:translateY(-2px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-4deg)}40%{transform:translate(6px)rotate(4deg)}60%{transform:translate(-4px)rotate(-2deg)}80%{transform:translate(4px)rotate(2deg)}}@keyframes sparkle-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1)}}@keyframes tear-fall{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(1.5rem)}}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;top:-5%}@keyframes confetti-fall{0%{opacity:1;top:-5%}to{opacity:.6;top:105%}}