:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fffdf4;background:#102f38;font-family:Microsoft YaHei,PingFang SC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#79bdd1 0%,#416f77 52%,#17333a 100%)}#app{isolation:isolate;position:relative}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.atmosphere{z-index:2;pointer-events:none;background:radial-gradient(at 78% 12%,#fff2be2e,#0000 32%),linear-gradient(#0000 65%,#09212026);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 120px #06191d2e}.atmosphere:after{content:"";opacity:.035;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0 2px,#ffffff38 3px 4px,#0000 5px 8px),repeating-radial-gradient(circle at 75% 65%,#0000 0 3px,#041c1d33 4px 5px,#0000 6px 10px);background-size:37px 43px,53px 47px;position:absolute;top:0;bottom:0;left:0;right:0}.hud{z-index:5;top:max(16px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);background:linear-gradient(135deg,#17393cc7,#1b4a489e);border:1px solid #ffffef52;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;width:min(960px,100% - 30px);min-height:72px;padding:10px 11px 10px 17px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #05191c3d,inset 0 1px #ffffff29}.brand{align-items:center;gap:12px;min-width:180px;display:flex}.brand-mark{background:linear-gradient(145deg,#dcf68c,#78ce75);border-radius:12px 18px;width:34px;height:34px;position:relative;transform:rotate(-8deg);box-shadow:inset -5px -5px 10px #23754842,0 5px 14px #09251f38}.brand-mark:after{content:"";background:#1b5b3e5c;border-radius:2px;width:2px;height:23px;position:absolute;top:6px;left:16px;transform:rotate(42deg)}.brand-mark i{background:#ffffe1ad;border-radius:8px 0;width:8px;height:8px;position:absolute;top:15px;left:18px}.brand strong{letter-spacing:.08em;font-size:15px;font-weight:900;display:block}.brand small{color:#b5d2cf;letter-spacing:.16em;margin-top:3px;font-size:9px;font-weight:700;display:block}.scores{gap:8px;display:flex}.score{text-align:center;background:linear-gradient(#ffffff1c,#ffffff0e);border:1px solid #ffffff14;border-radius:16px;min-width:94px;padding:7px 13px 8px;box-shadow:inset 0 1px #ffffff14}.score span{color:#c1d7d5;letter-spacing:.06em;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.score span i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.score b{font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;line-height:1;display:block}.score.p1 span,.score.p1 b{color:#ffe58b}.score.p2 span,.score.p2 b{color:#a4f1dc}.score.best b{color:#fff}.start-card{z-index:6;text-align:center;-webkit-backdrop-filter:blur(25px)saturate(1.25);backdrop-filter:blur(25px)saturate(1.25);background:linear-gradient(145deg,#1b4344f0,#102e35f0),radial-gradient(circle at 90% 0,#d3f08347,#0000 40%);border:1px solid #fffde157;border-radius:32px;width:min(410px,100% - 34px);padding:29px 30px 27px;transition:opacity .26s,transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;top:51%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 36px 100px #0014176b,inset 0 1px #ffffff29}.start-card:before,.start-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.start-card:before{border:28px solid #bee88212;width:180px;height:180px;top:-95px;right:-86px}.start-card:after{border:22px solid #68cdc413;width:120px;height:120px;bottom:-74px;left:-70px}.start-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-46%)scale(.94)}.card-glow{pointer-events:none;background:radial-gradient(circle at 50% 22%,#ffee971f,#0000 32%);position:absolute;top:0;bottom:0;left:0;right:0}.mode-pill{color:#dcf4a8;letter-spacing:.12em;background:#b6e17c1a;border:1px solid #d6f6aa33;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:900;display:inline-flex;position:relative}.hero-pair{justify-content:center;align-items:center;gap:16px;height:45px;margin:13px 0 -1px;display:flex;position:relative}.mini-duck,.mini-penguin{color:#0000;border-radius:50% 46% 45% 50%;place-items:center;width:35px;height:35px;display:grid;position:relative;box-shadow:0 8px 16px #00000029}.mini-duck{background:linear-gradient(145deg,#ffe775,#f2b847)}.mini-duck:after{content:"";border:5px solid #0000;border-left:11px solid #f3973e;border-right-width:0;position:absolute;top:14px;right:-8px}.mini-penguin{background:linear-gradient(145deg,#314451,#14252f)}.mini-penguin:before{content:"";background:#f4f5e9;border-radius:50%;width:21px;height:25px}.mini-wave{color:#8ddbd2;font-size:27px;font-weight:300;transform:translateY(-2px)}.start-card h1{letter-spacing:-.04em;text-shadow:0 4px 18px #04171840;margin:10px 0 8px;font-size:clamp(29px,6vw,40px);line-height:1.15;position:relative}.start-card p{color:#c3d9d6;max-width:305px;margin:0 auto 21px;font-size:13px;line-height:1.75;position:relative}.start-card button{color:#173f3a;cursor:pointer;background:linear-gradient(135deg,#eef6a8,#aee486 48%,#79d9b2);border:1px solid #ffffff61;border-radius:18px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 8px 0 22px;font:900 15px inherit;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 15px 34px #53be9140,inset 0 1px #ffffffb8}.start-card button b{color:#eaf9ca;background:#245e52;border-radius:13px;place-items:center;width:38px;height:38px;font-size:19px;display:grid;box-shadow:0 5px 14px #13463b3d}.start-card button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 18px 38px #53be914d,inset 0 1px #ffffffbf}.start-card small{color:#87aaa9;letter-spacing:.04em;margin-top:14px;font-size:10px;font-weight:700;display:block;position:relative}.footer-hint{z-index:5;left:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#f4fff8c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);letter-spacing:.12em;text-shadow:0 2px 9px #071d20;white-space:nowrap;background:#12303157;border:1px solid #ffffff1a;border-radius:999px;padding:8px 13px;font-size:9px;font-weight:800;position:absolute;transform:translate(-50%)}.stun-notice{z-index:8;color:#462b0b;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffdb76,#f4a955);border:1px solid #ffffff73;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:900;transition:all .18s;position:absolute;top:106px;left:50%;transform:translate(-50%,-12px);box-shadow:0 12px 30px #492a0933}.stun-notice span{margin-right:3px}.stun-notice.show{opacity:1;transform:translate(-50%)}.revive-notice{z-index:8;color:#eaffdf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#226f4ff0,#208b72f0);border:1px solid #e5ffe680;border-radius:17px;grid-template-columns:22px 1fr;align-items:center;gap:2px 8px;min-width:190px;padding:10px 13px;font-size:11px;font-weight:900;transition:all .18s;display:grid;position:absolute;top:106px;left:50%;transform:translate(-50%,-12px);box-shadow:0 12px 34px #093b2d42,inset 0 1px #ffffff2e}.revive-notice.show{opacity:1;transform:translate(-50%)}.revive-notice.success{background:linear-gradient(135deg,#4b8b3ef5,#71b24bf5)}.revive-icon{color:#286747;background:#dff6a4;border-radius:8px;grid-row:1/3;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.revive-notice i{background:#052d2261;border-radius:4px;grid-column:2;height:4px;overflow:hidden}.revive-notice i b{border-radius:inherit;background:linear-gradient(90deg,#dff69f,#fff6ba);width:0;height:100%;transition:width 80ms linear;display:block}@media (max-width:759px),(pointer:coarse){.hud{min-height:62px;top:max(10px, env(safe-area-inset-top));border-radius:20px;padding:8px 9px 8px 12px}.brand{gap:8px;min-width:0}.brand strong{font-size:12px}.brand small{font-size:7px}.brand-mark{border-radius:9px 14px;width:27px;height:27px}.brand-mark:after{height:18px;top:5px;left:13px}.scores{gap:5px}.score{border-radius:13px;min-width:68px;padding:7px 8px}.score b{font-size:18px}.score.p2{display:none}.start-card{border-radius:27px;padding:25px 22px 23px}.hero-pair{margin-top:10px}.footer-hint{bottom:max(12px, env(safe-area-inset-bottom))}}@media (max-height:640px){.start-card{padding-top:20px;padding-bottom:19px;top:54%}.hero-pair{height:34px;margin-top:8px}.mini-duck,.mini-penguin{transform:scale(.82)}.start-card h1{margin-top:6px}.footer-hint{display:none}}