:root{color-scheme:dark;font-family:Inter,ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#07151e;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#17394a,#07151e 65%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.olympus-badminton{--glass: rgba(8, 28, 42, .84);--glass-soft: rgba(10, 35, 49, .68);--line: rgba(218, 244, 249, .22);--text: #f4fbf8;--muted: #b8d0d0;--gold: #ffe077;width:min(100vw,1680px);min-height:100vh;margin:0 auto;padding:clamp(8px,1.6vw,22px);color:var(--text)}.olympus-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 104px);min-height:520px;overflow:hidden;isolation:isolate;border:1px solid rgba(221,244,246,.2);border-radius:26px;background:#163949 url(/mini-games/siguniang-badminton/assets/bg-siguniang.jpg) center 44% / cover no-repeat;box-shadow:0 28px 70px #00070d70,inset 0 1px #ffffff26}.olympus-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0218284d,#03141b2e 48%,#0310168f);pointer-events:none}#game-canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%;display:block;outline:none;opacity:0;transition:opacity .28s ease}.olympus-badminton[data-screen=loading] #game-canvas,.olympus-badminton[data-screen=match] #game-canvas,.olympus-badminton[data-screen=pause] #game-canvas,.olympus-badminton[data-screen=result] #game-canvas{opacity:1}.olympus-screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(16px,3vw,48px);background:linear-gradient(120deg,#0315219e,#051f2a38)}.olympus-screen--menu{justify-items:start}.olympus-hero-card{width:min(580px,49vw);margin-left:clamp(0px,4vw,62px);padding:clamp(30px,4.4vw,66px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#071d2be6,#0c2e38b8);box-shadow:0 24px 55px #000a1259,inset 0 1px #ffffff1a}.olympus-eyebrow,.olympus-kicker,.olympus-screen-title span{color:#bfe8e8;font-size:11px;font-weight:900;letter-spacing:.18em}.olympus-hero-card h1{margin:14px 0 16px;font-size:clamp(42px,5.8vw,84px);line-height:.94;letter-spacing:-.06em;text-shadow:0 8px 24px rgba(0,13,24,.4)}.olympus-hero-card h1 em{color:var(--gold);font-style:normal}.olympus-hero-card>p{max-width:460px;color:#d3e8e5;line-height:1.75}.olympus-menu-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:28px}.olympus-button,.olympus-mode-card,.olympus-back,.olympus-selector-controls button,.olympus-segmented button,.olympus-roster-card{border:1px solid rgba(224,247,248,.22);color:var(--text);cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.olympus-button{min-height:46px;padding:0 18px;border-radius:14px;font-weight:850}.olympus-button--primary{color:#173327;border-color:#fff0aa;background:linear-gradient(135deg,#fff39a,#ffc85b);box-shadow:0 9px 23px #ffcd5338}.olympus-button--secondary{background:#cbf0f01a}.olympus-button--glass{min-height:38px;padding:0 13px;border-radius:12px;font-size:12px;background:#041824c2}.olympus-button--quiet{background:transparent;color:#c0d5d4}.olympus-button:hover:not(:disabled),.olympus-mode-card:hover,.olympus-back:hover,.olympus-selector-controls button:hover,.olympus-segmented button:hover,.olympus-roster-card:hover{transform:translateY(-2px);border-color:#ffeb8eb8}.olympus-button:active:not(:disabled),.olympus-mode-card:active,.olympus-back:active,.olympus-selector-controls button:active{transform:translateY(1px) scale(.985)}button:focus-visible{outline:3px solid #fff3a6;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.45)}.olympus-panel{width:min(720px,92vw);max-height:calc(100% - 24px);overflow:auto;padding:clamp(22px,3vw,42px);border:1px solid var(--line);border-radius:26px;background:var(--glass);box-shadow:0 24px 65px #000a126e,inset 0 1px #ffffff1a}.olympus-panel--wide{width:min(920px,92vw)}.olympus-panel--select{width:min(1460px,100%);padding:clamp(16px,2vw,28px)}.olympus-screen-title{display:flex;align-items:center;gap:18px;margin-bottom:28px}.olympus-screen-title h2{margin:3px 0 0;font-size:clamp(26px,3vw,42px)}.olympus-screen-title--compact{margin-bottom:14px}.olympus-screen-title--compact p{margin-left:auto;color:var(--muted);font-size:13px}.olympus-back{width:44px;height:44px;border-radius:50%;background:#dcf5f51a;font-size:23px}.olympus-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.olympus-mode-card{min-height:250px;padding:30px;border-radius:23px;text-align:left;background:linear-gradient(145deg,#1f4f5ba8,#092532c2)}.olympus-mode-card strong{display:block;margin:28px 0 9px;font-size:25px}.olympus-mode-card small{color:var(--muted);line-height:1.6}.olympus-mode-mark{display:inline-flex;gap:12px;align-items:center;color:var(--gold);font-size:clamp(23px,3vw,38px);font-weight:950}.olympus-mode-mark b{font-size:13px;color:#b6dddd}.olympus-selection-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(390px,1.3fr) minmax(220px,.8fr);gap:16px;align-items:stretch}.olympus-selector{position:relative;min-width:0;padding:14px;border:1px solid rgba(217,244,244,.14);border-radius:21px;background:#05192480;text-align:center}.olympus-selector.is-active{border-color:var(--gold);box-shadow:0 0 0 2px #ffe07724,0 0 32px #ffdb621a}.olympus-selector.is-confirmed:after{content:"已确认";position:absolute;top:45px;right:13px;padding:5px 8px;border-radius:99px;color:#16382e;background:#aef1c5;font-size:11px;font-weight:900}.olympus-selector-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.olympus-identity{display:inline-grid;place-items:center;min-width:30px;height:20px;padding:0 7px;border-radius:99px;color:#17342c;background:var(--gold);font-size:10px;font-weight:950;letter-spacing:.08em}.olympus-preview{display:block;width:min(100%,265px);height:235px;margin:0 auto -4px}.olympus-selector h3{margin:0;color:#fff4bd;font-size:24px}.olympus-selector>p{min-height:38px;margin:7px auto 12px;color:var(--muted);font-size:12px;line-height:1.55}.olympus-selector-controls{display:grid;grid-template-columns:42px 1fr 42px;gap:7px}.olympus-selector-controls button{min-height:38px;border-radius:11px;background:#cdf0f01a;font-weight:900}.olympus-selector-controls .olympus-confirm{background:#e7c967;color:#19342e}.olympus-roster-wrap{display:flex;min-width:0;flex-direction:column;justify-content:center}.olympus-roster{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:8px}.olympus-roster-card{position:relative;min-width:0;padding:7px 5px 8px;border-radius:13px;background:#c6ebed12}.olympus-roster-card canvas{width:100%;aspect-ratio:1;display:block}.olympus-roster-card span{display:block;overflow:hidden;color:#d9ebea;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.olympus-roster-card.is-left{border-color:#ffdf69;box-shadow:inset 0 0 0 2px #ffdf6947}.olympus-roster-card.is-right{border-color:#8fe9ff;box-shadow:inset 0 0 0 2px #8fe9ff47}.olympus-roster-card.is-unavailable{opacity:.38}.olympus-roster-card:before{position:absolute;top:4px;left:5px;z-index:2;font-size:9px;font-weight:950}.olympus-roster-card.is-left:before{content:"P1";color:#ffdf69}.olympus-roster-card.is-right:before{content:"P2 / AI";color:#8fe9ff}.olympus-ai-options{margin-top:12px;padding:12px;border-radius:14px;background:#03121d75;text-align:center}.olympus-ai-options>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:850}.olympus-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.olympus-segmented button{min-height:32px;border-radius:9px;background:#dbf5f514;font-size:12px}.olympus-segmented button.is-selected{color:#17342c;background:var(--gold)}#random-opponent{min-height:31px;margin-top:7px;font-size:11px}.olympus-select-message{min-height:18px;margin:8px 0 0;color:#bed8d8;text-align:center;font-size:11px}.olympus-begin{display:block;min-width:280px;margin:16px auto 0}.olympus-countdown-card{min-width:310px;padding:28px 42px;border:1px solid var(--line);border-radius:25px;background:#051925d1;text-align:center}.olympus-countdown-card span{color:var(--muted);font-weight:750}.olympus-countdown-card strong{display:block;margin:10px 0;color:var(--gold);font-size:clamp(70px,11vw,150px);line-height:1}.olympus-loader{height:4px;overflow:hidden;border-radius:99px;background:#ffffff1f}.olympus-loader i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--gold);animation:olympus-load 1.1s ease-in-out infinite alternate}@keyframes olympus-load{to{transform:translate(140%)}}.olympus-hud{position:absolute;inset:16px 20px auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:13px;pointer-events:none}.olympus-score-card{display:flex;max-width:355px;min-width:245px;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(220,245,245,.18);border-radius:17px;background:#051a27c9;box-shadow:0 7px 22px #000a1233}.olympus-score-card--right{justify-self:end}.olympus-score-card.is-serving{border-color:#ffe270c2;box-shadow:0 0 20px #ffdc5b29}.olympus-avatar{width:52px;height:52px;border:2px solid rgba(255,255,255,.45);border-radius:50%}.olympus-player-meta{display:grid;flex:1;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px}.olympus-player-meta--right{text-align:right}.olympus-player-name{overflow:hidden;font-size:clamp(15px,1.6vw,21px);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.olympus-serve-badge{grid-column:1 / -1;color:var(--gold);font-size:10px;font-weight:900}.olympus-score{min-width:45px;color:#fff3b5;font-size:clamp(34px,4vw,58px);line-height:1;text-align:center}.olympus-match-center{display:grid;justify-items:center;min-width:170px;padding:9px 17px;border-radius:15px;background:#051a27bd}.olympus-match-status{margin:3px 0;font-weight:900}.olympus-target{color:var(--muted);font-size:10px}.olympus-match-point{margin-top:4px;padding:2px 11px;border-radius:99px;color:#2b1410;font-size:10px;font-weight:950;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(100deg,#ffc061,#ff6b4a);box-shadow:0 0 16px #ff7a458c;animation:olympus-match-point 1.05s ease-in-out infinite}.olympus-match-point.is-double{background:linear-gradient(100deg,#ffe27a,#ff5f7a);box-shadow:0 0 18px #ff5f7a99}@keyframes olympus-match-point{0%,to{opacity:.82;transform:scale(.97)}50%{opacity:1;transform:scale(1.05)}}.olympus-tools{position:absolute;top:96px;right:20px;z-index:11;display:flex;gap:7px}.olympus-announcement{position:absolute;top:29%;left:50%;z-index:15;padding:9px 19px;border-radius:99px;color:#17362d;background:#fff2acf0;font-size:clamp(18px,2.2vw,31px);font-weight:950;opacity:0;pointer-events:none;transform:translate(-50%,-15px) scale(.9);transition:opacity .16s,transform .16s}.olympus-announcement.is-visible{opacity:1;transform:translate(-50%) scale(1)}.olympus-announcement.is-smash{color:#fff;background:#e45845;letter-spacing:.08em}.olympus-announcement.is-lift{background:#a7f2ed}.olympus-panel--pause,.olympus-panel--result{width:min(480px,90vw);text-align:center}.olympus-panel--pause h2,.olympus-panel--result h2{margin:9px 0;font-size:38px}.olympus-panel--pause p,.olympus-panel--result p{color:var(--muted)}.olympus-pause-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px}.olympus-pause-actions .olympus-button:first-child,.olympus-pause-actions .olympus-button:last-child{grid-column:1 / -1}.olympus-result-actions{display:grid;gap:9px;margin-top:24px}.olympus-winner-mark{display:grid;width:76px;height:76px;margin:0 auto 12px;place-items:center;border:2px solid #fff0a1;border-radius:50%;color:#2b3c30;background:var(--gold);font-size:32px;font-weight:950}.olympus-controls{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px 0;color:#c5dada;font-size:12px}.olympus-controls em{color:#f1d77b;font-style:normal}.olympus-controls span:last-child{text-align:right}.olympus-controls b{color:var(--gold)}.olympus-dialog{width:min(620px,calc(100vw - 32px));padding:30px;border:1px solid var(--line);border-radius:24px;color:var(--text);background:#0a2838;box-shadow:0 25px 80px #0000008c}.olympus-dialog::backdrop{background:#010b12b8}.olympus-dialog h2{margin:8px 0 20px}.olympus-dialog>p{margin:20px 0 0;color:var(--muted);line-height:1.6}.olympus-dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:#fff;background:#ffffff14;cursor:pointer}.olympus-instructions{display:grid;gap:10px}.olympus-instructions>div{display:grid;grid-template-columns:44px 1fr;gap:5px 12px;padding:14px;border-radius:14px;background:#ffffff0f}.olympus-instructions b{grid-row:1 / 3;color:var(--gold)}.olympus-instructions small{color:var(--muted)}kbd{display:inline-grid;min-width:25px;height:25px;margin:0 2px;place-items:center;border:1px solid rgba(255,255,255,.28);border-bottom-width:3px;border-radius:6px;color:#fff7c8;background:#ffffff17;font:800 11px inherit}@media(max-width:1100px){.olympus-stage{min-height:600px;max-height:none;aspect-ratio:16 / 10}.olympus-selection-layout{grid-template-columns:minmax(190px,.8fr) minmax(330px,1.3fr) minmax(190px,.8fr)}.olympus-preview{height:205px}.olympus-roster{gap:5px}.olympus-roster-card{padding:4px}.olympus-hud{inset:10px 12px auto}.olympus-score-card{min-width:220px}}@media(min-width:821px)and (max-height:760px){.olympus-screen{padding:12px}.olympus-panel--select{max-height:calc(100% - 8px);padding:12px 16px}.olympus-screen-title--compact{margin-bottom:8px}.olympus-screen-title--compact h2{font-size:27px}.olympus-screen-title--compact p{font-size:11px}.olympus-back{width:38px;height:38px;font-size:20px}.olympus-selection-layout{gap:10px}.olympus-selector{padding:10px}.olympus-preview{height:158px}.olympus-selector h3{font-size:21px}.olympus-selector>p{min-height:32px;margin:3px auto 8px;line-height:1.4}.olympus-selector-controls button{min-height:34px}.olympus-roster-card{padding:4px}.olympus-ai-options{margin-top:8px;padding:8px}.olympus-ai-options>span{margin-bottom:5px}.olympus-segmented button{min-height:29px}#random-opponent{min-height:28px;margin-top:5px}.olympus-select-message{margin-top:5px}.olympus-begin{min-height:42px;margin-top:8px}}@media(max-width:820px){.olympus-badminton{padding:0}.olympus-stage{min-height:100vh;border:0;border-radius:0;aspect-ratio:auto}.olympus-hero-card{width:min(560px,90vw);margin:0 auto}.olympus-mode-grid,.olympus-selection-layout{grid-template-columns:1fr}.olympus-mode-card{min-height:150px}.olympus-panel--select{height:calc(100% - 18px)}.olympus-selection-layout{overflow:auto}.olympus-selector{min-height:360px}.olympus-roster-wrap{order:3}.olympus-screen-title--compact p{display:none}.olympus-hud{grid-template-columns:1fr 1fr}.olympus-match-center{position:absolute;top:72px;left:50%;min-width:150px;transform:translate(-50%)}.olympus-score-card{min-width:0;padding:7px}.olympus-avatar{width:40px;height:40px}.olympus-tools{top:112px;right:8px}.olympus-controls{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}