:root{--ink:#102f32;--cream:#fff0c7;--yellow:#ffda66;--orange:#ff8050;--mint:#9be2cb;--glass:#102b30e6;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--cream);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}#app,canvas,#ui{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}canvas{display:block;touch-action:none}#ui{pointer-events:none}button,#joystick{pointer-events:auto}.topbar{position:absolute;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-size:18px;font-weight:900;letter-spacing:2px}.brand span{font-size:11px;display:block;letter-spacing:3px;color:var(--mint);margin-top:3px}.top-actions{display:flex;gap:10px;margin-left:auto}.icon-btn{border:1px solid #fff0c72c;background:var(--glass);border-radius:50%;width:42px;height:42px;font-size:17px}.menu{position:absolute;left:6%;top:24%;width:365px;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--mint);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:25px;height:2px;background:var(--mint)}h1{font-size:clamp(50px,5.9vw,88px);line-height:1.15;letter-spacing:-4px;margin:20px 0;color:var(--cream);font-weight:900;text-shadow:0 6px 0 #937a4560;transform:rotate(-4deg);transform-origin:left}h1 em{font-style:normal;color:var(--yellow);position:relative}h1 em:after{content:"〃";position:absolute;right:-37px;top:-22px;color:var(--orange);font-size:52px}.subtitle{color:#e2dbbb;font-size:14px;line-height:1.9;margin:25px 0 28px}.primary{border:0;border-radius:15px;background:var(--yellow);color:var(--ink);font-size:18px;font-weight:900;padding:16px 27px;box-shadow:0 5px #b68539;transition:transform .15s,filter .15s;min-width:230px}.primary:hover{filter:brightness(1.09);transform:translateY(-2px)}.primary:active{transform:translateY(4px);box-shadow:0 1px #b68539}.primary span{margin-right:16px}.small-note{font-size:11px;color:#9db3ad;margin-top:20px;letter-spacing:1px}.menu-footer{position:absolute;left:6%;bottom:31px;font-size:11px;color:#9bb0a8;letter-spacing:1px}.menu-footer b{color:var(--cream);font-weight:500}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b30 0%,#102b30f5 20%,#102b3080 37%,transparent 62%);pointer-events:none}.help-toggle{display:block;background:none;border:0;color:#c2d5c7;font-size:12px;margin-top:21px;padding:4px 0}.help-toggle:hover{color:var(--yellow)}.hud{display:none}.playing .hud{display:block}.playing .menu,.playing .shade,.playing .menu-footer{display:none}.playing .brand{font-size:14px}.stats{position:absolute;left:50%;top:25px;transform:translate(-50%);display:flex;align-items:center;gap:26px;background:var(--glass);border:1px solid #c1e2ca25;border-radius:18px;padding:11px 25px;white-space:nowrap}.stat{font-size:12px;color:#b4c8bc}.stat strong{font-size:23px;font-weight:900;color:var(--cream);margin-right:6px}.stat i{font-style:normal;color:var(--orange)}.stat-line{width:1px;height:30px;background:#ffffff20}.zone-msg{position:absolute;left:50%;top:102px;transform:translate(-50%);font-size:12px;background:#102b30b0;padding:7px 17px;border-radius:30px;letter-spacing:2px;white-space:nowrap}.bottom{position:absolute;left:34px;right:34px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between}.health-panel{width:195px;padding:13px 16px;background:var(--glass);border-radius:16px;border:1px solid #fff0c720}.health-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.health-title b{color:var(--yellow)}.health-track{height:7px;background:#ffffff16;border-radius:6px;overflow:hidden}.health-fill{height:100%;width:100%;background:var(--mint);transition:width .15s}.skills{display:flex;gap:10px;margin-left:auto}.skill{position:relative;width:82px;height:79px;overflow:hidden;border-radius:17px;border:1px solid #e6eac33a;background:var(--glass);text-align:center;padding:9px 3px 6px;box-shadow:0 4px #061d2180}.skill .symbol{display:block;font-size:23px;line-height:28px;color:var(--yellow)}.skill .label{font-size:10px;color:#e0e2c8}.skill kbd{font-family:inherit;font-size:9px;background:#ffffff15;border-radius:3px;padding:1px 4px;margin-left:3px}.skill .cd{position:absolute;inset:0;background:#122c31dc;display:none;align-items:center;justify-content:center;font-size:23px;color:var(--cream)}.skill:active{transform:translateY(3px);border-color:var(--yellow)}.hint{position:absolute;bottom:33px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;color:#afc3b4;text-align:center}.toast{position:absolute;top:21%;left:50%;transform:translate(-50%) translateY(-10px);padding:11px 24px;border-radius:12px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:900;opacity:0;transition:.2s;white-space:nowrap;box-shadow:0 4px 15px #0002}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#labels{position:absolute;inset:0}.duck-label{position:absolute;font-size:10px;font-weight:700;text-shadow:0 2px 3px #102b30;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.duck-label.player{color:var(--yellow);font-size:11px}.duck-label .mini-health{height:3px;width:33px;background:#102b3099;border-radius:3px;margin:4px auto 0;overflow:hidden}.mini-health i{height:100%;display:block;background:var(--mint)}.modal-back{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#08262b99;backdrop-filter:blur(7px);pointer-events:auto}.modal-back.visible{display:flex}.modal{background:#173a3e;border:1px solid #c4d5b639;border-radius:25px;width:min(440px,90%);padding:35px;text-align:center;box-shadow:0 25px 90px #0005}.modal h2{font-size:29px;margin:12px 0;color:var(--yellow)}.modal p{font-size:13px;color:#bed0c0;line-height:1.9;margin:18px 0 27px}.modal .badge{font-size:48px}.modal .primary{min-width:200px;font-size:16px}.modal .secondary{display:block;margin:22px auto 0;border:0;background:none;font-size:12px;color:#b6c8bb}.help-list{text-align:left!important}.danger{box-shadow:inset 0 0 100px #ff532c70;position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.spectate{position:absolute;left:50%;bottom:130px;transform:translate(-50%);background:var(--glass);padding:10px 20px;border-radius:15px;font-size:12px;display:none;white-space:nowrap}.version{position:absolute;right:34px;bottom:32px;font-size:10px;letter-spacing:2px;color:#a1b8ac}.playing .version{display:none}#joystick{display:none;position:absolute;bottom:37px;left:24px;width:108px;height:108px;background:#c6e3c414;border:1px solid #c6e3c43a;border-radius:50%;touch-action:none}#stick{position:absolute;width:43px;height:43px;left:32px;top:32px;background:#ffe8aeaa;border:2px solid var(--cream);border-radius:50%;pointer-events:none}.boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ink);z-index:20;font-size:14px;letter-spacing:4px}.boot.hidden{display:none}@media(max-width:900px){.hint{display:none}.menu{width:300px;left:5%}h1{font-size:64px}.stats{gap:14px;padding:9px 18px}.brand span{display:none}}@media(pointer:coarse){.playing #joystick{display:block}.playing .health-panel{position:absolute;bottom:140px;left:-10px;width:155px}.skill kbd,.hint{display:none}.skills{margin-left:auto}}@media(max-width:600px){.playing #joystick{display:block}.topbar{top:18px;left:20px;right:20px}.brand{font-size:15px}.icon-btn{width:35px;height:35px;font-size:14px}.menu{left:8%;top:16%;width:84%}h1{font-size:57px;margin:12px 0;letter-spacing:-3px}.eyebrow{font-size:9px}.subtitle{font-size:12px;margin:19px 0}.primary{font-size:16px;min-width:205px;padding:13px 20px}.menu-footer{left:8%;bottom:23px;font-size:9px}.shade{background:linear-gradient(180deg,#102b30e0,#102b30a0 44%,transparent 78%)}.version{display:none}.small-note{margin-top:17px;font-size:9px}.help-toggle{margin-top:16px}.playing .brand{display:none}.stats{top:17px;left:20px;transform:none;gap:13px;padding:8px 15px;border-radius:14px}.stat{font-size:9px}.stat strong{font-size:19px}.stat-line{height:24px}.zone-msg{top:77px;font-size:10px;letter-spacing:1px}.bottom{bottom:24px;left:20px;right:20px}.health-panel{width:130px;padding:10px}.skills{gap:6px}.skill{width:61px;height:70px;border-radius:14px}.skill .label{font-size:9px}.skill kbd{display:none}.health-title{font-size:9px}.toast{font-size:12px;top:19%;padding:9px 16px}.duck-label{font-size:8px}.duck-label.player{font-size:9px}.modal{padding:26px}.modal h2{font-size:25px}.spectate{font-size:10px;bottom:120px}#joystick{width:94px;height:94px;bottom:29px;left:22px}#stick{left:25px;top:25px}.playing .health-panel{position:absolute;bottom:112px;left:0;width:132px}}.playing.touch-controls #joystick{display:block;bottom:max(34px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));width:112px;height:112px;border:2px solid #ffe8ae55;background:radial-gradient(circle,#24484cbb,#102f3280);box-shadow:inset 0 0 24px #d6ead013;user-select:none;-webkit-user-select:none;z-index:3}.playing.touch-controls #stick{width:44px;height:44px;left:32px;top:32px;box-shadow:0 4px 12px #0005;transition:background .1s}.playing.touch-controls #joystick.active{border-color:var(--yellow);background:#20484bc9}.playing.touch-controls #joystick.active #stick{background:var(--yellow)}.joy-cross{position:absolute;inset:0;display:grid;place-items:center;color:#fff0c72b;font-size:68px;font-weight:500;pointer-events:none}.joy-label{position:absolute;bottom:-24px;left:0;right:0;text-align:center;font-size:10px;color:#c3d6bb;letter-spacing:2px;pointer-events:none}.touch-controls.playing .health-panel{position:absolute;bottom:145px;left:0;width:158px}.touch-controls .hint,.touch-controls .skill kbd{display:none}@media(max-width:600px){.playing.touch-controls #joystick{width:104px;height:104px;bottom:max(39px,env(safe-area-inset-bottom));left:22px}.playing.touch-controls #stick{left:28px;top:28px}.touch-controls.playing .health-panel{bottom:147px;width:138px}.touch-controls .skill{width:62px;height:76px}.touch-controls .skills{gap:7px}.touch-controls .bottom{right:max(16px,env(safe-area-inset-right));bottom:max(38px,env(safe-area-inset-bottom))}}@media(max-height:500px)and (min-width:601px){.topbar{top:14px;left:20px;right:20px}.stats{top:12px;padding:6px 17px}.zone-msg{top:68px}.playing.touch-controls #joystick{width:94px;height:94px;bottom:27px}.playing.touch-controls #stick{left:23px;top:23px}.touch-controls.playing .health-panel{bottom:109px;width:150px;padding:8px 12px}.bottom{bottom:23px;left:24px;right:24px}.skill{width:69px;height:69px}.toast{top:27%;font-size:12px}.menu{top:16%;width:320px}h1{font-size:43px;margin:10px 0}.subtitle{font-size:11px;margin:15px 0}.eyebrow{font-size:9px}.menu h1 small{font-size:9px!important;margin-top:8px!important}.primary{padding:10px 22px;font-size:14px}.small-note{margin-top:12px}.help-toggle{margin-top:10px}.menu-footer{display:none}}@media(max-width:360px){.touch-controls .skill{width:55px}.touch-controls .skills{gap:5px}.stats{gap:8px;padding:8px 10px}.topbar{right:12px}.top-actions{gap:6px}}#tuning.active{border-color:var(--yellow);color:var(--yellow)}.tuning-panel{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;padding:18px clamp(14px,3vw,28px) 14px;background:#081f23f4;box-shadow:inset 0 0 0 1px #fff0c712;backdrop-filter:blur(16px);z-index:12;pointer-events:auto;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}.tuning-panel.visible{opacity:1;transform:none;visibility:visible}.tuning-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:8px;border-bottom:1px solid #ffffff16}.tuning-head b{display:block;color:var(--yellow);font-size:20px}.tuning-head span{display:block;margin-top:4px;color:#91aaa3;font-size:10px;letter-spacing:1px}.tuning-head button{width:36px;height:36px;border:1px solid #fff0c725;border-radius:50%;background:#ffffff10;font-size:21px;line-height:1}.tuning-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.tuning-tabs button{min-height:34px;border:1px solid #fff0c722;border-radius:10px;background:#ffffff0b;color:#91aaa3;font:700 10px/1 inherit;letter-spacing:1px}.tuning-tabs button[aria-selected=true]{border-color:#ffe47a66;background:#ffe47a12;color:var(--yellow);box-shadow:inset 0 -2px #ffe47a88}.tuning-list{min-height:0;overflow:hidden}.tuning-page{height:100%;min-height:0;overflow:auto;padding:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;scrollbar-gutter:stable}.tuning-page[hidden]{display:none!important}.tuning-page[data-tuning-page=push]{grid-template-columns:repeat(2,minmax(0,1fr))}.tuning-page[data-tuning-page=dash]{grid-template-columns:minmax(0,2fr) minmax(190px,.8fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.tuning-page[data-tuning-page=items]{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr));grid-template-rows:repeat(3,minmax(0,1fr))}.tuning-page[data-tuning-page=items] .tuning-curve-card{grid-column:1;grid-row:1/4}.tuning-page label{display:grid;gap:7px;padding:11px 12px;background:#102b307d;border:1px solid #ffffff10;border-radius:12px;align-content:center;min-height:0}.tuning-page label>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;font-weight:700}.tuning-page label i{font-style:normal;font-size:8px;font-weight:400;color:#91aaa3;text-align:right}.tuning-page label>div{display:grid;grid-template-columns:1fr 70px;gap:8px;align-items:center}.tuning-page input{pointer-events:auto}.tuning-page input[type=range]{width:100%;accent-color:var(--yellow)}.tuning-page input[type=number]{width:70px;border:1px solid #fff0c72b;border-radius:8px;background:#071f23;color:var(--cream);padding:6px 7px;text-align:center;font:600 10px/1.2 inherit}.tuning-page input[type=number]:focus{outline:2px solid var(--mint);outline-offset:1px}.tuning-section{display:none}.tuning-curve-card{grid-column:1;grid-row:1/3;min-height:0;padding:12px 14px;background:#102b307d;border:1px solid #ffffff10;border-radius:14px;display:flex;flex-direction:column}.tuning-curve-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.tuning-curve-head>span{font-size:11px;font-weight:800}.tuning-curve-head i{font-style:normal;margin-left:6px;font-size:8px;font-weight:400;color:#91aaa3}.tuning-curve-head b{font-size:9px;color:var(--yellow);font-weight:700}.dash-curve-stage{min-height:0;overflow:hidden;border:1px solid #ffffff16;border-radius:10px;background:#071f23;padding:4px;flex:1}.dash-curve-stage svg{display:block;width:100%;height:100%;min-height:120px;touch-action:none;user-select:none;-webkit-user-select:none}.dash-curve-grid{stroke:#ffffff16;stroke-width:1}.dash-curve-axis-label{fill:#78938d;font:500 10px/1 inherit;pointer-events:none}.dash-curve-line{fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.dash-curve-node{fill:#0d3438;stroke:#ffe47acc;stroke-width:3;cursor:grab;touch-action:none}.dash-curve-node.selected{fill:var(--yellow);stroke:#fff2be;stroke-width:4}.dash-curve-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:8px}.dash-curve-point-fields{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}.dash-curve-point-fields>span{align-self:center;margin-right:2px;font-size:8px;color:#91aaa3;letter-spacing:1px}.curve-field{display:grid;gap:3px}.curve-field small{font-size:7px;color:#78938d}.tuning-page .curve-field input[type=number]{width:72px}.dash-curve-buttons{display:flex;gap:6px;flex-wrap:wrap}.dash-curve-buttons button{border:1px solid #ffe47a35;border-radius:8px;background:#ffe47a0b;color:var(--cream);padding:6px 8px;font-size:8px}.dash-curve-buttons button:disabled{opacity:.35;cursor:not-allowed}.tuning-curve-card>p{margin:7px 0 0;color:#78938d;font-size:8px}.tuning-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #ffffff16}.tuning-action-buttons{display:flex;gap:7px;flex-wrap:wrap}.tuning-actions button{border:1px solid #fff0c72b;border-radius:9px;background:#ffffff0d;padding:7px 11px;font-size:9px}.tuning-actions #tuning-copy{border-color:#ffe47a66;color:var(--yellow);background:#ffe47a0d}.tuning-actions span{font-size:8px;color:#809b94;text-align:right}@media(max-width:760px){.tuning-panel{padding:12px 12px 10px;gap:8px}.tuning-head b{font-size:17px}.tuning-head span{font-size:8px}.tuning-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tuning-page[data-tuning-page=push]{grid-template-columns:repeat(2,minmax(0,1fr))}.tuning-page[data-tuning-page=dash],.tuning-page[data-tuning-page=items]{grid-template-columns:1fr;grid-template-rows:auto}.tuning-page[data-tuning-page=dash] .tuning-curve-card,.tuning-page[data-tuning-page=items] .tuning-curve-card{grid-column:1;grid-row:auto}.tuning-page label{padding:9px}.tuning-page label>div{grid-template-columns:1fr 58px}.tuning-page input[type=number]{width:58px}.tuning-curve-card{padding:9px}.dash-curve-stage svg{min-height:150px}.tuning-actions span{max-width:48%}}.mobile-landscape .tuning-panel{padding:7px 10px;gap:5px}.mobile-landscape .tuning-head{align-items:center;padding-bottom:4px}.mobile-landscape .tuning-head b{font-size:14px}.mobile-landscape .tuning-head span{margin-top:1px;font-size:7px}.mobile-landscape .tuning-head button{width:29px;height:29px;font-size:17px}.mobile-landscape .tuning-tabs{gap:4px}.mobile-landscape .tuning-tabs button{min-height:27px;border-radius:8px;font-size:8px}.mobile-landscape .tuning-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:1px;overflow:auto}.mobile-landscape .tuning-page[data-tuning-page=push]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-landscape .tuning-page[data-tuning-page=dash]{grid-template-columns:minmax(0,1.65fr) minmax(145px,.75fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:5px}.mobile-landscape .tuning-page[data-tuning-page=dash] .tuning-curve-card{grid-column:1;grid-row:1/3}.mobile-landscape .tuning-page[data-tuning-page=items]{grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,.75fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}.mobile-landscape .tuning-page[data-tuning-page=items] .tuning-curve-card{grid-column:1;grid-row:1/4}.mobile-landscape .tuning-page label{gap:3px;padding:6px 7px;border-radius:9px}.mobile-landscape .tuning-page label>span{gap:5px;font-size:8px}.mobile-landscape .tuning-page label i{font-size:6px}.mobile-landscape .tuning-page label>div{grid-template-columns:1fr 45px;gap:4px}.mobile-landscape .tuning-page input[type=number]{width:45px;padding:4px 3px;border-radius:6px;font-size:8px}.mobile-landscape .tuning-curve-card{padding:6px 7px;border-radius:9px}.mobile-landscape .tuning-curve-head{margin-bottom:4px;gap:5px}.mobile-landscape .tuning-curve-head>span{font-size:8px}.mobile-landscape .tuning-curve-head i{font-size:6px}.mobile-landscape .tuning-curve-head b{font-size:7px}.mobile-landscape .dash-curve-stage{border-radius:7px;padding:2px}.mobile-landscape .dash-curve-stage svg{height:108px;min-height:0}.mobile-landscape .dash-curve-controls{margin-top:4px;gap:4px;align-items:center}.mobile-landscape .dash-curve-point-fields{gap:4px;flex-wrap:nowrap}.mobile-landscape .dash-curve-point-fields>span{display:none}.mobile-landscape .curve-field{gap:1px}.mobile-landscape .curve-field small{font-size:6px}.mobile-landscape .tuning-page .curve-field input[type=number]{width:52px;padding:3px}.mobile-landscape .dash-curve-buttons{gap:3px;flex-wrap:nowrap}.mobile-landscape .dash-curve-buttons button{padding:4px 5px;font-size:6px}.mobile-landscape .tuning-curve-card>p{display:none}.mobile-landscape .tuning-actions{padding-top:4px;gap:6px}.mobile-landscape .tuning-action-buttons{gap:5px;flex-wrap:nowrap}.mobile-landscape .tuning-actions button{padding:5px 8px;font-size:7px}.mobile-landscape .tuning-actions span{font-size:6px;white-space:nowrap;max-width:none}body.mobile-game-layout #app{position:fixed;inset:auto;top:var(--visual-viewport-top,0px);left:var(--visual-viewport-left,0px);width:var(--visual-viewport-width,100dvw);height:var(--visual-viewport-height,100dvh)}body.mobile-game-layout.force-mobile-landscape #app{width:var(--visual-viewport-height,100dvh);height:var(--visual-viewport-width,100dvw);transform-origin:top left;transform:rotate(90deg) translateY(-100%)}#fullscreen.active{border-color:var(--yellow);color:var(--yellow)}.mobile-landscape .topbar{top:14px;left:18px;right:18px}.mobile-landscape .icon-btn{width:36px;height:36px;font-size:14px}.mobile-landscape .top-actions{gap:7px}.mobile-landscape.playing .top-actions{width:122px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:7px}.mobile-landscape:not(.playing) .menu{left:5%;top:13%;width:min(320px,88vw)}.mobile-landscape:not(.playing) .shade{background:linear-gradient(90deg,#102b30 0%,#102b30f3 34%,#102b307a 58%,transparent 82%)}.mobile-landscape:not(.playing) h1{font-size:46px;margin:10px 0;letter-spacing:-3px}.mobile-landscape:not(.playing) .subtitle{font-size:11px;line-height:1.65;margin:14px 0 16px}.mobile-landscape:not(.playing) .primary{padding:11px 20px;font-size:15px;min-width:210px}.mobile-landscape:not(.playing) .small-note{margin-top:11px;font-size:9px}.mobile-landscape:not(.playing) .help-toggle{margin-top:9px}.mobile-landscape .menu-footer,.mobile-landscape .version,.mobile-landscape.playing .brand{display:none}.mobile-landscape.playing .stats{top:12px;left:50%;transform:translate(-50%);gap:12px;padding:7px 13px;border-radius:14px}.mobile-landscape.playing .stat{font-size:9px}.mobile-landscape.playing .stat strong{font-size:18px}.mobile-landscape.playing .stat-line{height:22px}.mobile-landscape.playing .zone-msg{top:62px;font-size:9px;letter-spacing:1px;padding:5px 12px}.mobile-landscape.playing .bottom{left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom))}.mobile-landscape.playing #joystick{display:block;width:94px;height:94px;left:max(18px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom))}.mobile-landscape.playing #stick{width:42px;height:42px;left:24px;top:24px}.mobile-landscape.playing .health-panel{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));bottom:auto;width:146px;padding:9px 11px}.mobile-landscape.playing .skills{gap:7px;margin-left:auto}.mobile-landscape.playing .skill{width:66px;height:68px;border-radius:14px;padding-top:6px}.mobile-landscape.playing .skill .symbol{font-size:20px;line-height:25px}.mobile-landscape.playing .skill .label{font-size:9px}.mobile-landscape.playing .hint,.mobile-landscape.playing .skill kbd{display:none}.mobile-landscape .toast{top:18%;font-size:11px;padding:8px 14px}body.force-mobile-landscape .mobile-landscape .topbar{top:max(14px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-bottom))}body.force-mobile-landscape .mobile-landscape:not(.playing) .menu{left:max(5%,env(safe-area-inset-top))}body.force-mobile-landscape .mobile-landscape.playing .bottom{left:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-bottom));bottom:max(20px,env(safe-area-inset-left))}body.force-mobile-landscape .mobile-landscape.playing #joystick{left:max(18px,env(safe-area-inset-top));bottom:max(24px,env(safe-area-inset-left))}body.force-mobile-landscape .mobile-landscape.playing .health-panel{left:max(18px,env(safe-area-inset-top));top:max(14px,env(safe-area-inset-right))}@media(max-width:430px){.mobile-landscape.playing .stats{gap:8px;padding-left:10px;padding-right:10px}.mobile-landscape.playing .skill{width:58px}.mobile-landscape.playing .skills{gap:5px}.mobile-landscape.playing #joystick{width:88px;height:88px}.mobile-landscape.playing #stick{left:21px;top:21px}.mobile-landscape.playing .health-panel{width:132px;top:max(12px,env(safe-area-inset-top));bottom:auto}.mobile-landscape.playing .top-actions{width:113px;gap:5px}}.touch-layout-toggle{display:none;align-items:center;justify-content:center}.touch-controls .touch-layout-toggle,.mobile-landscape .touch-layout-toggle{display:inline-flex}.touch-controls.playing .bottom{position:static!important;inset:auto!important;display:block}.touch-controls.playing .skills{position:static;margin:0}.touch-controls.playing .skill[data-touch-control]{position:absolute;z-index:4;margin:0;left:var(--touch-x,85%);top:var(--touch-y,82%);bottom:auto;right:auto;transform:translate(-50%,-50%);touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls.playing .skill[data-touch-control]:active{transform:translate(-50%,-46%)}.touch-controls.playing #joystick{z-index:4;left:var(--touch-joystick-x,12%)!important;top:var(--touch-joystick-y,76%)!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);touch-action:none}.touch-controls.playing #joystick-zone,.touch-controls.playing.floating-joystick #joystick{display:none}.touch-controls.playing.floating-joystick #joystick.floating-active{display:block}.touch-controls.playing.floating-joystick #joystick-zone{display:block;position:absolute;left:0;top:8%;width:46%;height:88%;z-index:3;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-controls.playing.floating-joystick #joystick.floating-active .joy-label{display:none}.controls-layout-panel{position:absolute;inset:0;z-index:12;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}.controls-layout-panel.visible{opacity:1;visibility:visible}.controls-layout-toolbar{position:absolute;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);width:min(94%,760px);min-height:48px;display:flex;align-items:center;gap:10px;padding:7px 9px 7px 12px;border:1px solid #fff0c72d;border-radius:15px;background:#081f23e8;box-shadow:0 10px 34px #0006;backdrop-filter:blur(12px);pointer-events:auto}.controls-layout-title{min-width:140px;margin-right:auto}.controls-layout-title b{display:block;color:var(--yellow);font-size:13px}.controls-layout-title span{display:block;margin-top:2px;color:#9ab0aa;font-size:8px;letter-spacing:.5px;white-space:nowrap}.joystick-mode{display:flex;gap:5px;flex:0 0 auto}.joystick-mode button,.controls-layout-actions>button{border:1px solid #fff0c72b;border-radius:9px;background:#ffffff0d;color:#b8c9c1;padding:7px 9px;font-size:9px;white-space:nowrap}.joystick-mode button[aria-pressed=true]{border-color:#ffda6670;background:#ffda6618;color:var(--yellow)}.controls-layout-actions{display:flex;align-items:center;gap:5px}.controls-layout-actions .primary{min-width:62px;border:0;background:var(--yellow);color:var(--ink);padding:7px 11px;font-size:10px;box-shadow:0 3px #b68539}.controls-layout-actions #close-controls-layout{width:31px;height:31px;padding:0;border-radius:50%;font-size:18px;line-height:1}.layout-direction-note{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);padding:5px 10px;border:1px solid #fff0c718;border-radius:20px;background:#081f23c9;color:#91aaa3;font-size:8px;white-space:nowrap;pointer-events:none}#ui.layout-editing .menu,#ui.layout-editing .shade,#ui.layout-editing .menu-footer,#ui.layout-editing .version{display:none!important}#ui.layout-editing .hud,#ui.layout-editing #pause{display:block!important}#ui.layout-editing .topbar button{pointer-events:none}#ui.layout-editing [data-touch-control]{cursor:grab;outline:2px dashed #ffda6690;outline-offset:4px;box-shadow:0 0 0 5px #ffda660c,0 5px 16px #0005!important}#ui.layout-editing [data-touch-control].layout-dragging{cursor:grabbing;outline-color:var(--mint);outline-style:solid;box-shadow:0 0 0 7px #9be2cb1c,0 9px 24px #0007!important}#ui.layout-editing .skill[data-touch-control]:active{transform:translate(-50%,-50%)}#ui.layout-editing.floating-joystick #joystick-zone{display:block;pointer-events:none;border:2px dashed #9be2cb88;border-radius:22px;background:#9be2cb0b;box-shadow:inset 0 0 40px #9be2cb0b}#ui.layout-editing.floating-joystick #joystick-zone:after{content:"左侧触点摇杆区域\a按下位置就是摇杆中心";white-space:pre;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--mint);font-size:10px;line-height:1.7;text-align:center;letter-spacing:1px}#ui.layout-editing.floating-joystick #joystick{display:none!important}body.force-mobile-landscape .controls-layout-toolbar{top:max(10px,env(safe-area-inset-right))}body.force-mobile-landscape .layout-direction-note{bottom:max(8px,env(safe-area-inset-left))}@media(max-height:430px){.controls-layout-toolbar{width:min(96%,760px);min-height:42px;gap:6px;padding:5px 7px 5px 9px;border-radius:12px}.controls-layout-title{min-width:112px}.controls-layout-title b{font-size:11px}.controls-layout-title span{font-size:7px}.joystick-mode{gap:4px}.joystick-mode button,.controls-layout-actions>button{padding:5px 7px;font-size:8px}.controls-layout-actions{gap:4px}.controls-layout-actions .primary{min-width:54px;padding:5px 9px}.controls-layout-actions #close-controls-layout{width:27px;height:27px;font-size:16px}.layout-direction-note{font-size:7px;padding:4px 8px}}@media(max-width:620px){.controls-layout-title span{display:none}.controls-layout-title{min-width:auto}.controls-layout-toolbar{gap:5px}.joystick-mode button,.controls-layout-actions>button{padding-left:6px;padding-right:6px}}.wardrobe-open .shade,.wardrobe-open #labels,.wardrobe-open .menu,.wardrobe-open .topbar,.wardrobe-open .menu-footer,.wardrobe-open .version,.wardrobe-open .toast{visibility:hidden}.outfit-choice{display:flex;align-items:center;gap:9px;width:230px;padding:10px 11px;margin:0 0 17px;background:#1b4145;border:1px solid #a4ccb642;border-radius:11px;font-size:11px;color:#d2dfc7}.outfit-choice i{width:16px;height:16px;border:2px solid #fff0c7;border-radius:5px}.outfit-choice>span:last-child{margin-left:auto;color:var(--yellow)}.outfit-choice b{font-weight:700}.outfit-choice:hover{border-color:var(--yellow)}.wardrobe-back{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;pointer-events:auto;overflow:auto;padding:20px}.wardrobe-back.visible{display:flex}.wardrobe-panel{margin:auto;width:min(790px,100%);border:1px solid #c6dfbc42;border-radius:24px;overflow:hidden;box-shadow:0 0 0 100vmax #08262bd6,0 25px 80px #0005;flex-shrink:0}.wardrobe-heading{display:flex;justify-content:space-between;align-items:center;background:#173a3e;padding:23px 28px}.wardrobe-heading h2{font-size:25px;margin:9px 0 0;color:var(--yellow)}.wardrobe-heading .eyebrow{font-size:9px;letter-spacing:3px}.wardrobe-body{display:grid;grid-template-columns:1fr 1fr}.preview-column{min-width:0;text-align:center}#duck-preview{height:330px;position:relative;pointer-events:none}.preview-name{background:#21474b;font-size:19px;font-weight:900;padding:0 12px 5px}.preview-tag{background:#21474b;font-size:11px;color:#afcebc;padding-bottom:15px}.preview-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;background:#21474b;padding:0 8px 24px}.preview-actions button{border:1px solid #c6e2bd3b;border-radius:9px;background:#173a3e;color:#e7e9cb;padding:8px 9px;font-size:10px}.preview-actions button[aria-pressed=true],.preview-actions button:hover,.preview-actions button:focus{border-color:var(--yellow);color:var(--yellow)}.wardrobe-options{background:#173a3e;padding:24px 24px 27px;display:flex;flex-direction:column;align-items:stretch}.wardrobe-caption{font-size:12px;letter-spacing:2px;color:var(--mint);margin-bottom:17px}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outfit-option{border:1px solid #b1c9bb2b;border-radius:11px;background:#20484b;padding:11px 2px 8px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;min-width:0}.outfit-option .shirt-icon{display:block;width:25px;height:25px;color:transparent;background:var(--outfit);clip-path:polygon(24% 4%,39% 0,50% 15%,61% 0,76% 4%,100% 29%,79% 48%,76% 100%,24% 100%,21% 48%,0 29%)}.outfit-option i{display:none;position:absolute;right:4px;top:1px;font-size:10px;font-style:normal;color:var(--yellow)}.outfit-option[aria-pressed=true]{border-color:var(--yellow);background:#36564b;box-shadow:0 0 0 1px #ffda6655}.outfit-option[aria-pressed=true] i{display:block}.wardrobe-options p{font-size:11px;line-height:1.9;color:#adc6b7;margin:22px 0}.wardrobe-options .primary{font-size:15px;min-width:0;width:100%;margin-top:auto;padding:13px 15px}.wardrobe-back .icon-btn{width:34px;height:34px}@media(max-width:600px){.outfit-choice{width:205px;padding:8px 10px;margin-bottom:13px;font-size:10px}.wardrobe-back{padding:13px;align-items:center}.wardrobe-panel{max-width:400px;border-radius:19px}.wardrobe-heading{padding:15px 18px}.wardrobe-heading h2{font-size:20px;margin-top:7px}.wardrobe-body{grid-template-columns:1fr}.wardrobe-heading .eyebrow{font-size:8px;letter-spacing:2px}#duck-preview{height:208px}.preview-name{font-size:16px;padding-bottom:3px}.preview-tag{font-size:10px;padding-bottom:10px}.preview-actions{padding-bottom:15px}.preview-actions button{padding:7px 10px;min-height:40px}.wardrobe-options{padding:15px 18px 20px}.wardrobe-caption{font-size:10px;margin-bottom:11px}.outfit-option{padding:8px 2px 7px;font-size:9px;gap:5px}.outfit-option .shirt-icon{width:22px;height:22px}.outfit-grid{gap:7px}.wardrobe-options p{font-size:9px;margin:12px 0 15px}.wardrobe-options .primary{font-size:14px;padding:11px}}@media(max-height:650px)and (min-width:601px){.wardrobe-back{padding:12px}.wardrobe-panel{max-width:650px}.wardrobe-heading{padding:12px 20px}.wardrobe-heading h2{font-size:20px;margin-top:5px}#duck-preview{height:190px}.wardrobe-options{padding:16px}.wardrobe-caption{margin-bottom:10px}.outfit-option{padding:7px 2px}.wardrobe-options p{margin:13px 0;font-size:10px}.preview-actions{padding-bottom:14px}.outfit-choice{margin-bottom:10px;padding:7px 10px}.preview-name{font-size:16px}.preview-tag{padding-bottom:10px}}@media(max-height:700px)and (max-width:600px){.wardrobe-back{align-items:flex-start}#duck-preview{height:145px}.preview-tag{display:none}.preview-actions{padding-bottom:10px}.wardrobe-options p{display:none}.wardrobe-options .primary{margin-top:15px}.wardrobe-heading{padding:11px 16px}}