*{box-sizing:border-box}html,body{color:#e8ecff;background:#1b1730;margin:0;font-family:Rubik,Arial,sans-serif}body.playing{overflow:hidden}.hidden{display:none!important}.muted{color:#8f98c7}.small{font-size:14px}button{font-family:inherit}.screen{min-height:100dvh}.btn{cursor:pointer;color:#2a1a05;background:linear-gradient(#ffcf3d,#f0a400);border:0;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #9a6400,0 0 24px #ffc93359}.btn:active{transform:translateY(3px);box-shadow:0 2px #9a6400}.btn.big{padding:14px 26px;font-size:24px}.btn.ghost{color:#cfd6ff;background:#1d2450;box-shadow:0 4px #0f1433}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;flex:none;width:42px;height:42px;font-size:22px}.hero-icons{letter-spacing:10px;font-size:58px;animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)}}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;max-width:980px;margin:0 auto;padding:18px 14px 40px;display:grid}.mcard{color:#fff;cursor:pointer;background:#262046;border:3px solid #ffc933;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font:800 16px Rubik,sans-serif;transition:transform .1s;display:flex}.mcard:hover{transform:translateY(-3px)}.mcard .mi{font-size:42px}.mcard small{color:#ffe23d;letter-spacing:2px;font-size:15px}.mcard.locked{opacity:.6;cursor:default;border-color:#3b3366}#play{flex-direction:column;min-height:100dvh;display:flex;position:relative}.steps{background:#1b1730;justify-content:center;gap:8px;padding:8px;display:flex}.steps span{color:#a9a3d6;border:2px solid #3b3366;border-radius:999px;padding:5px 14px;font-size:15px;font-weight:800}.steps span.on{color:#2a1a05;background:#ffc933;border-color:#ffc933}.steps span.done{color:#6ee36e;border-color:#6ee36e}.stage{background:radial-gradient(circle at 50% 0,#2c2650,#1b1730 70%);flex-direction:column;flex:1;align-items:center;gap:10px;padding:10px 12px 18px;display:flex}.concept{color:#e7e3ff;background:#262046;border-inline-start:6px solid #ffc933;border-radius:16px;max-width:820px;padding:10px 14px;font-size:17px;line-height:1.55}.concept.goal{border-color:#4fd1ff}.scene-wrap{background:#1f1b3d;border-radius:18px;width:100%;max-width:900px;overflow:hidden;box-shadow:inset 0 0 0 3px #3b3366}.scene{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.ghost{opacity:.28;filter:grayscale();stroke-dasharray:6 4;cursor:copy;outline:none;animation:1.2s ease-in-out infinite ghosty}@keyframes ghosty{50%{opacity:.5}}.placed{animation:.35s ease-out snap}@keyframes snap{0%{opacity:.3}60%{opacity:1;filter:drop-shadow(0 0 8px #ffc933)}to{opacity:1}}.tray{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#2c2858;border:3px solid #9b8cff;border-radius:14px;padding:10px 16px;font:800 18px Rubik,sans-serif}.chip.sel{border-color:#ffc933;box-shadow:0 0 14px #ffc93399}.chip.used{opacity:.3;cursor:default;text-decoration:line-through}.drag-ghost{pointer-events:none;z-index:200;opacity:.9;position:fixed;transform:translate(-50%,-50%)}.tray-help{color:#a9a3d6;text-align:center;margin:0;font-size:14px}.next{margin-top:4px}.question{color:#fff;text-align:center;max-width:760px;margin-top:30px;font-size:26px;font-weight:900}.answers{flex-direction:column;gap:12px;width:min(620px,100%);display:flex}.ans{color:#fff;cursor:pointer;text-align:right;background:#262046;border:3px solid #3b3366;border-radius:16px;padding:14px 16px;font:800 19px Rubik,sans-serif}.ans:hover:not(:disabled){border-color:#9b8cff}.ans.good{background:#1f3d2a;border-color:#6ee36e}.ans.bad{opacity:.4}.why{background:#1f3d2a;border-radius:16px;max-width:620px;padding:12px 14px;font-size:17px;line-height:1.55}.toast{z-index:60;top:110px;bottom:auto}@keyframes pop{0%{opacity:0;transform:translate(-50%,-10px)}}@media (width<=600px){.concept{font-size:15px}.question{font-size:21px}.chip{padding:8px 12px;font-size:16px}}