:root{color-scheme:light;font-family:Space Grotesk,Trebuchet MS,sans-serif;--bg: #f8f0e0;--ink: #1d1b16;--accent: #e85d3f;--accent-dark: #b64029;--panel: #fff7e9;--shadow: 0 12px 30px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at top,#fff2c9,#f5ddbf 60%,#e7c09b);color:var(--ink)}#app{position:relative;width:100%;height:100%;overflow:hidden}#game{width:100%;height:100%;display:block}#camera{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}.hud{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-weight:700;font-size:18px;text-shadow:0 2px 6px rgba(255,255,255,.7)}.hud-badge{background:#fff7e9f0;border:1px solid rgba(29,27,22,.2);border-radius:999px;padding:6px 14px;box-shadow:var(--shadow);pointer-events:auto}.hud-center{position:absolute;left:50%;transform:translate(-50%);font-size:20px;letter-spacing:2px}.hud-right{font-size:20px;letter-spacing:4px;color:var(--accent)}.mute-toggle{position:absolute;right:20px;bottom:20px;width:42px;height:42px;border-radius:999px;border:2px solid rgba(29,27,22,.65);background:#fff7e9e6;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center}.mute-toggle:before{content:"🔊";font-size:18px;line-height:1}.mute-toggle[data-muted=true]:before{content:"🔇"}.status{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#fff7e9eb;padding:8px 14px;border-radius:999px;box-shadow:var(--shadow);font-size:14px;opacity:0;transition:opacity .15s ease}.status.show{opacity:1}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f8f0e0c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.overlay.hidden{display:none}#overlay-start{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;isolation:isolate}#overlay-start:before{content:"";position:absolute;inset:0;background:#f8f0e0c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;--hole-x: 50%;--hole-y: 34%;--hole-rx: 160px;--hole-ry: 205px;-webkit-mask:radial-gradient(ellipse var(--hole-rx) var(--hole-ry) at var(--hole-x) var(--hole-y),transparent 0,transparent calc(100% - 10px),rgba(0,0,0,.92) 100%);mask:radial-gradient(ellipse var(--hole-rx) var(--hole-ry) at var(--hole-x) var(--hole-y),transparent 0,transparent calc(100% - 10px),rgba(0,0,0,.92) 100%)}.info-toggle{position:absolute;top:72px;right:16px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(29,27,22,.2);background:#fff7e9f0;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;z-index:20;font-weight:900;font-size:16px;line-height:1}.start-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:72px 16px 16px;text-align:center}.start-footer{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;padding:0 16px}.start-panel{width:min(360px,100%)}.face-guide{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600}.face-outline{width:320px;height:410px;border:none;border-radius:50% 50% 46% 46%;background:transparent;box-shadow:none}.panel{background:#fff;padding:15px;border-radius:24px;box-shadow:var(--shadow);text-align:center;max-width:360px}.panel .logo{width:150px;object-fit:contain}.panel h1,.panel h2{margin-top:0}.panel button{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #e85d3f59}.panel button:hover{background:var(--accent-dark)}.panel .start-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.panel button.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none}.panel button.secondary:hover{background:#1d1b1614}.panel button:disabled{opacity:.5;cursor:not-allowed}.panel .hidden{display:none}#overlay-info{background:#1d1b1694;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.info-panel{width:min(460px,92vw);text-align:left;padding:18px 18px 14px}.info-list{margin:0;padding-left:18px;font-size:14px;line-height:1.45}.info-actions{display:flex;justify-content:center;margin-top:14px}#final-score{font-size:48px}@media(max-width:600px){.face-outline{width:260px;height:330px}.panel{width:90%}.start-content{padding-top:64px}.info-toggle{top:64px}.hud{font-size:16px}}