@charset "UTF-8";
:root{color-scheme:dark;--ink:#f3efdf;--muted:#a9bebc;--gold:#d8bf8e;--line:rgba(216,191,142,.22);--jade:#a3d7c9;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#172d43;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid #a9ead3;outline-offset:5px}button:active{transform:translateY(1px)}button,div,a{touch-action:manipulation}[hidden]{display:none!important}#world,.vignette,#arena{position:fixed;inset:0;width:100%;height:100%}#world{background:#172d43 url('assets/cloud-garden.png') center/cover no-repeat;filter:saturate(.8) brightness(.69);transition:filter 1s}.is-menu #world{filter:saturate(.78) brightness(.68)}.vignette{background:radial-gradient(ellipse at 55% 42%,transparent 30%,rgba(8,23,34,.57) 100%);pointer-events:none}.is-menu .vignette{background:linear-gradient(90deg,rgba(12,30,38,.84),rgba(14,30,40,.55) 29%,rgba(11,30,43,.05) 62%,rgba(11,28,37,.18)),linear-gradient(0deg,rgba(10,25,35,.75),transparent 20%)}#arena{display:block;pointer-events:none}a{color:inherit;text-decoration:none}.topbar{position:absolute;z-index:3;left:40px;right:40px;top:26px;display:flex;justify-content:space-between;align-items:center;height:48px}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:39px;height:39px;fill:none;stroke:var(--gold);stroke-width:1.15}.brand b{display:block;font:500 20px "Songti SC","STSong",serif;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#b8c4bb;margin-top:7px}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:rgba(14,36,46,.38);border-radius:50%;display:grid;place-items:center;transition:border-color .2s,background .2s}.icon-button:hover{border-color:var(--gold);background:#244650}.icon-button svg{width:18px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sound-off{display:none}.muted .sound-off{display:block}.muted .sound-on{display:none}.offline-label{font-size:11px;letter-spacing:1.5px;color:#c0c9bc;margin-right:12px}.offline-label i{display:inline-block;width:5px;height:5px;background:#afd8a6;border-radius:50%;vertical-align:middle;margin-right:6px;box-shadow:0 0 10px #a4dba366}.menu-panel{position:absolute;z-index:2;left:7.2vw;top:50%;transform:translateY(-45%);width:350px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d0bd95;display:flex;align-items:center;gap:10px}.eyebrow>span{height:1px;width:25px;background:#b29c71}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:78px;font-weight:500;line-height:1.12;letter-spacing:12px;margin:25px 0 18px;text-shadow:0 3px 18px #091e3470}h1>span{display:block;margin-left:48px}.title-dot{font-size:62px;letter-spacing:0;color:#dbc692;margin-left:-7px}.menu-description{font-size:13px;line-height:2.05;font-weight:300;color:#b9c9c6;letter-spacing:1.5px;margin:0 0 22px}.menu-meta{display:flex;gap:12px;align-items:center;font-size:10px;color:#d2d9c9;letter-spacing:.8px}.menu-meta i{width:3px;height:3px;background:#c4ad7c;border-radius:100%}.difficulty-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;margin:27px 0 9px;color:#ced7ca}.difficulty-label span:last-child{color:#92aaa7;font-size:9px}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(196,191,150,.21);border-radius:3px;padding:4px;gap:4px;background:rgba(10,30,39,.32)}.difficulty button{background:none;color:#9cb3b1;font-size:12px;letter-spacing:3px;padding:10px 0;border-radius:2px;transition:all .2s}.difficulty button:hover{color:#f1e4c5}.difficulty button.selected{background:rgba(187,200,170,.14);color:#f0dbaf;box-shadow:inset 0 0 0 1px #c0b48e4d}.primary-button{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:54px;padding:0 22px;background:linear-gradient(105deg,#e0c797,#c6aa76);border:1px solid #edd9ac;color:#263c3f;letter-spacing:3px;font-size:14px;font-weight:500;border-radius:3px;box-shadow:0 8px 30px #001e2929;transition:filter .2s,box-shadow .2s}.primary-button:hover{filter:brightness(1.07);box-shadow:0 8px 30px #dab67425}.menu-panel>.primary-button{margin-top:15px}.button-arrow{font-size:24px;font-weight:300}.menu-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.text-button{padding:3px 0;background:none;color:#bacdc7;font-size:11px;letter-spacing:.5px}.text-button:hover{color:#f1d5a0}.help-circle{display:inline-grid;place-items:center;border:1px solid #a9bcb58c;width:14px;height:14px;border-radius:50%;font-size:9px;margin-right:5px}#record{font-size:10px;color:#8fa8a6;letter-spacing:.6px}.arena-caption{position:absolute;bottom:88px;left:66%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;font-size:12px;letter-spacing:5px;color:#d7c49d;text-shadow:0 2px 9px #001827}.caption-line{width:36px;height:1px;background:#c9b081;margin-bottom:14px}.arena-caption small{font-size:7px;letter-spacing:2.8px;margin-top:9px;color:#a8bcb9}.menu-footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#99aeac}.version{padding-left:12px;margin-left:10px;border-left:1px solid #93b4b544;font-size:12px;font-family:Georgia,serif}.is-menu .match-only{display:none!important}body:not(.is-menu) .menu-only,body:not(.is-menu) #menu{display:none!important}.timer{position:absolute;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:20px auto 20px;align-items:center;gap:16px;text-align:center;font:34px Georgia,"Times New Roman",serif;color:#f3e5c6;font-variant-numeric:tabular-nums}.timer .ornament{font-size:14px;color:#ccba8c}.timer small{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:180px;font:9px -apple-system,sans-serif;letter-spacing:2px;color:#c1cebf}.timer.urgent{color:#ffbb9f}.roster{position:absolute;top:108px;left:30px;display:flex;flex-direction:column;gap:11px;z-index:1}.roster-item{display:flex;align-items:center;gap:7px;font-size:9px;color:#c4d3c9;letter-spacing:1px;transition:opacity .3s}.roster-item.out{opacity:.35}.roster-item.out .portrait{filter:grayscale(1)}.portrait,.mini-spirit{background-image:url('assets/spirits.png');background-size:200% 200%;background-repeat:no-repeat}.portrait{width:34px;height:34px;border:1px solid #c7bc9338;background-color:#1d3c417d;border-radius:50%}.roster-item.out .portrait{border-color:#ec9f8a77}.roster-item .alive-dot{width:3px;height:3px;border-radius:50%;background:#9dd5ad}.roster-item.out .alive-dot{background:#d99a87}.player-stats{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;padding:10px 23px 10px 11px;border:1px solid #c6b08033;border-radius:6px;background:linear-gradient(100deg,rgba(15,43,48,.85),rgba(22,42,50,.7));backdrop-filter:blur(10px)}.player-token{width:43px;height:43px;border:1px solid #c5bc8b5e;border-radius:50%;background:#4e70643d;overflow:hidden}.mini-spirit{display:block;width:43px;height:43px}.stat{min-width:30px}.stat small{display:block;font-size:9px;color:#9fb9b3;letter-spacing:2px;margin-bottom:5px}.stat strong{display:block;font-size:13px;font-weight:400;letter-spacing:1px;color:#eddfba;font-variant-numeric:tabular-nums}.score-stat{border-left:1px solid #bcae8840;padding-left:20px;min-width:54px}.keyboard-hint{position:absolute;bottom:30px;left:28px;font-size:8px;color:#a9bdb7;letter-spacing:.4px;display:flex;flex-direction:column;gap:9px}kbd{display:inline-block;font:8px inherit;color:#d4dccb;background:#6e9a9b15;border:1px solid #a3bfb53b;border-radius:2px;padding:2px 4px;margin-right:2px}.control-pad{position:absolute;bottom:133px;left:36px;width:105px;height:105px;border-radius:50%;border:1px solid #d5c59548;background:radial-gradient(circle,#93c5bc11,#193a4444);box-shadow:inset 0 0 22px #8da4a215;touch-action:none;cursor:grab;z-index:3}.control-pad>span:not(.pad-label){position:absolute;color:#bfc6b278;font-size:15px;line-height:10px}.pad-up{top:9px;left:calc(50% - 5px)}.pad-down{bottom:9px;left:calc(50% - 5px)}.pad-left{left:9px;top:calc(50% - 5px)}.pad-right{right:9px;top:calc(50% - 5px)}#stick{width:40px;height:40px;border-radius:50%;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);background:radial-gradient(circle at 32% 24%,#eff2d76b,#78a5a42e 60%,#507c8744);border:1px solid #d8e2c75e;box-shadow:0 5px 15px #102f3d66;pointer-events:none}.pad-label{position:absolute;left:0;right:0;text-align:center;bottom:-25px;letter-spacing:3px;color:#c4c6ac;font-size:10px}.bomb-button{position:absolute;bottom:122px;right:39px;width:107px;height:107px;border-radius:50%;border:1px solid #dcc68fcc;box-shadow:inset 0 0 0 4px #152f3e,0 0 0 1px #bc9e6666,0 0 28px #e7c88912;background:radial-gradient(circle at 40% 30%,#668c8c44,#18354499);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;letter-spacing:2px;z-index:3;touch-action:none}.bomb-button:hover{background:radial-gradient(circle at 40% 30%,#8caba266,#23434c99);box-shadow:0 0 25px #efd8a526}.bomb-button:active{transform:scale(.96)}.bomb-button small{font-size:7px;letter-spacing:2px;color:#9fbab8}.bubble-symbol{width:32px;height:32px;border:1px solid #f2e6b994;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffcdecc,#a1d5c27a 38%,#689eab1a 70%);position:relative;box-shadow:inset -3px -4px 8px #001e3533}.bubble-symbol i{position:absolute;right:-7px;bottom:-2px;border:1px solid #d8e8ca8c;border-radius:50%;width:10px;height:10px;background:#b7e3d145}.countdown{position:fixed;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#142e4430,transparent 65%);pointer-events:none}.countdown small{font-size:13px;letter-spacing:6px;color:#fff1d2;text-shadow:0 2px 12px #142d43}.countdown strong{font:120px Georgia,"Songti SC",serif;text-shadow:0 0 35px #122e40,0 0 80px #182b47;color:#fff2d1;line-height:1.2}.countdown span{font-size:11px;letter-spacing:2px;background:#142e43ba;padding:8px 18px;border:1px solid #dac59655;border-radius:20px;color:#f1e6c9}.toast{position:absolute;z-index:10;left:50%;top:100px;transform:translate(-50%,-7px);max-width:calc(100vw - 30px);font-size:11px;letter-spacing:1px;color:#e1f1dc;border:1px solid #c6c29455;border-radius:30px;background:#193a46ed;padding:10px 23px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-scrim{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:8;padding:20px;background:rgba(9,25,36,.6);backdrop-filter:blur(9px)}.dialog{width:380px;max-width:100%;max-height:calc(100dvh - 30px);overflow:auto;padding:35px 32px 25px;text-align:center;background:linear-gradient(145deg,rgba(37,68,72,.97),rgba(19,40,52,.98));border:1px solid #ccba8a7a;border-radius:8px;box-shadow:0 22px 80px #03162280;touch-action:pan-y}.dialog-kicker{font-size:8px;letter-spacing:3.5px;color:#a9c2b9}.dialog-mark{font:36px Georgia,serif;color:#e1cd9c;margin:23px 0 15px}.dialog h2{font:500 32px "Songti SC","STSong",serif;letter-spacing:6px;margin:16px 0 12px;color:#f2e4c5}.dialog>p{font-size:11px;line-height:1.8;color:#b5c7bd;margin:0 0 25px;letter-spacing:1px}.dialog-row{display:flex;gap:10px;margin:12px 0 20px}.secondary-button{flex:1;background:#b7bf9b09;border:1px solid #cfc29840;border-radius:3px;padding:12px 3px;font-size:11px;letter-spacing:1.5px;color:#d5dbc8}.secondary-button:hover{background:#b7bf9b15}.settings-row{display:flex;justify-content:space-between;border-top:1px solid #c3b88c24;padding-top:15px}.settings-row button{font-size:10px;color:#a6bdb5}.help-dialog{width:440px;text-align:left;padding:32px}.help-dialog h2{font-size:29px}.guide-list{padding:0;list-style:none;margin:0 0 25px;display:flex;flex-direction:column;gap:18px}.guide-list li{display:flex;gap:16px}.guide-list li>span{font:18px Georgia,serif;color:#d4bb86;padding-top:2px}.guide-list b{font-size:12px;letter-spacing:1px;font-weight:500;color:#ecdfc1}.guide-list p{font-size:10px;line-height:1.9;color:#b1c4bb;margin:5px 0 0;letter-spacing:.3px}.result-emblem{font:76px Georgia,serif;color:#e7d29a;text-shadow:0 0 25px #d6b46440;margin:17px 0 0;line-height:1}.result-stats{display:flex;justify-content:space-around;border-top:1px solid #c0af7e2b;border-bottom:1px solid #c0af7e2b;margin:25px 0;padding:20px 0}.result-stats small{display:block;font-size:9px;color:#a8c0b7;margin-bottom:10px;letter-spacing:1px}.result-stats strong{font:25px Georgia,serif;color:#ecdbad}.result-home{margin-top:18px}#rotate-hint{display:none}
@media(min-width:1600px){.menu-panel{left:10vw;width:370px}h1{font-size:92px}.menu-description{font-size:14px;line-height:2.2}.difficulty-label{margin-top:32px}.primary-button{min-height:60px}.arena-caption{bottom:75px}}
@media(max-width:1100px) and (min-width:1000px){.menu-panel{left:4vw;width:310px}h1{font-size:70px}.eyebrow{font-size:9px;letter-spacing:2px}.difficulty-label span:last-child{font-size:8px}.menu-meta{gap:8px}}
@media(max-width:999px),(max-height:569px){.is-menu #arena{opacity:.27}.is-menu .vignette{background:linear-gradient(90deg,#0c202ad9,#0e242aa3 45%,#0d273736)}.menu-panel{left:50%;transform:translate(-50%,-44%);width:340px;padding:0}.menu-panel h1{font-size:58px;line-height:1.15;letter-spacing:8px;margin:20px 0 15px}h1>span{display:inline;margin:0}.title-dot{font-size:44px;margin-left:-12px}.menu-description{font-size:12px;line-height:1.9;margin-bottom:20px}.eyebrow{font-size:9px}.arena-caption{display:none}.topbar{left:23px;right:23px;top:20px}.brand b{font-size:18px}.brand small{font-size:7px;letter-spacing:1.5px}.brand svg{width:32px;height:32px}.menu-footer{left:25px;right:25px}.roster{left:16px;top:108px}.roster-item{gap:3px}.roster-item>span:not(.portrait):not(.alive-dot){display:none}.player-stats{gap:18px;bottom:18px;padding:8px 15px 8px 8px}.control-pad{left:18px;width:90px;height:90px;bottom:120px}.bomb-button{right:20px;width:92px;height:92px;bottom:110px}.keyboard-hint{font-size:7px;bottom:20px;left:16px}.keyboard-hint span:first-child{display:none}.timer{font-size:29px;gap:8px}}
@media(max-width:600px){.topbar{left:19px;right:19px;top:17px;height:38px}.brand{gap:8px}.brand b{font-size:17px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:1.4px}.brand svg{width:29px;height:29px}.offline-label{display:none}.icon-button{width:33px;height:33px}.top-actions{gap:7px}.menu-panel{width:calc(100vw - 66px);max-width:350px;transform:translate(-50%,-43%)}.menu-panel h1{font-size:61px;letter-spacing:9px;white-space:nowrap}.menu-description{font-size:12px;line-height:2.1}.menu-meta{gap:9px;font-size:9px}.difficulty-label{font-size:9px;margin-top:30px}.difficulty-label span:last-child{font-size:8px}.menu-bottom{gap:12px}.menu-bottom .text-button{font-size:10px}#record{font-size:9px}.menu-footer{bottom:25px;font-size:8px;letter-spacing:1px}.timer{top:64px;font-size:26px;gap:15px}.timer small{top:34px;font-size:8px}.roster{top:75px;left:17px;gap:6px;flex-direction:row;max-width:96px;flex-wrap:wrap}.roster .portrait{width:25px;height:25px}.roster .alive-dot{display:none}.player-stats{bottom:22px;padding:9px 12px 9px 9px;gap:21px;width:max-content;max-width:94vw}.stat small{font-size:8px;letter-spacing:1px}.stat strong{font-size:12px}.player-token,.mini-spirit{width:34px;height:34px}.score-stat{padding-left:13px}.keyboard-hint{display:none}.control-pad{bottom:115px;left:27px;width:100px;height:100px}.bomb-button{bottom:110px;right:26px;width:103px;height:103px}.bomb-button small{display:none}#rotate-hint{display:block;position:absolute;bottom:91px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#b0c5bf7d;white-space:nowrap}.toast{top:134px;font-size:10px;padding:8px 15px}.dialog{padding:28px 24px 22px}.help-dialog{padding:25px}.countdown strong{font-size:95px}.countdown small{font-size:11px;letter-spacing:4px}}
@media(max-height:570px) and (min-width:601px){.topbar{top:13px;left:25px;right:25px;height:34px}.brand svg{width:27px;height:27px}.brand b{font-size:16px}.brand small{font-size:6px;margin-top:4px}.icon-button{width:31px;height:31px}.menu-panel{width:360px;transform:translate(-50%,-46%)}.menu-panel .eyebrow{display:none}.menu-panel h1{font-size:49px;margin:4px 0 7px;line-height:1.1}.menu-description{font-size:10px;margin-bottom:10px}.menu-description br{display:none}.menu-meta{font-size:9px}.difficulty-label{margin-top:14px}.difficulty button{padding:7px 0;font-size:10px}.menu-panel .primary-button{min-height:42px;margin-top:10px;font-size:12px}.menu-bottom{margin-top:12px}.menu-footer{bottom:13px;font-size:8px}.timer{font-size:24px;top:0}.timer small{top:31px;font-size:7px}.roster{top:80px;left:21px;gap:5px}.roster-item{font-size:8px}.roster-item>span:not(.portrait):not(.alive-dot){display:inline}.portrait{width:23px;height:23px}.player-stats{bottom:9px;padding:4px 12px 4px 6px;gap:16px}.player-token,.mini-spirit{width:29px;height:29px}.stat small{font-size:7px;margin-bottom:3px}.stat strong{font-size:10px}.keyboard-hint{display:none}.control-pad{left:31px;bottom:51px;width:81px;height:81px}.bomb-button{right:33px;bottom:46px;width:87px;height:87px;font-size:9px}.bomb-button small{font-size:6px}.bubble-symbol{width:27px;height:27px}.pad-label{font-size:8px;bottom:-18px}.toast{top:60px;font-size:9px;padding:7px 18px}.dialog{padding:22px 26px;max-height:calc(100dvh - 20px)}.dialog-mark{margin:10px 0 5px;font-size:25px}.dialog h2{font-size:26px;margin:10px 0}.dialog>p{font-size:10px;margin-bottom:17px}.dialog .primary-button{min-height:42px;font-size:12px}.dialog-row{margin:10px 0 13px}.secondary-button{padding:9px}.dialog-kicker{font-size:7px}.result-emblem{font-size:47px;margin:8px 0}.result-stats{padding:13px 0;margin:15px 0}.result-stats strong{font-size:22px}.result-stats small{margin-bottom:7px}.result-home{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.friend-mode-link{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 15px;color:#ead8b5;border:1px solid #cbb48a66;border-radius:3px;background:#17343d99;font-size:11px;letter-spacing:1px}.friend-mode-link:hover{background:#244b4e;border-color:#e6c999}.friend-mode-link span:last-child{font-size:18px}
@media(max-height:570px){.friend-mode-link{padding:7px 12px;margin-top:7px;font-size:10px}}