:root{color-scheme:light;--sky-top: #5bd2e6;--sky-mid: #8fe9e0;--sky-low: #fff7d1;--surface: #ffffff;--cream: #fff7d1;--red: #ff2d3f;--deep: #3a1220;--pink: #ff5fb0;--kiss: #ff4fa0;--orange: #ff9f3a;--pop: #ff8d1a;--yellow: #ffd23d;--gold: #fff176;--mint: #46d08a;--sky: #45cbd6;--grape: #9b6bff;--ink: #3a1220;--soft-shadow: 0 18px 42px rgba(58, 18, 32, .18);--button-shadow: 0 9px 0 rgba(58, 18, 32, .18), 0 16px 28px rgba(58, 18, 32, .15);--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow:hidden;font-family:ui-rounded,Nunito,Avenir Next Rounded,Arial Rounded MT Bold,Inter,system-ui,sans-serif;background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.72),transparent 26%),linear-gradient(180deg,var(--sky-top),var(--sky-mid) 50%,var(--sky-low));color:var(--ink)}button,input{font:inherit}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:0}.game-phone{width:min(100%,430px);height:100dvh;min-height:600px;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky-top),var(--sky-mid) 54%,var(--sky-low))}.topbar{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;pointer-events:none}.eyebrow{margin:0 0 2px;color:var(--gold);font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 8px rgba(58,18,32,.22)}h1{margin:0;color:#fff;font-size:clamp(1.45rem,7vw,1.95rem);line-height:.95;letter-spacing:0;text-shadow:0 3px 0 rgba(58,18,32,.18),0 10px 22px rgba(58,18,32,.18)}.icon-button,.tap-button,.overlay button,.nickname-actions button,#cameraButton{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease)}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:#ffffffc2;color:var(--ink);font-size:.95rem;font-weight:950;box-shadow:0 8px 22px #3a122024,inset 0 1px #ffffffb8;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leaderboard-button{font-size:.66rem;letter-spacing:.04em}.camera-panel{position:absolute;z-index:6;top:calc(max(12px,env(safe-area-inset-top)) + 56px);right:14px;display:block;padding:0;border:0;background:transparent;box-shadow:none}.camera-preview,.camera-copy{display:none}#cameraVideo{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}.mouth-meter{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff6b}.mouth-meter span{width:0%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--yellow));transition:width 80ms linear}#cameraButton{min-width:82px;height:42px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:.82rem;font-weight:950;box-shadow:0 8px #3a12201f,0 16px 24px #3a122021}.canvas-wrap{grid-row:1;position:relative;overflow:hidden;border:0;border-radius:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-low));touch-action:none}#gameCanvas{position:relative;z-index:1;display:block;width:100%;height:100%}.ar-ball-layer{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}.controls{z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,247,209,0),rgba(255,247,209,.82) 24%,var(--cream))}.tap-button{min-width:0;min-height:64px;display:grid;align-content:center;justify-items:center;gap:3px;padding:7px 4px 9px;border-radius:18px;background:var(--red);color:#fff;font-weight:950;box-shadow:var(--button-shadow)}.control-icon{width:28px;height:24px;display:grid;place-items:center;font-size:1.05rem;line-height:1}.control-label{max-width:100%;display:block;overflow:hidden;color:inherit;font-size:clamp(.62rem,2.8vw,.76rem);line-height:1;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}.close-button{background:var(--deep)}.kiss-button{background:var(--kiss)}.tongue-button{background:var(--pop)}.icon-button:active,.tap-button:active,.overlay button:active,.nickname-actions button:active,#cameraButton:active{transform:translateY(2px);box-shadow:0 5px #3a122024,0 10px 18px #3a12201f}.overlay{position:absolute;inset:0;z-index:20;display:grid;align-content:center;justify-items:center;padding:24px;text-align:center;background:#3a122042;color:var(--ink);pointer-events:none}.overlay:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:min(calc(100% - 40px),348px);height:min(620px,calc(100% - 42px));border-radius:28px;background:radial-gradient(circle at 18% 14%,rgba(255,210,61,.36),transparent 28%),linear-gradient(180deg,#fff,var(--cream));box-shadow:0 28px 64px #3a12203d,inset 0 1px #ffffffd1}.overlay>*{position:relative;z-index:1}.overlay.hidden,.hidden{display:none!important}.overlay h2{margin:18px 0 8px;color:var(--red);font-size:clamp(2rem,9vw,3.1rem);line-height:.95;letter-spacing:0;text-shadow:0 3px 0 rgba(255,210,61,.48)}.overlay p{max-width:280px;margin:0 0 14px;color:#3a1220c7;font-size:.98rem;font-weight:850;line-height:1.32}.gesture-tutorial{width:min(100%,300px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.gesture-card{min-width:0;display:grid;justify-items:center;gap:5px;color:var(--ink);font-size:.66rem;font-weight:950}.face-icon{width:42px;height:42px;position:relative;border:3px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 8px 18px #3a122029}.face-icon:before,.face-icon:after{content:"";position:absolute;top:12px;width:5px;height:5px;border-radius:50%;background:#fff}.face-icon:before{left:11px}.face-icon:after{right:11px}.face-open{background:radial-gradient(ellipse at 50% 68%,var(--deep) 0 22%,transparent 23%),var(--red)}.face-close{background:linear-gradient(#fff,#fff) 50% 69% / 18px 3px no-repeat,var(--deep)}.face-kiss{background:radial-gradient(ellipse at 50% 68%,var(--kiss) 0 18%,transparent 19%),var(--red)}.face-tongue{background:radial-gradient(ellipse at 50% 62%,var(--deep) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 78%,var(--pop) 0 16%,transparent 17%),var(--red)}.overlay button{min-width:152px;min-height:54px;padding:0 24px;border-radius:999px;background:var(--red);color:#fff;font-size:1rem;font-weight:950;box-shadow:var(--button-shadow);pointer-events:auto}.overlay .secondary-button{min-height:44px;margin-top:10px;background:var(--gold);color:var(--ink);font-size:.9rem}.nickname-dialog{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:22px;background:#3a122047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nickname-card{width:min(100%,340px);display:grid;gap:12px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#fff,var(--cream));color:var(--ink);box-shadow:0 28px 70px #3a12203d}.nickname-eyebrow{margin:0;color:var(--red);font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.nickname-card h2{margin:0;color:var(--ink);font-size:1.65rem;line-height:1}.nickname-card label{color:#3a1220ad;font-size:.78rem;font-weight:850;text-transform:uppercase}.nickname-card input{width:100%;min-height:48px;border:2px solid rgba(255,45,63,.24);border-radius:16px;padding:0 12px;background:#fff;color:var(--ink);font:inherit;font-weight:900;outline:none}.nickname-card input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ff2d3f1f}.nickname-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.nickname-actions button{min-height:48px;border-radius:999px;background:var(--red);color:#fff;font-weight:950;box-shadow:0 9px #3a12201f}.nickname-actions .secondary-button{background:#fff;color:var(--ink)}@keyframes floaty{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-10px) rotate(4deg)}}@media(min-width:760px){.game-phone{height:min(92dvh,880px);border-radius:28px;box-shadow:0 30px 80px #3a12203d}}@media(max-height:700px){.game-phone{min-height:0}.camera-panel{top:calc(max(8px,env(safe-area-inset-top)) + 48px)}.tap-button{min-height:58px}}