:root{color:#17324d;background:#274c67;font-family:Inter,Noto Sans TC,PingFang TC,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #fff3bd;outline-offset:3px}.game-shell{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 50% 20%,#80d2ec,#274c67 85%)}.game-frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;max-height:100vh;overflow:hidden;background:#78cbe8;box-shadow:0 0 70px #051c2b7f;isolation:isolate}.canvas-host,.canvas-host canvas{width:100%!important;height:100%!important}.canvas-host canvas{display:block}.top-actions{position:absolute;z-index:40;right:1.7%;bottom:2.2%;display:flex;gap:.55rem}.utility-button,.language-button{min-height:36px;border:1px solid rgb(255 255 255 / 65%);border-radius:999px;color:#fff9e5;background:#123044b8;box-shadow:0 3px 10px #152d3b4d;cursor:pointer}.utility-button{width:40px}.language-button{padding:0 1rem;font-size:.78rem;font-weight:800;letter-spacing:.04em}.hud{position:absolute;z-index:20;inset:0;pointer-events:none}.hud-card{position:absolute;border:1px solid rgb(255 247 218 / 58%);border-radius:12px;color:#fffbed;background:linear-gradient(150deg,#1a3a4be0,#1e464fad);box-shadow:0 5px 14px #1f465740;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-label{display:flex;align-items:center;gap:.3rem;font-size:clamp(.58rem,1vw,.8rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hud-label img{width:1.1rem;height:1.1rem}.lives-card{top:3%;left:2%;padding:.5rem .65rem}.life-row{display:flex;gap:.22rem;margin-top:.22rem}.life-row img{width:clamp(22px,3vw,38px);filter:drop-shadow(0 2px 2px rgb(44 25 17 / 35%));transition:.18s ease}.life-row img.lost{opacity:.22;filter:grayscale(1);transform:scale(.78)}.stamina-card{top:3%;left:50%;display:grid;grid-template-columns:min-content minmax(90px,17vw) 2.2rem;gap:.55rem;align-items:center;padding:.62rem .8rem;transform:translate(-50%)}.meter{width:100%;height:11px;overflow:hidden;border:2px solid rgb(255 255 255 / 75%);border-radius:999px;background:#051f2f8c}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0aa3c,#ffe37e);transition:width 80ms linear}.wind-card{top:3%;right:2%;min-width:min(21vw,230px);padding:.5rem .7rem}.wind-readout{display:flex;align-items:center;gap:.45rem}.wind-readout img{width:clamp(26px,3.4vw,46px);height:clamp(26px,3.4vw,46px);transition:transform .26s ease}.wind-readout strong{margin-left:auto;font-size:clamp(.65rem,1.1vw,.9rem)}.wind-bars{display:flex;gap:3px;align-items:end}.wind-bars i{width:5px;height:9px;border-radius:4px;background:#ffffff38}.wind-bars i:nth-child(2){height:15px}.wind-bars i:nth-child(3){height:21px}.wind-bars i.active{background:#ffe078}.balance-gauge{position:absolute;top:15%;left:50%;width:clamp(115px,14vw,190px);height:clamp(60px,8vw,104px);transform:translate(-50%);transition:filter .15s ease}.balance-gauge img{width:100%;height:100%;object-fit:contain;opacity:.78}.balance-gauge .needle{position:absolute;bottom:12%;left:calc(50% - 2px);width:4px;height:48%;border-radius:5px;background:#17324d;box-shadow:0 0 0 2px #ffffff7f;transform-origin:50% 100%;transition:transform 75ms linear}.balance-gauge strong{position:absolute;bottom:-.2rem;left:50%;padding:.08rem .38rem;border-radius:999px;color:#fff;background:#183347bf;font-size:clamp(.65rem,1.2vw,.9rem);transform:translate(-50%)}.balance-gauge.danger{filter:drop-shadow(0 0 8px #ff4f48);animation:warning-pulse .46s ease-in-out infinite alternate}.rope-meter{position:absolute;bottom:13%;left:50%;display:flex;width:min(39%,460px);height:48px;align-items:center;justify-content:center;gap:.7rem;border-radius:999px;color:#fff;background:#1834448c;transform:translate(-50%)}.rope-meter>img{width:30px}.wave-bars{display:flex;height:34px;gap:5px;align-items:center}.wave-bars i{width:clamp(3px,.55vw,7px);min-height:4px;max-height:32px;border-radius:5px;background:#ffe27f;transition:height 70ms linear}.progress-card{bottom:4.2%;left:50%;display:grid;width:min(46%,530px);grid-template-columns:28px 1fr;gap:.15rem .65rem;align-items:center;padding:.4rem .8rem;transform:translate(-50%)}.progress-card>img{width:25px;grid-row:1 / 3}.progress-card>span{font-size:clamp(.58rem,1vw,.78rem);font-weight:700}.progress-track{position:relative;display:flex;height:7px;align-items:center;justify-content:space-between;border-radius:99px;background:#00142499}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#f7c759}.progress-track i{z-index:1;width:12px;height:12px;border:2px solid #fff7dc;border-radius:50%;background:#22475d}.progress-track i.reached{background:#f7c759}.screen-overlay{position:absolute;z-index:30;inset:0;display:grid;padding:4%;place-items:center;color:#fffbea;background:linear-gradient(100deg,#112d3ecc,#112d3e47)}.panel{width:min(92%,580px);border:2px solid rgb(255 235 171 / 72%);border-radius:24px;background:linear-gradient(145deg,#183b4af0,#474746db);box-shadow:0 20px 55px #0d28387a,inset 0 0 40px #ffcd5e14}.title-panel{margin-left:-34%;padding:clamp(1rem,3vh,2.4rem) clamp(1.2rem,3vw,2.8rem)}.eyebrow,.result-kicker{margin:0 0 .35rem;color:#f2c45e;font-size:clamp(.55rem,.9vw,.75rem);font-weight:900;letter-spacing:.22em}.title-panel h1{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;text-shadow:0 4px 0 #7b412c}.subtitle{margin:.6rem 0 0;color:#d9f5ff;font-size:clamp(.8rem,1.3vw,1.1rem)}.rope-ornament{position:relative;height:15px;margin:.8rem 0;overflow:hidden}.rope-ornament span{position:absolute;width:105%;height:25px;border-bottom:4px solid #d19b45;border-radius:50%;transform:translateY(-14px)}.title-panel h2{margin:.4rem 0;font-size:clamp(.72rem,1.1vw,.95rem);letter-spacing:.1em;text-transform:uppercase}.controls-grid{display:grid;grid-template-columns:2.4rem 1fr;gap:.34rem .7rem;align-items:center;font-size:clamp(.66rem,1vw,.86rem)}kbd{display:grid;min-width:2.1rem;min-height:1.75rem;padding:.18rem;place-items:center;border:1px solid #fff3c7;border-radius:6px;color:#17324d;background:#fff7dc;box-shadow:0 3px #b97a42;font-weight:900}.brake-hint,.key-hint{color:#ffe69b;font-size:clamp(.64rem,1vw,.82rem)}.primary-button{min-height:44px;padding:.7rem 1.6rem;border:0;border-radius:999px;color:#26394a;background:linear-gradient(#ffe787,#f2b647);box-shadow:0 5px #a85c32,0 10px 25px #0e233061;cursor:pointer;font-weight:900;letter-spacing:.04em}.primary-button:active{box-shadow:0 2px #a85c32;transform:translateY(3px)}.primary-button:disabled{cursor:wait;opacity:.6}.result-overlay{background:#0f2b3bad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-panel{padding:clamp(1.2rem,3vw,2.4rem);text-align:center}.result-panel.complete{border-color:#ffe074}.result-panel.failed{border-color:#f08a7f}.result-panel h2{margin:.2rem 0 1rem;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(1.7rem,4vw,3rem)}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0 0 1rem}.result-stats div{padding:.6rem .3rem;border-radius:10px;background:#06202f5c}.result-stats dt{color:#b9ddeb;font-size:clamp(.58rem,.9vw,.75rem)}.result-stats dd{margin:.2rem 0 0;color:#ffe37b;font-size:clamp(.85rem,1.7vw,1.25rem);font-weight:900}.fall-report{display:flex;flex-wrap:wrap;gap:.4rem .8rem;justify-content:center;margin:0 0 1rem;padding:.7rem;border:1px solid rgb(255 255 255 / 18%);border-radius:12px;background:#4d1b224d;font-size:clamp(.62rem,1vw,.8rem)}.fall-report strong,.fall-report p{width:100%;margin:0}.fall-report p{color:#ffe49a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes warning-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.045)}}@media(max-width:960px),(max-height:600px){.title-panel{margin-left:0;padding:.8rem 1.35rem;border-radius:16px}.title-panel h1{font-size:clamp(2rem,5vw,3.25rem)}.rope-ornament{margin:.4rem 0}.brake-hint{margin:.5rem 0}.primary-button{min-height:36px;padding:.45rem 1.2rem}.hud-card{border-radius:8px}.stamina-card{padding:.4rem .55rem}.progress-card{padding:.3rem .55rem}.rope-meter{height:38px}.top-actions{transform:scale(.82);transform-origin:100% 100%}}@media(max-width:680px){.screen-overlay{padding:2%}.title-panel{width:96%;margin-left:0}.wind-card{min-width:24%}.wind-readout strong{display:none}.stamina-card{grid-template-columns:minmax(65px,17vw) 1.7rem}.stamina-card .hud-label{display:none}.progress-card{width:54%}.result-stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}