*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Yuanti SC,YouYuan,幼圆,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;background:#bfe6ff;-webkit-user-select:none;user-select:none}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.soft-gray canvas{filter:saturate(.35) brightness(.92);transition:filter .8s}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20}.overlay.dark{background:#1e2438f0}.overlay.translucent{background:#3c466466;cursor:pointer}#menu{background:linear-gradient(160deg,#8cd2ffe6,#aaf0bee6);overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}#menu .panel{margin:auto}#result{background:#3c466473}.panel{background:#fffdf5;border-radius:24px;padding:38px 46px;max-width:600px;box-shadow:0 14px 44px #3c507847;text-align:center;color:#3a4a5a}.panel h1{font-size:48px;font-weight:900;color:#4a9de8;margin-bottom:6px;letter-spacing:2px}#menu h1{animation:title-bounce .9s cubic-bezier(.28,.84,.42,1) both;text-shadow:0 4px 0 rgba(74,157,232,.18)}@keyframes title-bounce{0%{transform:translateY(-70px) scale(.6);opacity:0}60%{transform:translateY(8px) scale(1.08);opacity:1}80%{transform:translateY(-4px) scale(.98)}to{transform:none;opacity:1}}.panel h1.win{background:linear-gradient(90deg,#3ec46d,#ffd93d,#3ec46d);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-shine 2.4s linear infinite}@keyframes title-shine{to{background-position:200% center}}.panel h1.lose{color:#f0785a}#result{background:#2830488c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-pop{animation:panel-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes panel-pop{0%{opacity:0;transform:scale(.72) translateY(36px)}to{opacity:1;transform:scale(1) translateY(0)}}.rating-badge{position:relative;width:112px;height:112px;margin:6px auto 10px;display:flex;align-items:center;justify-content:center;animation:badge-pop .6s cubic-bezier(.34,1.8,.64,1) .2s both}@keyframes badge-pop{0%{opacity:0;transform:scale(.2) rotate(-32deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rating-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 10px 26px #785a144d}.rating-S:before{background:linear-gradient(160deg,#ffe066,#ff8f1f)}.rating-A:before{background:linear-gradient(160deg,#9ec9ff,#6a8dff)}.rating-B:before{background:linear-gradient(160deg,#8fe6a8,#3ec46d)}.rating-glow{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(#ffd93d,#ffd93d0d 32%,#ff8f1f 50%,#ff8f1f0d 82%,#ffd93d);animation:glow-spin 2.6s linear infinite;filter:blur(1px)}@keyframes glow-spin{to{transform:rotate(360deg)}}.rating-letter{position:relative;font-size:58px;font-weight:900;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.28)}.score-hero{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:8px 0 4px;font-size:18px;color:#8a94a6}.score-hero b{font-size:52px;font-weight:900;line-height:1.1;color:#ff8f1f;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 rgba(255,143,31,.16)}.taunt-hero{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:10px 0 2px;padding:10px 18px;border-radius:18px;background:linear-gradient(180deg,#fff3e2,#ffe3c2);box-shadow:inset 0 0 0 3px #ff8f1f59}.taunt-flame{font-size:34px;align-self:center;animation:flame-pulse .9s ease-in-out infinite;transform-origin:50% 90%}.taunt-hero b{font-size:56px;font-weight:900;line-height:1.05;color:#ff5f2e;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 rgba(255,95,46,.18)}.taunt-unit{font-size:18px;font-weight:700;color:#b06a2f}.taunt-extra{align-self:center;font-style:normal;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff8f5e,#ff5f2e);border-radius:999px;padding:4px 12px;margin-left:6px}@keyframes flame-pulse{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.18) rotate(5deg)}}.taunt-hero.taunt-gold{animation:gold-flash .9s ease 1}@keyframes gold-flash{0%{box-shadow:inset 0 0 0 3px #ff8f1f59;transform:scale(1)}35%{box-shadow:inset 0 0 0 4px #ffd93d,0 0 34px 8px #ffd93dd9;background:linear-gradient(180deg,#fff6d8,#ffe89a);transform:scale(1.06)}to{box-shadow:inset 0 0 0 3px #ffd93dbf,0 0 14px 2px #ffd93d66;transform:scale(1)}}.stat-row{animation:stat-in .45s ease both}@keyframes stat-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.result-btns{animation:stat-in .45s ease .85s both}.result-shake{animation:result-shake .42s ease-out}@keyframes result-shake{0%,to{transform:translate(0)}18%{transform:translate(-7px,4px)}38%{transform:translate(6px,-4px)}58%{transform:translate(-4px,2px)}78%{transform:translate(3px,-2px)}}.panel h2{font-size:30px;color:#4a9de8;margin-bottom:10px}.subtitle{color:#7a8c9f;margin-bottom:16px;font-size:17px}.quip{color:#f0a03c;font-weight:700;font-size:17px;margin-bottom:4px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin-bottom:4px;margin-top:18px;line-height:1.7;font-size:13px}.rules p{background:#f2f9ff;border-radius:14px;padding:10px 14px;margin:0}.rules p:last-child{grid-column:1 / -1;text-align:center}.mode-cards{display:flex;gap:18px;justify-content:center;margin-top:22px}.mode-card{flex:1;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:22px;padding:24px 18px 20px;color:#fff;border:none;cursor:pointer;font-family:inherit;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.mc-seek{background:linear-gradient(180deg,#6fb7ff,#4a9de8);box-shadow:0 6px #3580c8}.mc-hide{background:linear-gradient(180deg,#ffb45e,#ff8f5e);box-shadow:0 6px #e06f3a}.mode-card:hover{transform:translateY(-4px) scale(1.03)}.mc-seek:hover{box-shadow:0 10px #3580c8}.mc-hide:hover{box-shadow:0 10px #e06f3a}.mode-card:active{transform:translateY(2px)}.mc-seek:active{box-shadow:0 3px #3580c8}.mc-hide:active{box-shadow:0 3px #e06f3a}.mc-icon{font-size:52px;line-height:1}.mc-title{font-size:26px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.18)}.mc-desc{font-size:13px;opacity:.92}button{background:linear-gradient(180deg,#6cb8ff,#4a9de8);color:#fff;border:none;border-radius:999px;padding:14px 44px;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 5px #3580c8;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;font-family:inherit}button:hover{transform:translateY(-3px) scale(1.07);box-shadow:0 8px #3580c8}button:active{transform:translateY(2px) scale(.98);box-shadow:0 1px #3580c8}.tip{margin-top:14px;color:#93a3b3;font-size:13px}#hide-count{font-size:76px;font-weight:900;color:#ffb02e;margin:10px 0;animation:count-pulse 1s infinite}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px}.stats div{background:#f2f9ff;border-radius:14px;padding:10px 14px;display:flex;justify-content:space-between;font-size:15px}.stats .rating{color:#ff8f1f;font-size:22px;font-weight:900}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:12px}.chip{background:#fffffff0;border-radius:999px;padding:9px 20px;font-size:17px;font-weight:700;color:#3a4a5a;box-shadow:0 3px 10px #3c507833;white-space:nowrap}#btn-mute{pointer-events:auto;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#btn-mute:hover{transform:scale(1.15)}#timer.urgent{color:#ff4d4f;animation:urgent-bounce .5s infinite}#taunt.taunt-done{background:#d9f7e3;color:#1a9e4b}#minimap{position:absolute;left:18px;bottom:52px;border-radius:50%;box-shadow:0 4px 14px #3c507847;opacity:.95}#powerup{background:#e3f2ff;color:#1a7fc9}#taunt.urgent{color:#ff4d4f;animation:urgent-bounce .5s infinite}.new-record{font-size:24px;font-weight:700;color:#f5a623;margin:6px 0 2px;animation:urgent-bounce .8s infinite;text-shadow:0 2px 8px rgba(245,166,35,.4)}@keyframes urgent-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.28)}}#crosshair{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 2px #0000004d;transition:transform .1s,background .1s}#crosshair.active{background:#ffd93d;transform:scale(1.6)}#crosshair.pulse{animation:pulse .25s}@keyframes pulse{50%{transform:scale(2.2)}}#taunt-ring{position:absolute;top:50%;left:50%;width:130px;height:130px;transform:translate(-50%,-50%);pointer-events:none}#taunt-arrow{position:absolute;top:-6px;left:50%;margin-left:-11px;font-size:22px;color:#ffb02e;text-shadow:0 0 6px rgba(0,0,0,.5)}#taunt-text{position:absolute;top:calc(50% + 86px);left:50%;transform:translate(-50%);background:#ffc14df2;color:#5a3d00;font-weight:700;padding:7px 18px;border-radius:999px;font-size:15px;white-space:nowrap}#message{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:26px;font-weight:700;padding:10px 26px;border-radius:999px;white-space:nowrap}#message.good{background:#3ec46df2;color:#fff}#message.bad{background:#f0785af2;color:#fff}#repair-tip{position:absolute;top:56%;left:50%;transform:translate(-50%);background:#ffffffd9;color:#d47a2a;font-size:15px;font-weight:700;padding:6px 16px;border-radius:999px;box-shadow:0 2px 8px #3c507833;animation:tip-bob .9s ease-in-out infinite}@keyframes tip-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}#repair-bar{position:absolute;top:62%;left:50%;transform:translate(-50%);width:220px;height:14px;background:#ffffffbf;border-radius:999px;overflow:hidden;box-shadow:0 2px 8px #3c507840}#repair-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd93d,#ff9a3d);border-radius:999px;transition:width .1s linear}#controls-tip{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#ffffffc7;color:#4f6072;padding:7px 18px;border-radius:999px;font-size:13px;white-space:nowrap}#fx,#celebration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#fx{z-index:15}#celebration{z-index:25}.speech-bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#5a4a2a;padding:7px 14px;border-radius:16px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #3c507840;white-space:nowrap;animation:bubble-pop 2s forwards}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#fff;border-bottom:0}@keyframes bubble-pop{0%{transform:translate(-50%,-100%) scale(0)}12%{transform:translate(-50%,-100%) scale(1.15)}20%{transform:translate(-50%,-100%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-110%) scale(1);opacity:0}}.confetti{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(112vh) rotate(720deg)}}.confetti-pop{position:fixed;left:50%;top:50%;width:9px;height:13px;border-radius:3px;pointer-events:none;z-index:90;animation:confetti-pop .9s cubic-bezier(.1,.7,.4,1) forwards}@keyframes confetti-pop{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.6);opacity:0}}.rain-drop{position:absolute;top:-30px;width:3px;height:18px;background:linear-gradient(#7fb8e8,#b8dcf5);border-radius:3px;opacity:.8;animation:rain-fall 1.1s linear infinite}@keyframes rain-fall{to{transform:translateY(112vh)}}.sigh-cloud{position:absolute;top:12%;left:50%;font-size:60px;animation:sigh 3s ease-in-out infinite}@keyframes sigh{0%,to{transform:translate(-52%)}50%{transform:translate(-48%) translateY(6px)}}.mode-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.mode-buttons button{padding:14px 34px;font-size:19px}.btn-secondary{background:linear-gradient(180deg,#ffb35c,#f08c3c);box-shadow:0 5px #c96f28}.btn-secondary:hover{box-shadow:0 8px #c96f28}.btn-secondary:active{box-shadow:0 1px #c96f28}#alert.alert-green{background:#d2f5d7f2;color:#1e7a3c}#alert.alert-yellow{background:#fff0bef2;color:#8a6a00}#alert.alert-orange{background:#ffdcb9f2;color:#b3541e}#alert.alert-red{background:#ffc8c8f2;color:#c02525;animation:urgent-bounce .5s infinite}#btn-hidden{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#6cd89a,#3ec46d);color:#fff;font-size:18px;font-weight:700;padding:12px 32px;border-radius:999px;box-shadow:0 5px #2a9a52;pointer-events:auto;cursor:pointer;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#btn-hidden:hover{transform:translate(-50%) translateY(-3px) scale(1.06)}#btn-hidden:active{transform:translate(-50%) translateY(1px)}#touch-ui{display:none}body.touch #touch-ui{display:block}#touch-ui>*{position:fixed;z-index:40;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#btn-fullscreen{top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));width:42px;height:42px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.55);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e}#joystick{left:calc(124px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:118px;height:118px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.45)}#joystick-thumb{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.75);transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003;pointer-events:none}#touch-buttons{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(64px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.tbtn{width:62px;height:62px;border-radius:50%;background:#ffffff38;border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0000002e;transition:transform .08s}.tbtn-big{width:80px;height:80px}.tbtn-icon{font-size:24px;line-height:1;pointer-events:none}.tbtn-big .tbtn-icon{font-size:32px}.tbtn-label{font-size:11px;font-weight:700;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}.tbtn-active{background:#0596698c;transform:scale(.9)}body.touch #minimap{left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));top:auto;right:auto;width:96px;height:96px}body.touch #controls-tip{display:none}body.touch #topbar{top:calc(8px + env(safe-area-inset-top,0px));flex-wrap:wrap;max-width:72vw;justify-content:center}body.touch canvas{touch-action:none}.mc-online{background:linear-gradient(180deg,#8fe6a8,#3ec46d);box-shadow:0 6px #2da355}.mc-online:hover{box-shadow:0 10px #2da355}.mc-online:active{box-shadow:0 3px #2da355}.lobby-panel{max-width:560px;padding:28px 34px;max-height:92vh;overflow-y:auto}.lobby-panel h1{font-size:36px}.lobby-actions{display:flex;flex-direction:column;gap:14px;margin-top:18px;align-items:center}.lobby-btn{border:none;border-radius:16px;padding:12px 26px;font-size:18px;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(180deg,#6fb7ff,#4a9de8);box-shadow:0 4px #3580c8;cursor:pointer;transition:transform .18s,box-shadow .18s}.lobby-btn:hover:not(:disabled){transform:translateY(-2px)}.lobby-btn:disabled{opacity:.55;cursor:not-allowed}.lobby-btn-primary{background:linear-gradient(180deg,#8fe6a8,#3ec46d);box-shadow:0 4px #2da355}.lobby-panel .btn-secondary{background:linear-gradient(180deg,#b8c4d4,#8fa0b5);box-shadow:0 4px #7286a0}.join-row{display:flex;gap:10px;align-items:center}#room-code-input{width:130px;border:3px solid #ffd93d;border-radius:14px;padding:10px 12px;font-size:22px;font-weight:900;text-align:center;letter-spacing:6px;font-family:inherit;color:#3a4a5a;background:#fff;outline:none}.room-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.room-code-box{display:flex;flex-direction:column;align-items:flex-start}.room-code-label{font-size:14px;color:#8fa0b5;font-weight:700}#room-code-big{font-size:52px;font-weight:900;letter-spacing:10px;color:#4a9de8;text-shadow:0 3px 0 rgba(74,157,232,.18);line-height:1.1}.room-qr-box{display:flex;flex-direction:column;align-items:center;gap:4px}#room-qr{border-radius:12px;border:3px solid #ffe9b0;background:#fff}.room-qr-tip{font-size:12px;color:#8fa0b5}#player-slots{display:flex;flex-direction:column;gap:8px;margin:8px 0 14px}.slot{display:flex;align-items:center;gap:8px;background:#f2f7ff;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700;color:#3a4a5a}.slot-empty{color:#aab8c8;font-weight:400;justify-content:center;background:#f8f4ea}.slot-name{flex:1;text-align:left}.slot-badge{font-size:12px;background:#ffd93d;border-radius:8px;padding:2px 8px;color:#7a5b00}.slot-side.side-seek{color:#3580c8}.slot-side.side-hide{color:#e06f3a}.slot-char{font-size:13px;color:#8fa0b5}.lobby-row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.lobby-label{font-weight:900;color:#5a6a7a;min-width:64px;text-align:left}.lobby-tip{font-size:13px;color:#8fa0b5}.bots-tip{display:block;text-align:center;min-height:18px;color:#5b8dd9;font-weight:700}#nick-input{border:2px solid #cfe0f5;border-radius:12px;padding:8px 12px;font-size:16px;font-weight:700;font-family:inherit;color:#3a4a5a;outline:none;width:150px}.pick-btn{border:2px solid #cfe0f5;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:700;font-family:inherit;background:#fff;color:#5a6a7a;cursor:pointer;transition:all .15s}.pick-btn:hover:not(:disabled){border-color:#6fb7ff}.pick-btn.sel{background:linear-gradient(180deg,#6fb7ff,#4a9de8);border-color:#4a9de8;color:#fff;box-shadow:0 3px #3580c8}.pick-btn:disabled{opacity:.45;cursor:not-allowed}#btn-start-match{margin-top:14px;width:100%}#wait-host{margin-top:12px}#btn-leave-room{margin-top:10px}.caught-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#3c4664d1;color:#fff;font-weight:900;font-size:18px;border-radius:16px;padding:10px 22px;pointer-events:none;z-index:30}@media (max-height: 560px){#menu .panel{padding:16px 24px;max-width:min(94vw,780px);border-radius:18px}.panel h1{font-size:30px;margin-bottom:2px}#menu .subtitle{margin-bottom:4px;font-size:13px}.mode-cards{gap:12px;margin-top:8px}.mode-card{padding:12px 12px 10px;gap:3px;border-radius:16px}.mc-icon{font-size:34px}.mc-title{font-size:19px}.mc-desc{font-size:11px}.rules{margin-top:10px;gap:6px;font-size:11px;line-height:1.5}.rules p{padding:6px 10px;border-radius:10px}.panel .tip{margin-top:6px;font-size:11px}.lobby-panel{padding:14px 20px;max-height:96vh}.lobby-panel h1{font-size:26px}#btn-start-match{margin-top:8px;padding:10px 30px;font-size:16px}}