:root{color-scheme:light;--brand: #1f4e79;--brand-hover: #17395a;--surface: #fff;--bg: #f4f7fb;--line: #dbe4ee;--text: #1f2937;--muted: #64748b;--danger-bg: #fef2f2;--danger-line: #fecaca;--danger-text: #991b1b;--warn-bg: #fffbeb;--warn-line: #fde68a;--warn-text: #92400e;--ok-bg: #f0fdf4;--ok-line: #bbf7d0;--ok-text: #166534;font-family:Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse 80% 50% at 50% -20%,#dbeafe 0%,transparent 55%),var(--bg);color:var(--text)}main{width:min(400px,100%);border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 48px #0f172a14;padding:32px 28px 28px}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.logo-stage{position:relative;width:104px;height:104px;margin-bottom:6px;perspective:600px;cursor:pointer;-webkit-tap-highlight-color:transparent}.logo-icon{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .12s ease-out}.logo-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:24%;opacity:0;transform:translateZ(8px) scale(.72) translateY(14px) rotate(-6deg);filter:drop-shadow(0 3px 4px rgba(15,42,82,.18)) drop-shadow(0 16px 26px rgba(20,60,120,.22));animation:logoIn .9s cubic-bezier(.22,1.1,.36,1) 80ms both}@keyframes logoIn{0%{opacity:0;transform:translateZ(8px) scale(.72) translateY(14px) rotate(-6deg)}55%{opacity:1;transform:translateZ(8px) scale(1.06) translateY(-4px) rotate(1.5deg)}78%{transform:translateZ(8px) scale(.97) translateY(1px) rotate(-.5deg)}to{opacity:1;transform:translateZ(8px) scale(1) translateY(0) rotate(0)}}.logo-shine{position:absolute;inset:0;border-radius:24%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(75deg,#fff0 42%,#ffffffd9,#fff0 58%);transform:translateZ(24px) translate(-140%);animation:logoShineSweep 1.1s cubic-bezier(.25,.7,.3,1) .62s both}@keyframes logoShineSweep{0%{opacity:0;transform:translateZ(24px) translate(-140%)}12%{opacity:.9}55%{opacity:.55}to{opacity:0;transform:translateZ(24px) translate(140%)}}.logo-glow{position:absolute;left:50%;top:58%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,#78b4ff73,#78b4ff00 70%);transform:translateZ(-34px) translate(-50%,-50%) scale(.4);filter:blur(1.5px);opacity:0;pointer-events:none;animation:logoGlowPulse .7s ease-out .52s both}@keyframes logoGlowPulse{0%{opacity:0;transform:translateZ(-34px) translate(-50%,-50%) scale(.4)}35%{opacity:.8}to{opacity:0;transform:translateZ(-34px) translate(-50%,-50%) scale(1.25)}}.logo-bokeh{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;opacity:0;translate:calc(var(--mx, 0) * -16px) calc(var(--my, 0) * -16px);transition:translate .18s ease-out;animation:bokehIn 1.2s ease-out 80ms both}.logo-bokeh-1{width:60px;height:60px;left:-10px;top:8px;background:radial-gradient(circle,#60a5fa8c,#60a5fa00 70%)}.logo-bokeh-2{width:50px;height:50px;right:-8px;top:28px;background:radial-gradient(circle,#c4b5fd80,#c4b5fd00 70%);animation-delay:.28s}.logo-bokeh-3{width:40px;height:40px;left:36px;bottom:-4px;background:radial-gradient(circle,#fffc,#fff0 70%);animation-delay:.46s}@keyframes bokehIn{0%{opacity:0;transform:scale(.6)}to{opacity:.9;transform:scale(1)}}.logo-rim{position:absolute;inset:-6%;border-radius:28%;background:radial-gradient(closest-side,#93c5fd8c,#93c5fd00 75%);filter:blur(4px);opacity:0;pointer-events:none;translate:calc(var(--mx, 0) * 8px) calc(var(--my, 0) * 8px);transition:translate .18s ease-out;animation:rimIn .9s ease-out .32s both}@keyframes rimIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{opacity:.9;transform:scale(1)}}.logo-ring{position:absolute;left:50%;top:50%;width:60%;aspect-ratio:1;border:1.5px solid rgba(96,165,250,.55);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3)}.logo-ring-1{animation:ringPulse 1.4s cubic-bezier(.25,.7,.3,1) .48s both}.logo-ring-2{animation:ringPulse 1.4s cubic-bezier(.25,.7,.3,1) .64s both}.logo-ring-3{animation:ringPulse 1.4s cubic-bezier(.25,.7,.3,1) .8s both}@keyframes ringPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.3);border-color:#60a5fa8c}to{opacity:0;transform:translate(-50%,-50%) scale(1.85);border-color:#60a5fa00}}.logo-floor{position:absolute;left:50%;bottom:-14px;width:66%;height:14px;border-radius:50%;background:radial-gradient(closest-side,#0f2a5257,#0f2a5200 72%);pointer-events:none;translate:calc(var(--mx, 0) * -5px) calc(var(--my, 0) * -3px);transition:translate .18s ease-out;animation:logoFloorSettle .9s cubic-bezier(.22,1.1,.36,1) 80ms both}@keyframes logoFloorSettle{0%{opacity:0;transform:translateZ(-50px) translate(-50%) scaleX(.55)}30%{opacity:.2;transform:translateZ(-50px) translate(-50%) scaleX(.5)}55%{opacity:.18;transform:translateZ(-50px) translate(-50%) scaleX(.48)}78%{opacity:.7;transform:translateZ(-50px) translate(-50%) scaleX(1.08)}to{opacity:.85;transform:translateZ(-50px) translate(-50%) scaleX(1)}}.logo-reflection{position:absolute;left:0;bottom:-42px;width:100%;height:42px;border-radius:24% 24% 0 0;overflow:hidden;pointer-events:none;opacity:0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0) 88%);mask-image:linear-gradient(to bottom,#0006,#0000 88%);translate:calc(var(--mx, 0) * 6px) 0;transition:translate .18s ease-out;animation:reflectionIn .8s ease-out .9s both}.logo-reflection img{display:block;width:100%;height:104px;object-fit:contain;border-radius:24%;transform:scaleY(-1);filter:blur(.6px) brightness(1.05)}@keyframes reflectionIn{0%{opacity:0}to{opacity:1}}.logo-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;translate:calc(var(--mx, 0) * 20px) calc(var(--my, 0) * 20px);transition:translate .18s ease-out}.logo-burst span{position:absolute;left:0;top:0;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:radial-gradient(circle,#fff,#93c5fd00 70%);opacity:0;--dx: 0px;--dy: 0px;animation:burstFly .9s cubic-bezier(.2,.8,.35,1) .92s both}.logo-burst span:nth-child(1){--dx: 36px;--dy: -28px}.logo-burst span:nth-child(2){--dx: -32px;--dy: -22px}.logo-burst span:nth-child(3){--dx: 28px;--dy: 24px}.logo-burst span:nth-child(4){--dx: -26px;--dy: 26px}.logo-burst span:nth-child(5){--dx: 4px;--dy: -34px}.logo-burst span:nth-child(6){--dx: -10px;--dy: 32px}@keyframes burstFly{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.4)}}@media(prefers-reduced-motion:reduce){.logo-icon img,.logo-shine,.logo-glow,.logo-floor,.logo-bokeh,.logo-rim,.logo-ring,.logo-reflection,.logo-burst span{animation:none!important}.logo-icon img{opacity:1;transform:none;filter:drop-shadow(0 10px 18px rgba(20,60,120,.16))}.logo-shine,.logo-glow,.logo-ring,.logo-burst span{opacity:0!important}.logo-floor{opacity:.85;transform:translate(-50%) scaleX(1)}.logo-bokeh,.logo-rim{opacity:.9!important;transform:none}.logo-reflection{opacity:1!important;transform:none}.logo-icon{transition:none}}h1{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.sub{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted)}.alert{margin-top:22px;border-radius:12px;border:1px solid var(--danger-line);background:var(--danger-bg);color:var(--danger-text);padding:14px 16px;text-align:left}.alert.warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn-text)}.alert.ok{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok-text)}.alert .label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.alert h2{margin:6px 0 0;font-size:.95rem;font-weight:700;line-height:1.4;color:inherit}.alert p{margin:8px 0 0;font-size:.8125rem;line-height:1.65;color:inherit;opacity:.95}.alert .code{margin-top:10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;opacity:.7}a.button{margin-top:22px;display:flex;align-items:center;justify-content:center;height:46px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-size:.9375rem;font-weight:700;transition:background .15s ease}a.button:hover{background:var(--brand-hover)}a.button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a.home{margin-top:10px;display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#475569;text-decoration:none;font-size:.875rem;font-weight:600;transition:border-color .15s ease,color .15s ease}a.home:hover{border-color:#93c5fd;color:var(--brand)}footer{margin-top:20px;text-align:center;font-size:12px;line-height:1.6;color:#94a3b8}.egg-toast{position:fixed;left:50%;bottom:30px;z-index:60;transform:translate(-50%);border-radius:999px;background:#1f4e79f0;color:#fff;padding:9px 20px;font-size:13px;font-weight:600;letter-spacing:.04em;box-shadow:0 10px 28px #0f172a47;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;animation:eggToast 2.2s ease both;pointer-events:none}@keyframes eggToast{0%{opacity:0;transform:translate(-50%) translateY(14px)}12%{opacity:1;transform:translate(-50%) translateY(0)}82%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.egg-overlay{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:16px;background:#0f172a80;backdrop-filter:blur(3px);animation:eggFade .22s ease both}.egg-overlay.egg-open{display:grid}@keyframes eggFade{0%{opacity:0}to{opacity:1}}.egg-dialog{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 64px #0f172a4d;padding:20px;text-align:center;animation:eggPop .32s cubic-bezier(.22,1.2,.36,1) both}@keyframes eggPop{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.egg-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--brand);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:3px 12px}.egg-dialog h2{margin:10px 0 0;font-size:1.35rem;font-weight:800}.egg-desc{margin:8px 0 0;font-size:.8125rem;line-height:1.7;color:var(--muted)}.egg-badge{margin-top:12px;border-radius:12px;border:1px dashed #fbbf24;background:#fffbeb;color:#92400e;padding:8px 12px;font-size:12.5px;font-weight:600}.egg-board,.egg-dialog.playing .egg-intro{display:none}.egg-dialog.playing .egg-board{display:block}.egg-hud{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--muted)}.egg-hud b{color:var(--brand);font-variant-numeric:tabular-nums}.egg-hud .egg-combo{color:#d97706}.egg-arena{position:relative;height:min(300px,max(180px,calc(100vh - 330px)));height:min(300px,max(180px,calc(100dvh - 330px)));border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#eef4fb);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.egg-count{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;font-weight:800;color:var(--brand);opacity:.9;pointer-events:none}.egg-count[hidden]{display:none}.egg-mole{position:absolute;width:56px;height:56px;border:0;padding:0;background:transparent;font-size:34px;line-height:1;cursor:pointer;transform:scale(0);animation:eggMoleIn .16s cubic-bezier(.3,1.4,.6,1) both;filter:drop-shadow(0 4px 8px rgba(15,23,42,.22));touch-action:manipulation}.egg-mole-elite{font-size:38px;filter:drop-shadow(0 0 10px rgba(251,191,36,.85)) drop-shadow(0 4px 8px rgba(15,23,42,.2))}.egg-mole-bomb,.egg-mole-aid{font-size:36px}@keyframes eggMoleIn{0%{transform:scale(0)}to{transform:scale(1)}}.egg-mole.egg-hit{animation:eggMolePop .2s ease both;pointer-events:none}@keyframes eggMolePop{to{transform:scale(1.6) rotate(14deg);opacity:0}}.egg-mole.egg-hit-bomb{animation:eggMoleBomb .26s ease both;pointer-events:none}@keyframes eggMoleBomb{30%{transform:scale(1.7)}to{transform:scale(.3);opacity:0}}.egg-arena.egg-shake{animation:eggShake .32s ease}@keyframes eggShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.egg-float{position:absolute;font-size:13px;font-weight:800;color:var(--brand);pointer-events:none;animation:eggFloat .7s ease-out both}.egg-float-bad{color:#dc2626}.egg-float-good{color:#059669}@keyframes eggFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}.egg-btn{margin-top:14px;width:100%;height:44px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:.9375rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.egg-btn:hover{background:var(--brand-hover)}.egg-ghost{margin-top:10px;width:100%;height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s ease,color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.egg-ghost:hover{border-color:#93c5fd;color:var(--brand)}.egg-close{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:16px;line-height:1;color:#94a3b8;cursor:pointer;padding:14px;margin:-8px -8px 0 0;border-radius:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.egg-close:hover{color:var(--text);background:#f1f5f9}.egg-result,.egg-dialog.finished .egg-board,.egg-dialog.finished .egg-intro{display:none}.egg-dialog.finished .egg-result{display:block}.egg-score{margin:6px 0 0;font-size:42px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}.egg-stats{margin:8px 0 0;font-size:12.5px;color:var(--muted)}.egg-result-badge{margin-top:12px;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}.egg-result-badge.win{border:1px dashed #fbbf24;background:#fffbeb;color:#92400e}.egg-result-badge.lose{border:1px solid var(--line);background:#f8fafc;color:var(--muted)}@media(prefers-reduced-motion:reduce){.egg-overlay,.egg-dialog,.egg-toast,.egg-mole,.egg-mole.egg-hit,.egg-float{animation:none!important}.egg-mole{transform:scale(1)}.egg-arena.egg-shake{animation:none!important}}@media(max-width:480px){.egg-overlay{padding:10px}.egg-dialog{padding:16px 14px;border-radius:14px}.egg-dialog h2{font-size:1.15rem}.egg-desc{font-size:.75rem;line-height:1.6}.egg-badge{font-size:11.5px;padding:7px 10px}.egg-hud{font-size:12px;margin-bottom:8px}.egg-count{font-size:48px}.egg-mole{width:52px;height:52px;font-size:32px}.egg-mole-elite{font-size:35px}.egg-mole-bomb,.egg-mole-aid{font-size:33px}.egg-float{font-size:12px}.egg-score{font-size:34px}.egg-result-badge{font-size:12px}}@media(max-height:520px){.egg-overlay{padding:8px}.egg-dialog{padding:12px}.egg-dialog h2{font-size:1.05rem;margin-top:4px}.egg-desc{margin-top:4px;font-size:.75rem;line-height:1.5}.egg-badge{margin-top:8px}.egg-btn{margin-top:10px;height:40px}.egg-ghost{margin-top:6px;height:34px}.egg-count{font-size:44px}.egg-score{font-size:30px}}@media(prefers-color-scheme:dark){.egg-overlay{background:#0206179e}.egg-dialog{background:#0f172a;border-color:#334155;color:#e2e8f0}.egg-desc,.egg-hud,.egg-stats{color:#94a3b8}.egg-kicker{background:#3b82f61f;border-color:#3b82f659;color:#93c5fd}.egg-badge{background:#fbbf241a;border-color:#fbbf2473;color:#fcd34d}.egg-arena{background:linear-gradient(180deg,#111c31,#0b1526);border-color:#334155}.egg-count,.egg-float{color:#93c5fd}.egg-float-bad{color:#f87171}.egg-float-good{color:#34d399}.egg-ghost{border-color:#334155;color:#94a3b8}.egg-ghost:hover{border-color:#3b82f6;color:#93c5fd}.egg-close:hover{background:#1e293b;color:#e2e8f0}.egg-result-badge.lose{background:#111c31;border-color:#334155;color:#94a3b8}.egg-result-badge.win{background:#fbbf241a;border-color:#fbbf2473;color:#fcd34d}.egg-score{color:#93c5fd}}