@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Noto+Sans+TC:wght@400;600;800;900&display=swap";:root{--cyan:#67e8f9;--pink:#ff4aa8;--purple:#a78bfa;--glass:#060c1e94;--border:#67e8f947;--font-title:"Orbitron", sans-serif;--font-body:"Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body,#root{color:#fff;width:100%;height:100%;font-family:var(--font-body);background:#050716;margin:0;overflow:hidden}button,a{font:inherit}.starrail-app{background:radial-gradient(circle at 50% 45%,#1e40af5c,#050716 70%);position:fixed;inset:0;overflow:hidden}.starrail-app:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#67e8f912,#0000);position:fixed;inset:0}.starrail-top{z-index:10;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:fixed;top:24px;left:24px;right:24px}.starrail-top>*{pointer-events:auto}.player-card,.battle-command,.route-dock,.starrail-top nav a{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px #00000061,inset 0 0 28px #67e8f912}.player-card{border-radius:22px;align-items:center;gap:14px;min-width:min(380px,80vw);padding:12px 16px;display:flex}.player-card img{object-fit:cover;border-radius:18px;width:56px;height:56px;box-shadow:0 0 24px #67e8f973}.player-card p,.kicker{color:#67e8f9e0;font-family:var(--font-title);letter-spacing:.25em;text-transform:uppercase;margin:0 0 5px;font-size:.68rem;font-weight:900}.player-card h1,.battle-command h2{letter-spacing:.1em;text-shadow:0 0 22px #67e8f973;margin:0;font-weight:900}.starrail-top nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.starrail-top nav a{color:#ffffffdb;border-radius:999px;padding:10px 14px;text-decoration:none}.battle-command{z-index:10;border-radius:26px;width:min(420px,34vw);padding:22px;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.battle-command p:not(.kicker){color:#ffffffc2;line-height:1.72}.meters{gap:10px;margin:16px 0;display:grid}.meter{gap:7px;display:grid}.meter div{color:#ffffffdb;align-items:center;gap:8px;font-size:.88rem;display:flex}.meter b{font-family:var(--font-title);margin-left:auto}.meter>i{border-radius:999px;height:7px;transition:width .35s;display:block;box-shadow:0 0 18px}.skill-grid{grid-template-columns:1fr;gap:10px;display:grid}.skill-grid button,.restart-btn,.route-dock button{cursor:pointer;color:#fff;border:1px solid #ffffff1f;transition:transform .2s,border-color .2s,background .2s}.skill-grid button{text-align:left;background:#ffffff0f;border-radius:18px;min-height:62px;padding:12px 14px}.skill-grid button span{color:#67e8f9b8;margin-bottom:5px;font-size:.78rem;display:block}.skill-grid button:hover,.restart-btn:hover,.route-dock button:hover{border-color:#67e8f9b8;transform:translateY(-2px)}.skill-grid button:disabled{opacity:.45;cursor:not-allowed}.restart-btn{background:linear-gradient(135deg,#67e8f938,#ff4aa824);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:11px 15px;display:inline-flex}.route-dock{z-index:10;border-radius:26px;gap:12px;padding:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.route-dock button{background:#ffffff0f;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-width:128px;padding:12px 15px;display:flex}.route-dock button.active{background:#67e8f929;border-color:#67e8f9db;box-shadow:0 0 26px #67e8f93d}@media (width<=900px){.starrail-top{top:14px;left:14px;right:14px}.starrail-top nav{display:none}.battle-command{width:auto;padding:16px;inset:auto 14px 114px;transform:none}.battle-command h2{font-size:1.15rem}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-grid button{min-height:54px;padding:9px;font-size:.9rem}.skill-grid button span{display:none}.route-dock{bottom:14px;left:14px;right:14px;overflow-x:auto;transform:none}.route-dock button{min-width:104px;font-size:.86rem}}