:root{--panel:#ffffffd6;--panel-solid:#fffffff5;--text:#243042;--muted:#6a7484;--green:#22b56f;--blue:#2478d4;--rose:#e45b72;--gold:#e2a429;--danger:#df3f4f;--edge:1px solid #24304224;--shadow:0 14px 34px #1f374e2e}*{box-sizing:border-box}html,body,#app{background:#82dcff;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:Microsoft YaHei UI,DengXian,Microsoft YaHei,sans-serif}body.admin-page{background:linear-gradient(#ffffff61,#ffffff2e),#82dcff;min-height:100%;overflow:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0}#app{isolation:isolate;position:relative}.admin-page-shell{width:min(1120px,100vw - 32px);min-height:100vh;margin:0 auto;padding:28px 0}#game-canvas,#gesture-layer{width:100%;height:100%;position:fixed;inset:0}#game-canvas{touch-action:none;display:block}#gesture-layer{z-index:2;touch-action:none}#app:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/100% 8px;position:fixed;inset:0}.hud{z-index:3;pointer-events:auto;grid-template-columns:240px repeat(5,minmax(82px,1fr)) 46px;gap:8px;width:min(1180px,100vw - 28px);display:grid;position:fixed;top:14px;left:14px}.brand-block,.stat,.panel,#special-banner,.touch-button{background:var(--panel);border:var(--edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block,.stat{border-radius:8px;min-width:0;min-height:62px;padding:9px 11px}.brand-block strong,.stat strong{color:var(--text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-weight:700;line-height:.98;display:block;overflow:hidden}.brand-block strong{font-size:clamp(1.25rem,2.2vw,2rem)}.kicker,.stat span,.name-field span,.result-grid span,.record-grid span{color:var(--blue);letter-spacing:0;font-size:.72rem;font-weight:900;display:block}.stat strong{margin-top:3px;font-size:clamp(1.3rem,2.15vw,2.15rem)}.stat strong span{color:inherit;font-size:inherit;font-weight:inherit;display:inline}.diamond-stat strong{color:var(--green)}.best-stat strong{color:var(--gold)}.life-hearts{align-items:center;gap:4px;min-height:1.3em;display:flex}.life-heart{color:#ff4f68;filter:drop-shadow(0 2px #5f1e2a33);place-items:center;width:19px;height:19px;font-family:Microsoft YaHei UI,sans-serif;font-size:1.15rem;line-height:1;display:inline-grid}.life-heart.is-empty{color:#24304233;filter:none}.icon-button,.icon-action,.touch-button{cursor:pointer;color:#fff;background:var(--blue);box-shadow:var(--shadow);border-radius:8px;place-items:center;transition:transform .14s,background .14s;display:grid}.icon-button:hover,.icon-action:hover,.touch-button:hover{background:var(--green);transform:translateY(-1px)}.icon-button:focus-visible,.icon-action:focus-visible,.touch-button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.icon-button{width:46px;height:62px}.button-icon{width:24px;height:24px}.button-icon-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #1f374e47);width:82%;height:82%}.touch-controls .button-icon-image,.preview-controls .button-icon-image{width:92%;height:92%}.overlay{z-index:4;pointer-events:none;opacity:0;place-items:center;padding:24px;transition:opacity .18s,transform .18s;display:grid;position:fixed;inset:0;transform:scale(1.012)}.overlay.is-visible{pointer-events:auto;opacity:1;transform:scale(1)}#start-menu{background:linear-gradient(#ebf7ff5c 0 108px,#ebf7fff0 108px);align-items:start;padding-top:92px;padding-bottom:10px;overflow-y:auto}.panel{border-radius:12px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:clamp(22px,4vw,36px);overflow:auto}.start-screen{width:min(680px,100vw - 32px);margin:0 auto;display:grid;position:relative}.start-scene-preview{background:linear-gradient(#ffffff0a,#24304214),url(/assets/bg-courtyard-start-v2.png) 50% 54%/cover no-repeat;border-radius:18px;width:100%;height:248px;overflow:hidden;box-shadow:0 18px 40px #1f50762e}.start-panel{z-index:1;background:#fffffff7;width:auto;max-height:none;margin:-62px 38px 0;padding:26px 30px 28px;position:relative;overflow:visible;box-shadow:0 20px 46px #1f374e33}.start-panel h1{font-size:clamp(3.8rem,8vw,5.8rem)}.waiting-character{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 8px 12px #1f374e2e);width:clamp(82px,17vw,126px);height:clamp(104px,22vw,160px);margin:8px auto 0;display:block}.waiting-character.is-mirrored{transform:scaleX(-1)}.start-panel .name-field{margin-top:18px}.start-panel .name-field input{width:100%}.start-actions{grid-template-columns:1.3fr .9fr;gap:12px;margin-top:18px;display:grid}.start-status{min-height:1.25em;color:var(--danger);margin:8px 0 0;font-size:.82rem;font-weight:900;line-height:1.25}.start-status[data-tone=ok]{color:var(--green)}.preview-controls{justify-content:center;gap:8px;margin-top:12px;display:flex}.preview-controls .touch-button{width:42px;height:42px}.start-tutorial{color:var(--muted);text-align:center;justify-content:center;align-items:baseline;gap:8px;margin:10px 0 0;font-size:.72rem;font-weight:800;line-height:1.35;display:flex}.start-tutorial strong{color:var(--blue);flex:none}.map-import-row{grid-template-columns:38px 38px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;display:grid}.map-import-row .icon-button{width:38px;height:38px;min-height:38px}.map-status{color:#243042b8;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:900;line-height:1.15;overflow:hidden}.map-status[data-active=true]{color:var(--blue)}.start-actions .icon-action{gap:9px;width:100%;height:58px;padding:0 18px;display:flex}.start-actions .button-label{white-space:nowrap;font-size:1rem;font-weight:900}.start-primary{background:#2f8df4;box-shadow:0 12px 24px #2f8df452}.start-secondary{color:var(--green);background:#fffffffa}.start-features{border:var(--edge);background:#ffffffe6;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 38px 0;padding:14px 16px;display:grid;box-shadow:0 12px 28px #1f374e1f}.start-features>div{align-items:center;gap:8px;min-width:0;display:flex}.feature-icon{border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:900;display:grid}.feature-gamepad{color:var(--blue);background:#2478d41f}.feature-speed{color:#7e5ee8;background:#7e5ee81f}.feature-score{color:var(--gold);background:#e2a42924}.start-features p{min-width:0;margin:0}.start-features strong,.start-features small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.start-features strong{font-size:.78rem}.start-features small{color:var(--muted);margin-top:2px;font-size:.66rem}h1,h2{letter-spacing:0;margin:0;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-weight:700;line-height:.95}h1{font-size:clamp(3.5rem,12vw,6.6rem)}h2{font-size:clamp(2.5rem,8vw,4.8rem)}.name-field{gap:8px;margin-top:22px;display:grid}.name-field input{width:min(280px,100%);min-height:46px;color:var(--text);background:#ffffffe6;border:2px solid #2478d442;border-radius:8px;padding:0 14px}.button-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.icon-action{width:58px;height:50px}.primary-button{background:var(--blue)}.secondary-button{color:var(--text);background:#ffffffe0;border:1px solid #22b56f59}.secondary-button:hover{color:#fff}.result-layout{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;display:grid}#result-character{object-fit:contain;width:112px;height:112px;display:block}.result-status{min-height:1.4em;color:var(--green);margin:8px 0 0;font-size:.92rem;font-weight:800}.result-grid,.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.result-grid div,.record-grid div{background:#ffffffa8;border:1px solid #2430421f;border-radius:8px;min-width:0;min-height:78px;padding:12px}.result-grid strong,.record-grid strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-size:clamp(1.65rem,4.6vw,2.75rem);line-height:.98;display:block;overflow:hidden}.record-panel{width:min(980px,100vw - 32px);max-height:calc(100vh - 40px)}.pause-panel{text-align:center;width:min(420px,100%)}.pause-icon-fallback{background:var(--blue);width:72px;height:72px;box-shadow:var(--shadow);border-radius:50%;grid-template-columns:12px 12px;justify-content:center;gap:10px;margin-top:18px;padding:18px;display:inline-grid}.pause-icon-fallback:before,.pause-icon-fallback:after{content:"";background:#fff;border-radius:4px;width:12px;height:36px;display:block}.panel-status{color:var(--muted);margin:6px 0 0;font-size:.9rem;font-weight:800}.leaderboard-table,.admin-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:16px}.leaderboard-table th,.leaderboard-table td,.admin-table th,.admin-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #24304221;padding:9px 8px;overflow:hidden}.leaderboard-table th,.admin-table th{color:var(--blue);font-size:.74rem}.leaderboard-table tr.is-current td{color:var(--blue);background:#2478d41a;font-weight:900}.admin-panel{width:min(980px,100%)}.admin-page-panel{width:100%;max-height:none;margin:0 auto}.admin-page h1{font-size:clamp(2.7rem,7vw,5rem)}.admin-page h2{margin:0;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:.98}.admin-login-panel{width:min(440px,100%)}.admin-login-form,.compact-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.admin-login-form label{gap:8px;display:grid}.admin-login-form span{color:var(--blue);font-size:.72rem;font-weight:900}.admin-login-form input{border:1px solid #2478d43d;border-radius:7px;min-height:42px;padding:0 12px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.player-admin-table{table-layout:auto;min-width:980px}.player-admin-table th:last-child,.player-admin-table td:last-child{white-space:normal;min-width:180px}.admin-home-link{flex:none}.score-rule-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.asset-admin-block{border-top:1px solid #24304224;margin-top:24px;padding-top:18px}.panel-subhead h3{margin:0;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.98}.game-asset-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.game-asset-form label{gap:6px;min-width:0;display:grid}.game-asset-form span{color:var(--blue);font-size:.72rem;font-weight:900}.game-asset-form input{border:1px solid #2478d43d;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.game-asset-form input[type=file]{background:#ffffffc7;padding:8px 10px}.map-editor-form{grid-template-columns:minmax(160px,1fr) minmax(110px,.5fr) minmax(180px,1fr) auto auto;align-items:end;gap:10px;margin-top:14px;display:grid}.map-editor-form label,.visual-map-tools label{gap:6px;min-width:0;display:grid}.map-editor-form span,.visual-map-tools span{color:var(--blue);font-size:.72rem;font-weight:900}.map-editor-form input,.map-editor-form select,.visual-map-tools select{background:#ffffffeb;border:1px solid #2478d43d;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.visual-map-tools{grid-template-columns:minmax(160px,220px) auto minmax(0,1fr);align-items:end;gap:10px;margin-top:14px;display:grid}.visual-map-tools .panel-status{align-self:center;margin:0}.map-visual-grid{cursor:crosshair;background:linear-gradient(90deg,#2478d41f 1px,#0000 1px) 0 0/10% 100%,linear-gradient(0deg,#2478d41f 1px,#0000 1px) 0 0/100% 25%,linear-gradient(#d7f1ff 0 36%,#b6dd86 36% 46%,#d9c8ba 46% 100%);border:1px solid #2478d438;border-radius:8px;height:220px;margin-top:12px;position:relative;overflow:hidden}.map-ground-line{background:#1f374e6b;height:3px;position:absolute;bottom:3%;left:0;right:0}.map-object-marker{cursor:pointer;color:#fff;background:var(--blue);border:2px solid #fff;border-radius:50%;width:30px;height:30px;font-size:.72rem;font-weight:900;position:absolute;transform:translate(-50%,50%);box-shadow:0 6px 14px #1f374e38}.map-object-marker.type-spikes,.map-object-marker.type-ironBall,.map-object-marker.type-lowGate{background:var(--danger)}.map-object-marker.type-diamond,.map-object-marker.type-health,.map-object-marker.type-spring{background:var(--green)}.map-object-list{gap:7px;margin-top:10px;display:grid}.map-object-row{background:#fff9;border:1px solid #2478d41c;border-radius:8px;grid-template-columns:minmax(170px,1fr) minmax(110px,auto) auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.map-pattern-list{gap:8px;margin-top:12px;display:grid}.map-pattern-item{background:#ffffffb8;border:1px solid #2478d421;border-radius:8px;grid-template-columns:minmax(210px,1.1fr) minmax(120px,.8fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.map-pattern-item strong,.map-pattern-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-pattern-item span{color:#24304294;font-size:.78rem;font-weight:900}.map-pattern-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.compact-action{min-height:30px;padding:0 9px;font-size:.74rem}.score-rule-form label{gap:6px;min-width:0;display:grid}.score-rule-form span{color:var(--blue);font-size:.72rem;font-weight:900}.score-rule-form input{border:1px solid #2478d43d;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.checkbox-field{color:var(--text);grid-template-columns:auto 1fr;align-content:end;align-items:center;font-weight:800}.checkbox-field input{width:auto;min-height:auto}.text-action{cursor:pointer;color:#fff;border-radius:8px;min-width:72px;min-height:42px;padding:0 14px;font-weight:900}.text-action.secondary-button{color:var(--text);background:#ffffffeb}.table-action{cursor:pointer;color:#fff;background:var(--blue);border-radius:6px;min-height:30px;margin:2px;padding:0 8px;font-size:.78rem;font-weight:800}#score-message-layer{z-index:5;pointer-events:none;opacity:0;transition:opacity .12s;position:fixed;transform:translate(-50%,-100%)translateY(-14px)}#score-message-text{max-width:min(280px,72vw);color:var(--text);overflow-wrap:anywhere;background:#fffffff0;border:2px solid #2478d438;border-radius:18px;padding:10px 14px;font-size:clamp(.9rem,2.8vw,1.08rem);font-weight:900;line-height:1.28;display:block;position:relative;box-shadow:0 10px 22px #1f374e2e}#score-message-text:before,#score-message-text:after{content:"";background:#fffffff0;border:2px solid #2478d42e;border-radius:50%;display:block;position:absolute}#score-message-text:before{width:13px;height:13px;bottom:-13px;left:24px}#score-message-text:after{width:8px;height:8px;bottom:-24px;left:13px}#score-message-layer.is-visible{opacity:1}#score-message-layer.is-visible #score-message-text.is-playing{animation:.9s both score-message-pop}@keyframes score-message-pop{0%{transform:translateY(8px)scale(.92)}16%{transform:translateY(0)scale(1.04)}72%{transform:translateY(0)scale(1)}to{transform:translateY(-10px)scale(.98)}}.panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-head .icon-button{height:46px}#special-banner{z-index:3;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;min-width:178px;padding:12px 16px;transition:opacity .16s,transform .16s;display:flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%,18px)}#special-banner.is-visible{opacity:1;transform:translate(-50%)}#special-banner span{color:var(--blue);font-weight:900}#special-banner strong{margin-left:auto;font-family:Bahnschrift Condensed,Impact,Microsoft YaHei UI,sans-serif;font-size:1.6rem;line-height:1}.touch-controls{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;pointer-events:none;grid-template-rows:58px 58px;grid-template-columns:58px 58px 1fr 58px;align-items:end;gap:10px;padding:0 14px;display:grid;position:fixed}.touch-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#2478d4d1;width:58px;height:58px;padding:0}.touch-controls .touch-button{color:#fff;background:linear-gradient(145deg,#ffffff57,#2478d457),#2478d42e;border:1px solid #ffffff94;box-shadow:0 14px 28px #1f374e3d,inset 0 1px #ffffff70;-webkit-backdrop-filter:blur(20px)saturate(1.35)!important;backdrop-filter:blur(20px)saturate(1.35)!important}.touch-controls .touch-button[data-action=left]{grid-area:2/1}.touch-controls .touch-button[data-action=right]{grid-area:2/2}.touch-controls .touch-button[data-action=jump]{grid-area:1/4}.touch-controls .touch-button[data-action=slide]{grid-area:2/4}.touch-controls .touch-button:hover{background:linear-gradient(145deg,#ffffff61,#2478d46b),#2478d43d}.touch-button.is-held,.touch-controls .touch-button.is-held{color:#fff;background:linear-gradient(145deg,#ffffff6b,#42ca8b85),#42ca8b52;transform:translateY(2px)scale(.96)}.overlay.is-visible~.touch-controls{display:none}#app.is-hit .hud{animation:.24s hit-flash}@keyframes hit-flash{0%,to{filter:none}45%{filter:drop-shadow(0 0 18px var(--danger))}}@media (width<=820px){.hud{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;grid-auto-rows:32px;gap:3px;width:auto;top:6px;left:6px;right:6px}.brand-block{display:none}.stat,.icon-button{min-height:32px}.stat{padding:3px 5px}.stat span{font-size:.48rem}.stat strong{margin-top:1px;font-size:clamp(.78rem,3.5vw,.96rem)}.life-hearts{gap:2px}.life-heart{width:11px;height:11px;font-size:.72rem}.stat-wide{grid-column:1/span 2}.best-stat{grid-column:3}#pause-button{grid-area:1/4}.icon-button{width:34px;height:32px}.button-icon{width:19px;height:19px}.overlay{align-items:end;padding:76px 10px}#start-menu{align-items:start;padding:84px 8px 14px}.start-screen{width:min(100%,430px)}.start-scene-preview{border-radius:14px;height:176px}.start-panel{margin:-42px 14px 0;padding:16px 18px 18px}.start-panel h1{font-size:clamp(2.7rem,13vw,3.8rem)}.waiting-character{width:78px;height:100px}.map-import-row{grid-template-columns:34px 34px minmax(0,1fr);gap:7px;margin-top:10px}.map-import-row .icon-button{width:34px;height:34px;min-height:34px}.map-status{font-size:.64rem}.start-actions{grid-template-columns:1.35fr 1fr}.start-actions .icon-action{height:48px;padding:0 12px}.start-actions .button-label{font-size:.9rem}.start-features{margin:12px 14px 0;padding:11px 8px}.start-features>div{gap:5px}.feature-icon{flex-basis:28px;width:28px;height:28px;font-size:.82rem}.start-features strong{font-size:.66rem}.start-features small{font-size:.56rem}.panel{max-height:calc(100vh - 184px);padding:20px}h1{font-size:clamp(3rem,17vw,4.8rem)}h2{font-size:clamp(2.4rem,12vw,4rem)}.result-layout{grid-template-columns:92px minmax(0,1fr);gap:12px}#result-character{width:92px;height:92px}.result-grid,.record-grid{gap:8px}.score-rule-form,.map-editor-form,.visual-map-tools,.map-pattern-item,.map-object-row{grid-template-columns:1fr}.map-visual-grid{height:180px}.map-pattern-actions{justify-content:flex-start}.game-asset-form{grid-template-columns:1fr}.leaderboard-table,.admin-table{min-width:640px}.record-panel,.admin-panel{overflow-x:auto}.touch-controls{grid-template-rows:64px 64px;grid-template-columns:64px 64px 1fr 64px;gap:9px;padding:0 10px}.touch-button{width:64px;height:64px}#special-banner{bottom:calc(150px + env(safe-area-inset-bottom))}}@media (hover:hover) and (pointer:fine) and (width>=821px){.touch-controls{display:none}}@media (width<=820px) and (height<=460px){.overlay{align-items:end;padding:66px 10px 10px}#start-menu{padding:68px 8px 8px}.panel{max-height:calc(100vh - 78px);padding:12px;overflow:auto}.start-scene-preview,.start-features,.map-import-row{display:none}.start-panel{grid-template-columns:minmax(0,1fr) minmax(176px,auto);align-items:end;gap:4px 10px;margin:0;padding:6px 10px;display:grid}.start-panel .kicker{display:none}.start-panel h1{grid-column:1/-1;font-size:2.4rem}.waiting-character,.preview-controls,.start-status{display:none}.start-tutorial{grid-column:1/-1;margin:0;font-size:.6rem}.start-panel .name-field{grid-column:1;gap:0;margin-top:0}.start-panel .name-field span{display:none}.start-panel .name-field input{min-height:32px}.start-actions{grid-column:2;grid-template-columns:1.25fr .9fr;gap:6px;margin-top:0}.start-actions .icon-action{height:36px;padding:0 8px}.start-actions .button-label{font-size:.72rem}.touch-controls{bottom:calc(6px + env(safe-area-inset-bottom));grid-template-rows:58px 58px;grid-template-columns:58px 58px 1fr 58px;gap:7px;padding:0 8px}.touch-button{width:58px;height:58px}}