:root{color-scheme:dark;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#f9f6e9;background:#101a29}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffdb75;outline-offset:5px}[hidden]{display:none!important}#app{position:relative;width:100%;height:100dvh;min-height:400px;overflow:hidden}canvas{position:absolute;width:100%;height:100%;object-fit:contain;background:#101a29}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;padding:26px 4.5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-size:30px}.brand span{font-size:13px;letter-spacing:3px;font-weight:bold}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:5px;opacity:.6}.top-actions{display:flex;gap:8px}.top-actions button{background:#111e2aa8;border:1px solid #ffffff30;color:#fff;border-radius:30px;padding:10px 17px;font-size:12px}.overlay{position:absolute;inset:0;z-index:3}.welcome{background:linear-gradient(90deg,#101a29 0%,#101a29f5 27%,#101a2980 54%,transparent 74%)}.intro{position:absolute;left:8%;top:20%;width:540px}.eyebrow{font-size:12px;letter-spacing:3px;color:#c5d5c9;display:flex;align-items:center;gap:10px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:#bce3ae}h1{font-size:clamp(44px,5vw,72px);line-height:1.2;letter-spacing:-3px;margin:24px 0 20px}h1 span{color:#d5edac}.lead{font-size:14px;line-height:1.9;color:#b9c5c9;margin-bottom:26px}label{font-size:11px;color:#ced7d7;display:block;margin-bottom:10px}.name-field{display:flex;align-items:center;width:340px;background:#ffffff08;border:1px solid #ffffff30;border-radius:10px;padding:0 15px;height:48px;gap:13px}.name-field span{font-size:11px;color:#95a4ab}.name-field input{width:100%;border:0;background:none;outline:0;color:#f7f4e8;font-size:15px}.start-row{display:flex;align-items:center;gap:12px;margin-top:14px}.primary{background:#d5edac;color:#172825;border:0;border-radius:10px;padding:17px 23px;font-size:14px;font-weight:bold;min-width:230px;box-shadow:0 4px 0 #789775;transition:transform .15s}.primary:hover{transform:translateY(-2px);background:#e6fac4}.primary:active{transform:translateY(2px);box-shadow:none}.primary b{margin-left:28px}.secondary,.text-button{background:none;border:0;color:#c8d6c9;font-size:12px;padding:15px 8px}.controls-hint{font-size:10px;margin-top:22px;color:#90a2ab;line-height:1.7}.controls-hint i{padding:0 7px}.passport{position:absolute;right:6%;top:21%;transform:rotate(8deg);border:1px solid #f5e4ba50;border-radius:9px;padding:20px;color:#fff0c5;background:#142f3240}.passport>span{font-size:8px;letter-spacing:2px;opacity:.7}.passport>div{font-size:14px;margin-top:12px}.passport p{font-size:32px;margin:12px 0}.passport small{font-size:10px}.world-strip{position:absolute;bottom:0;left:0;width:100%;padding:24px 8%;display:flex;gap:7%;background:#0d1724cc;border-top:1px solid #ffffff15}.world-strip>div{display:flex;gap:15px;align-items:center}.world-strip b{font-size:12px;color:#a4b59d;border:1px solid #647d6944;border-radius:50%;padding:11px}.world-strip span{font-size:12px}.world-strip small{display:block;margin-top:7px;font-size:10px;color:#91a4aa}#hud{position:absolute;z-index:2;inset:0;pointer-events:none}.world-label{position:absolute;top:100px;left:4.5%;text-shadow:0 2px 10px #12202a}.world-label small{display:block;letter-spacing:3px;font-size:10px;opacity:.7}.world-label strong{font-size:22px;display:block;margin-top:6px}.stats{position:absolute;top:105px;right:4.5%;display:flex;gap:24px;background:#0c172bcc;padding:14px 22px;border-radius:30px;font-size:15px}.stats #hearts{color:#ffad9b;letter-spacing:3px}.stats #timer{font-size:12px;color:#b7c9cc}.progress{position:absolute;top:158px;right:4.5%;width:190px;height:3px;background:#ffffff20;border-radius:5px}#progress-fill{background:#d5edac;height:100%;width:0}#tip{position:absolute;bottom:35px;width:100%;text-align:center;font-size:12px;text-shadow:0 2px 5px #000;color:#eef1df}#toast{position:absolute;top:24%;width:100%;text-align:center;color:#fff0ad;font-weight:bold;font-size:19px;text-shadow:0 3px 10px #000}.shade{background:#071320b0;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center}.dialog{text-align:center;max-width:500px;padding:38px 42px;background:#162637;border:1px solid #e6e2b130;border-radius:22px;box-shadow:0 20px 70px #0006}.dialog .eyebrow{justify-content:center;color:#d5edac}.dialog h2{font-size:36px;line-height:1.25;margin:20px 0}.dialog p{font-size:14px;line-height:1.9;color:#bdcbd0;white-space:pre-line;margin-bottom:25px}.dialog .text-button{display:block;margin:8px auto 0}#touch{position:absolute;bottom:15px;left:20px;right:20px;z-index:6;display:flex;justify-content:space-between;pointer-events:none;user-select:none;-webkit-user-select:none}#touch>div{display:flex;gap:10px}#touch button{pointer-events:auto;touch-action:none;border:1px solid #ffffff45;background:#132d48a8;color:#fff;width:62px;height:55px;border-radius:17px;font-weight:bold;font-size:18px}#touch button[data-key=dash]{font-size:12px}#touch button[data-key=jump]{width:85px;font-size:14px}#rotate{display:none} @media(max-width:800px){.topbar{padding:18px 5%}.intro{left:7%;top:19%;width:85%}.intro h1{font-size:46px;margin:17px 0}.lead{font-size:12px;margin-bottom:16px}.passport{display:none}.world-strip{padding:15px 7%;gap:5%}.world-strip small{display:none}.world-strip>div{gap:7px}.world-strip span{font-size:10px}.world-strip b{font-size:10px;padding:8px}.controls-hint{max-width:330px}.world-label{top:83px}.stats{top:90px;gap:12px;padding:10px 14px}.world-label strong{font-size:17px}.progress{top:135px}.dialog{max-width:90%;padding:30px 25px}.dialog h2{font-size:29px}}@media (max-height:560px) and (orientation:landscape){.topbar{padding:12px 4%}.intro{top:17%;left:7%}.intro h1{font-size:36px;margin:10px 0}.lead{font-size:11px;margin:8px 0}.name-field{height:34px;width:280px}.primary{padding:10px 18px}.start-row{margin-top:8px}.controls-hint{margin-top:9px}.world-strip{display:none}.world-label{top:67px}.stats{top:67px}.progress{top:111px}#tip{bottom:13px}}@media (orientation:portrait){.welcome{background:linear-gradient(90deg,#101a29e8,#101a29a0)}#rotate{display:block;position:absolute;z-index:2;bottom:110px;right:18px;font-size:10px;color:#ffffff90;text-align:right}#rotate small{display:block;font-size:8px;margin-top:4px}.world-label{top:87px}.stats{top:150px;left:5%;right:auto}.progress{top:205px;left:5%}#tip{bottom:90px;padding:0 18px;font-size:11px}.name-field{max-width:100%}.start-row{flex-wrap:wrap;gap:4px}.world-strip{justify-content:space-between;gap:0}.world-strip b{display:none}}

.name-field span{white-space:nowrap;flex-shrink:0}