.emh-runner-app{font-family:Arial,sans-serif;max-width:100%;margin:0 auto;width:100%;}.emh-runner-app *{box-sizing:border-box;}
.emh-runner-shell{background:linear-gradient(180deg,#fdf7ff 0%,#eef9ff 100%);border-radius:24px;padding:12px;box-shadow:0 14px 40px rgba(21,53,92,.12);overflow:hidden;width:100%;box-sizing:border-box;max-width:100%;margin:0 auto;}
.emh-runner-topbar,.emh-runner-panel,.emh-runner-controls{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;}
.emh-runner-ui-panel{position:relative;z-index:7;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 12px 0;}
.emh-runner-scorecard{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:18px;padding:10px 14px;min-width:92px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.emh-runner-scorecard span{display:block;font-size:12px;color:#555;margin-bottom:4px;}
.emh-runner-scorecard strong{font-size:22px;color:#15355c;line-height:1.1;display:block;word-break:break-word;}
.emh-runner-panel{margin:0;}
.emh-runner-panel label{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:10px 14px;border-radius:14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.emh-runner-panel select,.emh-runner-panel button,.emh-runner-controls button,.emh-overlay-btn{border:none;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.12);}
.emh-runner-panel select{background:#fff3b8;min-width:140px;}
.emh-start-btn{background:#45d483;color:#08351d;}
.emh-fullscreen-btn{background:#6fc8ff;color:#0d3650;}
.emh-music-btn{background:#ffd86f;color:#563800;}
.emh-runner-stage-wrap{width:100%;}
.emh-runner-stage{position:relative;width:100%;height:min(72vh,680px);min-height:320px;outline:none;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#80d7ff 0%,#e6f9ff 58%,#8ad46b 58%,#57be4d 100%);touch-action:manipulation;box-sizing:border-box;}
.emh-runner-app.is-mobile-fullscreen{position:fixed;inset:0;z-index:999999;background:linear-gradient(180deg,#fdf7ff 0%,#eef9ff 100%);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);overflow:auto;}
.emh-runner-app.is-mobile-fullscreen .emh-runner-shell{min-height:100dvh;border-radius:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0));}
.emh-runner-app.is-mobile-fullscreen .emh-runner-stage{height:min(62dvh,78svh);min-height:260px;border-radius:18px;}
body.emh-runner-no-scroll{overflow:hidden;touch-action:none;}
.emh-sky-decor,.emh-mountains,.emh-roadside,.emh-road,.emh-items-layer,.emh-road-lines{position:absolute;inset:0;pointer-events:none;}
.emh-cloud{position:absolute;background:rgba(255,255,255,.92);border-radius:999px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.08));}
.emh-cloud:before,.emh-cloud:after{content:"";position:absolute;background:inherit;border-radius:inherit;}
.emh-cloud-a{width:140px;height:44px;left:8%;top:9%;animation:emhFloat 14s linear infinite;}
.emh-cloud-a:before{width:58px;height:58px;left:18px;top:-20px}.emh-cloud-a:after{width:70px;height:70px;right:18px;top:-26px}
.emh-cloud-b{width:118px;height:38px;right:10%;top:14%;animation:emhFloat 19s linear infinite reverse;}
.emh-cloud-b:before{width:52px;height:52px;left:12px;top:-18px}.emh-cloud-b:after{width:62px;height:62px;right:10px;top:-22px}
.emh-sun{position:absolute;right:8%;top:7%;width:74px;height:74px;background:radial-gradient(circle,#fff3ad 0%,#ffd45f 55%,#ffbc2f 100%);border-radius:50%;box-shadow:0 0 0 16px rgba(255,226,118,.23);}
.emh-stage-readout{position:absolute;z-index:5;right:4%;top:26%;display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:min(42%,250px);pointer-events:none;}
.emh-stage-chip{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:16px;padding:8px 12px;box-shadow:0 8px 18px rgba(0,0,0,.1);text-align:right;min-width:110px;}
.emh-stage-chip span{display:block;font-size:12px;font-weight:700;color:#5a6470;line-height:1.1;margin-bottom:3px;}
.emh-stage-chip strong{display:block;font-size:24px;line-height:1.05;color:#15355c;word-break:break-word;}
.emh-stage-chip-word strong{font-size:clamp(20px,3vw,30px);}
.emh-mountains{top:25%;height:24%;background:linear-gradient(90deg,transparent 0 8%,#86b6cf 8% 18%,transparent 18% 24%,#7fa8bf 24% 42%,transparent 42% 50%,#92bfd3 50% 64%,transparent 64% 72%,#7ea8bf 72% 86%,transparent 86% 100%);clip-path:polygon(0 100%,12% 48%,20% 100%,35% 32%,52% 100%,66% 44%,76% 100%,90% 40%,100% 100%);opacity:.9;}
.emh-roadside{top:58%;height:42%;background:repeating-linear-gradient(180deg,#5dc651 0 18px,#54b848 18px 36px);}
.emh-roadside-left{left:0;width:18%;clip-path:polygon(0 0,100% 10%,100% 100%,0 100%);}
.emh-roadside-right{right:0;width:18%;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);}
.emh-road{position:absolute;left:18%;right:18%;top:42%;bottom:0;background:linear-gradient(180deg,#646a70 0%,#404349 100%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);}
.emh-road:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,.06) 100%);}
.emh-road-lines{background:repeating-linear-gradient(180deg,transparent 0 8%,rgba(255,255,255,.96) 8% 13%,transparent 13% 24%);clip-path:polygon(49% 0,51% 0,64% 100%,36% 100%);opacity:.95;}
.emh-runner-hud-message{position:absolute;z-index:6;left:50%;transform:translateX(-50%);top:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(8px);border-radius:999px;padding:10px 16px;font-weight:700;color:#15355c;max-width:90%;text-align:center;}
.emh-items-layer{z-index:3;}
.emh-falling-item{position:absolute;transform:translateX(-50%);width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;box-shadow:0 12px 24px rgba(0,0,0,.16);font-size:clamp(32px,4vw,48px);}
.emh-falling-item img{max-width:70%;max-height:70%;object-fit:contain;display:block;}
.emh-falling-item.is-good{animation:emhPop .4s ease;}
.emh-falling-item.is-bad{animation:emhShake .45s ease;}
.emh-player{position:absolute;z-index:4;bottom:8%;left:50%;transform:translateX(-50%);width:clamp(84px,10vw,118px);height:clamp(120px,14vw,156px);transition:left .16s ease;}
.emh-panda-head{position:absolute;left:50%;top:0;transform:translateX(-50%);width:58%;height:38%;background:linear-gradient(180deg,#fefefe 0%,#ebebeb 100%);border-radius:48% 48% 46% 46%;box-shadow:0 8px 0 rgba(0,0,0,.05) inset;}
.emh-panda-head:after{content:"";position:absolute;left:50%;top:14%;transform:translateX(-50%);width:24%;height:24%;background:#222;border-radius:50%;opacity:.9;}
.emh-ear{position:absolute;width:26%;height:32%;background:#222;border-radius:50%;top:-10%;}.emh-ear-left{left:8%;}.emh-ear-right{right:8%;}
.emh-eye,.emh-nose{display:none;}
.emh-panda-body{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);width:48%;height:38%;background:linear-gradient(180deg,#ffffff 0%,#f1f1f1 100%);border-radius:44% 44% 38% 38%;box-shadow:0 0 0 12px #222 inset;}
.emh-panda-body:before{content:"";position:absolute;left:50%;top:18%;transform:translateX(-50%);width:34%;height:34%;background:#fff;border-radius:50%;box-shadow:0 0 0 10px #222;}
.emh-panda-body:after{content:"";position:absolute;left:50%;bottom:8%;transform:translateX(-50%);width:18%;height:18%;background:#222;border-radius:50%;}
.emh-panda-arm,.emh-panda-leg{position:absolute;background:#222;border-radius:999px;animation:emhRun .34s infinite alternate ease-in-out;transform-origin:top center;}
.emh-panda-arm{width:12%;height:28%;top:40%;}.emh-panda-arm-left{left:18%;transform:rotate(18deg)}.emh-panda-arm-right{right:18%;transform:rotate(-18deg);animation-delay:.16s}
.emh-panda-leg{width:14%;height:26%;bottom:0;}.emh-panda-leg-left{left:34%;transform:rotate(12deg)}.emh-panda-leg-right{right:34%;transform:rotate(-12deg);animation-delay:.16s}
.emh-overlay-btn{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff7fb7;color:#fff;font-size:20px;padding:18px 24px;max-width:90%;text-align:center;}
.emh-overlay-btn.is-visible{pointer-events:auto;}
.emh-runner-controls{margin-top:10px;}
.emh-runner-controls button{background:#fff;font-size:28px;min-width:74px;}
.emh-controls-help{background:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.08);font-weight:700;color:#42556b;text-align:center;}
.emh-runner-shell:fullscreen,.emh-runner-shell:-webkit-full-screen{padding:12px;height:100%;background:linear-gradient(180deg,#fdf7ff 0%,#eef9ff 100%);}
.emh-runner-shell:fullscreen .emh-runner-stage,.emh-runner-shell:-webkit-full-screen .emh-runner-stage{height:min(calc(100dvh - 170px),78vh);min-height:280px;}
@media(max-width:900px){.emh-runner-shell{padding:10px;border-radius:20px}.emh-runner-stage{height:min(66vh,560px);min-height:300px}.emh-road{left:12%;right:12%;}.emh-roadside-left,.emh-roadside-right{width:12%;}.emh-runner-scorecard{min-width:84px;}}
@media(max-width:640px){.emh-runner-shell{padding:8px;border-radius:18px}.emh-runner-ui-panel{gap:8px;margin-bottom:10px}.emh-runner-scorecard{min-width:calc(50% - 8px);padding:8px 10px;flex:1 1 calc(50% - 8px)}.emh-runner-scorecard strong{font-size:18px}.emh-runner-panel{gap:8px}.emh-runner-panel label,.emh-runner-panel button,.emh-controls-help,.emh-runner-controls button{padding:10px 12px;width:100%;justify-content:center}.emh-runner-panel label{width:100%;justify-content:space-between}.emh-runner-panel select{min-width:0;width:100%;max-width:180px}.emh-runner-stage{height:min(58vh,500px);min-height:280px}.emh-stage-readout{right:3%;top:24%;max-width:48%;gap:6px}.emh-stage-chip{padding:7px 10px;border-radius:14px;min-width:90px}.emh-stage-chip strong{font-size:18px}.emh-stage-chip-word strong{font-size:clamp(16px,4vw,24px)}.emh-runner-hud-message{top:20px;font-size:14px;padding:9px 14px}.emh-road{left:7%;right:7%;}.emh-roadside-left,.emh-roadside-right{width:7%;}.emh-falling-item{width:60px;height:60px;border-radius:16px;font-size:32px}.emh-overlay-btn{font-size:18px;padding:14px 18px}.emh-runner-controls{gap:8px;}.emh-controls-help{font-size:13px;order:3;flex:1 0 100%;}}
@media(max-width:420px){.emh-runner-stage{height:min(52vh,420px);min-height:250px}.emh-stage-readout{right:2.5%;top:23%;max-width:54%}.emh-stage-chip{padding:6px 8px;min-width:82px}.emh-stage-chip span{font-size:10px}.emh-stage-chip strong{font-size:16px}.emh-stage-chip-word strong{font-size:clamp(14px,4.6vw,20px)}.emh-runner-hud-message{top:16px;max-width:92%;font-size:13px}.emh-runner-topbar{gap:6px}.emh-runner-scorecard{min-width:calc(50% - 6px);padding:7px 8px;border-radius:16px}.emh-runner-scorecard span{font-size:11px}.emh-runner-scorecard strong{font-size:16px}.emh-runner-panel label{font-size:15px}.emh-runner-panel select,.emh-runner-panel button,.emh-runner-controls button{border-radius:12px}.emh-player{bottom:6%;width:72px;height:104px}.emh-falling-item{width:54px;height:54px;font-size:28px}.emh-controls-help{font-size:12px;padding:10px 12px}}
@keyframes emhFloat{0%{transform:translateX(0)}50%{transform:translateX(18px)}100%{transform:translateX(0)}}
@keyframes emhRun{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes emhPop{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.18)}100%{transform:translateX(-50%) scale(0)}}
@keyframes emhShake{0%,100%{transform:translateX(-50%) translateX(0)}25%{transform:translateX(-50%) translateX(-8px)}75%{transform:translateX(-50%) translateX(8px)}}