*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #173a6b;--navy-dark: #0d2348;--yellow: #ffd23f;--green: #46b93a;--green-dark: #2f8a27;--red: #e33b3b;--red-dark: #a82424;--blue: #2e78d2;--blue-dark: #1b5198;--purple: #8b44cc;--purple-dark: #5f2a8a;--orange: #f2811d;--orange-dark: #b85f00;--font: "Baloo 2", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:#0b1020;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;user-drag:none}.app-root{position:fixed;top:0;right:0;bottom:0;left:0}html,body,.app-root,.app-root *{cursor:none!important}.app-root.native-cursor,.app-root.native-cursor *{cursor:auto!important}.stage-viewport{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1020;overflow:hidden}.stage{position:absolute;left:0;top:0;transform-origin:top left}.speech-bubble-game{background:#fff;border:6px solid var(--navy);border-radius:32px;padding:26px 34px;font-size:38px;font-weight:800;line-height:1.18;color:var(--navy);text-align:center;box-shadow:0 8px #00000026;z-index:40}.speech-bubble-game:after,.speech-bubble-game:before{content:"";position:absolute;width:0;height:0}.tail-left:before{left:-34px;top:60px;border:18px solid transparent;border-right-color:var(--navy)}.tail-left:after{left:-22px;top:64px;border:14px solid transparent;border-right-color:#fff}.tail-down:before{bottom:-34px;left:80px;border:18px solid transparent;border-top-color:var(--navy)}.tail-down:after{bottom:-22px;left:84px;border:14px solid transparent;border-top-color:#fff}.toy-btn{font-family:var(--font);font-weight:900;color:#fff;border:none;border-radius:26px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 26px;line-height:1;position:relative;text-shadow:0 2px 2px rgba(0,0,0,.25)}.toy-btn:after{content:"";position:absolute;left:8%;right:8%;top:7%;height:34%;border-radius:999px;background:linear-gradient(180deg,#ffffff8c,#fff0);pointer-events:none}.art-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;line-height:0;-webkit-tap-highlight-color:transparent}.art-btn-img{height:100%;width:auto;display:block;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.toy-round{border-radius:50%;padding:0}.toy-btn-icon{font-size:1.5em}.toy-btn-label{font-size:.92em}.toy-btn-img{width:78%;height:78%;object-fit:contain}.toy-btn:disabled{opacity:.4;cursor:default}.toy-green{background:linear-gradient(180deg,#5fd24f,var(--green));box-shadow:0 8px 0 var(--green-dark)}.toy-blue{background:linear-gradient(180deg,#4a93e8,var(--blue));box-shadow:0 8px 0 var(--blue-dark)}.toy-yellow{background:linear-gradient(180deg,#ffe06b,var(--yellow));box-shadow:0 8px #b8930a;color:var(--navy);text-shadow:none}.toy-red{background:linear-gradient(180deg,#f25c5c,var(--red));box-shadow:0 8px 0 var(--red-dark)}.toy-purple{background:linear-gradient(180deg,#a463e0,var(--purple));box-shadow:0 8px 0 var(--purple-dark)}.toy-orange{background:linear-gradient(180deg,#ff9d3d,var(--orange));box-shadow:0 8px 0 var(--orange-dark)}.toy-pulse{animation:toyPulse 1.1s ease-in-out infinite}@keyframes toyPulse{0%,to{box-shadow:0 8px 0 var(--green-dark),0 0 #5fd24f99}50%{box-shadow:0 8px 0 var(--green-dark),0 0 0 22px #5fd24f00}}.top-bar{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:60}.top-bar-left{display:flex;gap:16px}.top-bar-stars{display:flex;gap:8px;background:#ffffffd9;border:5px solid var(--navy);border-radius:24px;padding:10px 18px}.prog-star{font-size:46px}.home-mic{position:absolute;top:30px;right:30px;width:96px;height:96px;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;background:linear-gradient(180deg,#9aa3ad,#6b7480);box-shadow:0 6px #0003;z-index:10}.home-mic.on{background:linear-gradient(180deg,#5fd24f,#46b93a);animation:micPulse 1.1s ease-in-out infinite}.home-mic.off{background:linear-gradient(180deg,#f25c5c,#e33b3b)}.pick-extra{position:absolute;left:50%;top:700px;transform:translate(-50%);background:linear-gradient(180deg,#ff9d3d,#f2811d);color:#fff;border:6px solid #fff;border-radius:26px;padding:18px 54px;font-family:var(--font);font-size:46px;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.4);box-shadow:0 9px #00000038;cursor:pointer;z-index:9}.home-title-game{font-size:92px;font-weight:900;color:var(--navy);text-shadow:4px 4px 0 var(--yellow),8px 8px 0 rgba(0,0,0,.15);letter-spacing:1px}.home-sub-game{font-size:40px;font-weight:800;color:#fff;text-shadow:0 3px 5px rgba(0,0,0,.4);margin-top:8px}.pick-card{width:420px;background:#fff;border:8px solid var(--navy);border-radius:36px;padding:32px 28px 40px;cursor:pointer;font-family:var(--font);box-shadow:0 14px #00000038;display:flex;flex-direction:column;align-items:center}.pick-emoji{width:180px;height:180px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:110px;box-shadow:inset 0 -8px 14px #00000040;margin-bottom:20px}.pick-title{font-size:46px;font-weight:900;color:var(--navy)}.pick-sub{font-size:28px;font-weight:700;color:#5a6472;margin-top:6px;text-align:center}.top-bar-badge{display:flex;align-items:center;background:var(--yellow);color:var(--navy);border:5px solid var(--navy);border-radius:22px;padding:0 26px;height:92px;font-size:40px;font-weight:900;box-shadow:0 6px #0000002e;white-space:nowrap}.wand-toggle{position:absolute;top:30px;right:30px;width:92px;height:92px;border:none;cursor:pointer;border-radius:50%;font-size:46px;background:linear-gradient(180deg,#b9c0c9,#7c8794);box-shadow:0 6px #0003;z-index:65}.wand-toggle.on{background:linear-gradient(180deg,#a463e0,#8b44cc);animation:micPulse 1.2s ease-in-out infinite}.wand-hover{box-shadow:0 0 0 6px #ffd23f,0 0 26px 6px #ffd23fcc!important;border-radius:26px}.colour-btn{min-width:200px;padding:20px 30px;border:5px solid #fff;border-radius:22px;font-family:var(--font);font-size:40px;font-weight:900;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.45);cursor:pointer;box-shadow:0 7px #00000040}.colour-btn:active{transform:translateY(4px);box-shadow:0 3px #00000040}.flip-card{position:relative;border-radius:22px;transition:box-shadow .2s}.flip-face,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden;backface-visibility:hidden;box-shadow:0 7px #00000038;border:5px solid var(--navy)}.card-img{width:100%;height:100%;object-fit:cover;display:block}.matched-glow{box-shadow:0 0 0 6px var(--yellow),0 0 28px 6px #ffd23fd9;border-radius:26px}.card-match-star{position:absolute;top:6px;right:8px;font-size:44px;z-index:3}.card-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.card-fallback-label{color:#fff;font-weight:900;font-size:24px;text-shadow:0 2px 2px rgba(0,0,0,.5)}.card-back-fallback{background:linear-gradient(135deg,#2a5db0,var(--navy))}.mic-controller{display:flex;align-items:center;gap:22px;background:#ffffffe6;border:6px solid var(--navy);border-radius:40px;padding:18px 30px;box-shadow:0 10px #00000026}.mic-pill{font-size:30px;font-weight:800;color:var(--navy);max-width:560px}.mic-indicator{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(180deg,#f25c5c,#e33b3b);box-shadow:0 6px #0003}.mic-indicator.on{background:linear-gradient(180deg,#5fd24f,#46b93a);animation:micPulse 1.1s ease-in-out infinite}.mic-indicator.off{background:linear-gradient(180deg,#9aa3ad,#6b7480)}@keyframes micPulse{0%,to{box-shadow:0 6px #0003,0 0 #5fd24f99}50%{box-shadow:0 6px #0003,0 0 0 22px #5fd24f00}}.amazing-title{font-size:130px;font-weight:900;color:#fff;text-shadow:0 0 18px #ffd23f,5px 6px 0 var(--navy);-webkit-text-stroke:3px var(--navy)}.amazing-sub{font-size:46px;font-weight:800;color:var(--navy);background:#ffffffe6;border-radius:24px;padding:12px 30px}.webcam-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.webcam-card{background:#fff;border-radius:24px;padding:24px;max-width:92vw;text-align:center}.webcam-card h3{color:var(--navy);font-size:26px;margin-bottom:14px}.webcam-view{position:relative;width:480px;max-width:84vw;aspect-ratio:4/3;background:#111;border-radius:16px;overflow:hidden;border:4px solid var(--navy)}.webcam-view video{width:100%;height:100%;object-fit:cover}.webcam-msg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#aaa}.webcam-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.webcam-zone{flex:1;border:2px dashed rgba(255,255,200,.5);display:flex;align-items:center;justify-content:center;color:#fff9;font-weight:800;cursor:pointer}.webcam-note{color:#555;font-size:15px;margin:12px 0}