@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#25282b;background:#f6f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7b57d7;outline-offset:4px}[hidden]{display:none!important}.app{max-width:1220px;margin:auto;padding:0 44px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdcd4}.brand{display:flex;align-items:center;gap:5px;color:inherit;text-decoration:none;font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;background:#7860d3;color:#fff;width:41px;height:41px;border-radius:12px;transform:rotate(-8deg);margin-right:8px;font-size:29px}.amp{color:#9187a3;font-weight:400}.edition{font-size:10px;letter-spacing:1.9px;font-weight:700}.edition i{font-style:normal;padding:8px;border:1px solid #d7d7ce;border-radius:50%;margin-left:16px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:38px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 12px;color:#72628c}h1{font:600 clamp(32px,4vw,49px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2.3px;margin:0}h1 span{color:#9172de}.intro>p{font-size:13px;color:#717773;line-height:1.8;margin-bottom:3px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.play-panel{border:1px solid #d2d8cd;border-radius:18px;overflow:hidden;background:#e3eee4;box-shadow:0 5px 0 #dedfd6}.arena-top,.arena-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:10px;font-weight:700;letter-spacing:1.5px}.arena-top{border-bottom:1px solid #cad7c9}.arena-top>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#729777;border-radius:50%}.arena{position:relative;height:605px;isolation:isolate;overflow:hidden;background:#dcecd8}.arena canvas{width:100%;height:100%;display:block;object-fit:contain;background:#dcecd8}.scoreboard{position:absolute;z-index:2;left:25px;right:25px;top:20px;display:flex;justify-content:space-between;pointer-events:none}.scoreboard>div{display:flex;flex-direction:column;gap:1px}.scoreboard small{font-size:9px;letter-spacing:2px;color:#607a67}.scoreboard strong{font:600 36px 'Space Grotesk',sans-serif;color:#344f3d}.scoreboard .best{text-align:right}.scoreboard .best strong{font-size:27px;color:#7e937d}.screen{position:absolute;inset:80px 12px 65px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:3;padding:10px 18px;background:radial-gradient(ellipse,#dcecd8 35%,#dcecd8e8 65%,#dcecd800 75%)}.pill{font-size:8px;letter-spacing:1.5px;font-weight:700;background:#ffffff80;border:1px solid #bfcebc;border-radius:30px;padding:8px 12px}.screen h2{font:600 34px 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:22px 0 10px}.screen p{font-size:14px;line-height:1.7;max-width:330px;margin:0;color:#526650;white-space:pre-line}.screen>small{font-size:10px;line-height:1.6;color:#61765d;max-width:310px;margin-top:20px}.mascot{width:68px;height:57px;border-radius:50% 52% 45% 50%;background:#b29aec;border:2px solid #594678;position:relative;margin-top:28px;transform:rotate(-8deg);box-shadow:inset 0 -8px #987ccf;animation:bob 2.5s ease-in-out infinite}.wing{position:absolute;width:30px;height:20px;background:#d9c9f5;left:-9px;top:24px;border:2px solid #594678;border-radius:50%;transform:rotate(-20deg)}.eye{position:absolute;right:12px;top:10px;width:16px;height:19px;border-radius:50%;background:#fff}.eye:after{content:'';position:absolute;right:2px;top:6px;width:6px;height:8px;background:#343344;border-radius:50%}.beak{position:absolute;right:-15px;top:30px;width:24px;height:12px;background:#edbe72;border:2px solid #594678;border-radius:3px 80% 70% 3px}.levels{display:flex;gap:7px;margin-top:25px}.levels span{font-size:11px;padding:9px 16px;border:1px solid #b5c6b1;border-radius:8px;color:#7f927b}.levels .selected{background:#334b3b;border-color:#334b3b;color:white;box-shadow:0 3px 0 #b3c6ae}.arena-caption{position:absolute;bottom:19px;left:22px;right:22px;display:flex;justify-content:space-between;color:#5f775b;font-size:8px;letter-spacing:2px}.arena-bottom{background:#fafbf6;letter-spacing:0;font-weight:500;gap:12px;min-height:51px}.arena-bottom>span:last-child{font-size:8px;color:#8c9086;letter-spacing:1.2px;white-space:nowrap}aside{display:flex;flex-direction:column;gap:17px}.camera-card{background:#fff;border:1px solid #e0e0d8;border-radius:15px;padding:16px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.card-heading h2{font:600 13px 'Space Grotesk',sans-serif;margin:0}.card-heading>span{font-size:7px;letter-spacing:1px;color:#7e8180;background:#f0f1ec;border-radius:4px;padding:5px 7px}.card-heading>span.ready{color:#3f7958;background:#e1f1e7}.camera-view{position:relative;height:155px;background:#282d2b;overflow:hidden;border-radius:9px}.camera-view video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-guide{position:absolute;inset:15px 33%;border:1px dashed #d1d9ce77;border-radius:45%}.camera-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;color:#e3e6de}.cam-corner{position:absolute;top:8px;left:12px;color:#a8bba4;font-size:25px}.signal-row{display:flex;gap:6px;margin-top:12px}.signal-row span{flex:1;text-align:center;font-size:8px;padding:7px 0;border-radius:5px;background:#f2f3ee;color:#80877a;transition:background .1s}.signal-row span.active{background:#e4dbfa;color:#6d42b2}.privacy{font-size:8px;color:#8b9587;margin:12px 0 0}.control-card{background:#eeebf6;border:1px solid #dfd8eb;border-radius:15px;padding:20px}.control-card .eyebrow{font-size:8px;letter-spacing:1.6px}.control-card h2{font:500 25px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:0 0 18px}.control{display:flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #dbd5e7}.gesture{width:37px;height:31px;border:1px solid #d7cee4;border-radius:9px;display:grid;place-items:center;font-size:12px;color:#7558aa;background:#f7f4fc}.tongue-icon{font-size:28px}.control>div{display:flex;flex-direction:column;gap:4px}.control strong{font-size:11px;font-weight:600}.control small{font-size:9px;color:#7f778c}.control-arrow{margin-left:auto;color:#847294;font-size:19px}.control-note{font-size:9px;color:#8b8098;line-height:1.7;margin:13px 0 0}.tip{display:flex;align-items:center;gap:12px;padding:0 9px}.tip>span{color:#9a7fc6;font-size:28px}.tip p{font-size:10px;color:#85867d;line-height:1.6;margin:0}.text-button{border:0;background:none;color:#7e639e;font-size:10px;padding:0}.actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}button{border:1px solid #334b3b;border-radius:9px;padding:11px 18px;background:#334b3b;color:white;font-size:12px;font-weight:600}.secondary{background:transparent;color:#334b3b;border-color:#9db398;font-size:10px}.progress{width:min(240px,90%);height:5px;background:#becfb8;border-radius:9px;overflow:hidden;margin-top:20px}.progress span{display:block;height:100%;width:0;background:#8660bd;transition:width .1s}.pause{position:absolute;inset:0;background:#e2eedddc;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:25px}.pause strong{font:600 26px 'Space Grotesk',sans-serif}.pause span{font-size:13px;line-height:1.7}footer{display:flex;justify-content:space-between;margin:35px 0 25px;color:#9b9d91;font-size:8px;letter-spacing:1.3px}footer span:last-child{letter-spacing:0;font-size:10px}@keyframes bob{50%{transform:translateY(-7px) rotate(4deg)}}
@media(min-width:1100px){.arena{height:630px}}@media(max-width:800px){.app{padding:0 22px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.intro>p{font-size:11px}.arena{height:575px}.screen h2{font-size:28px}.screen{padding:8px}.levels span{padding:8px 11px}.control-card{padding:17px}.camera-card{padding:12px}.camera-view{height:130px}}
@media(max-width:620px){.app{padding:0 15px}header{height:69px}.brand{font-size:21px}.brand-mark{width:33px;height:33px;font-size:25px}.edition{font-size:7px;letter-spacing:1px}.edition i{display:none}.intro{margin:22px 0 20px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:34px;letter-spacing:-1.7px}.intro>p{display:none}.layout{display:flex;flex-direction:column;gap:17px}.arena{height:clamp(390px,62svh,600px)}.arena-top{padding:12px 16px;font-size:9px}.arena-bottom{padding:12px 14px;font-size:10px}.scoreboard{left:17px;right:17px;top:14px}.scoreboard strong{font-size:29px}.screen{inset:60px 8px 45px}.screen h2{font-size:29px;margin-top:16px}.screen p{font-size:12px;max-width:285px}.screen>small{margin-top:13px;font-size:9px}.mascot{margin-top:20px;width:57px;height:49px}.levels{margin-top:17px}.pill{font-size:7px}.arena-caption{bottom:15px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.camera-card{align-self:start;padding:11px}.card-heading{gap:5px}.card-heading h2{font-size:11px}.card-heading>span{font-size:6px;padding:4px}.camera-view{height:125px}.signal-row{gap:3px}.signal-row span{font-size:7px}.privacy{font-size:7px;line-height:1.6}.control-card{grid-row:span 2;padding:13px}.control-card h2{font-size:22px;margin-bottom:10px}.control{gap:7px;padding:8px 0}.gesture{width:28px;height:27px;font-size:10px;flex-shrink:0}.control strong{font-size:9px}.control small{font-size:8px}.control-arrow{font-size:15px}.control-note{font-size:8px}.tip{padding:0 3px;align-self:start;gap:7px}.tip p{font-size:9px}.text-button{grid-column:1/-1}footer{margin-top:26px;font-size:7px}footer span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#screen[data-phase="error"] .mascot{display:none}#screen[data-phase="error"]{overflow-y:auto}#screen[data-phase="error"] h2{margin-top:15px}.play-panel{scroll-margin-top:10px}
.scoreboard .lives-hud{align-items:center}#lives{display:flex;gap:5px;line-height:1.25;font-size:28px;color:#b44b69;text-shadow:0 2px 0 #ffffff70}#lives .empty{color:#9dad98;opacity:.45}#lives span{transition:color .15s,opacity .15s}@media(max-width:620px){#lives{font-size:24px;gap:4px}}
@media(max-width:360px){.edition{display:none}aside{grid-template-columns:1fr}.camera-view{height:170px}.camera-card{padding:15px}.control-card{grid-row:auto;padding:20px}.control-card h2{font-size:25px}.control{padding:12px 0;gap:14px}.control strong{font-size:12px}.control small{font-size:10px}.gesture{width:37px;height:32px}.control-note,.privacy,.signal-row span{font-size:9px}.card-heading h2{font-size:14px}.card-heading>span{font-size:8px}.tip{padding:8px}.tip p{font-size:11px}#screen[data-phase="error"]{inset:45px 8px 35px}#screen[data-phase="error"] p{font-size:11px}#screen[data-phase="error"]>small{font-size:8px}}