.travel-points:has(.level-hud){padding:0;white-space:normal;margin-left:auto;flex-shrink:0}
.level-hud{display:grid;grid-template-columns:auto auto;gap:2px 12px;min-height:64px;max-width:340px;padding:6px 10px;background:#183d3d;border:1px solid #cfb570;color:#fff4d7;font-size:13px;text-align:left;line-height:1.25}
.level-hud:hover:not(:disabled){background:#285354}.level-hud .level-name{font-weight:700}.level-hud progress{width:100%;height:8px;grid-column:1/-1;accent-color:#edc465}.level-next{grid-column:1/-1;font-size:11px}
.explorer-card{display:flex;align-items:center;gap:20px;padding:16px;margin:12px 0 24px;border:2px solid #c5a768;border-radius:14px;background:linear-gradient(135deg,#fff8e4,#e3eac9);color:#193e40}
.explorer-card canvas{width:115px;height:150px;object-fit:contain;flex:none}.explorer-card h3{font-size:25px;margin:0}.explorer-card p{margin:7px 0}.explorer-card progress{width:100%;accent-color:#697e34}.explorer-card>div{min-width:0}
.level-up{width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);text-align:center;background:radial-gradient(circle at 50% 48%,#fffde5,#ead49b);box-shadow:0 0 30px #e9c76d77;border-color:#b0883b;padding:20px 24px;animation:level-glow 1.6s ease-out}
.level-up h2{font:800 25px system-ui;letter-spacing:3px;color:#836522}.level-up h3{font-size:27px;margin:8px 0;color:#174445}.level-up p{margin:6px 0}.level-up canvas{display:block;width:200px;height:250px;margin:auto;object-fit:contain;filter:drop-shadow(0 3px 5px #ad873f44)}.level-up button{min-width:160px;font-weight:700;margin-top:12px}
@keyframes level-glow{from{box-shadow:0 0 60px #ffe997cc}to{box-shadow:0 0 30px #e9c76d77}}
@media(max-width:700px){.travel-points:has(.level-hud){width:100%}.level-hud{width:100%;max-width:none;min-height:44px;grid-template-columns:1fr 1fr;padding:4px 8px;font-size:12px;gap:2px 8px}.level-hud .level-name{text-align:right}.level-next{display:none}.level-hud progress{height:6px}.explorer-card{gap:12px;padding:10px}.explorer-card canvas{width:90px;height:120px}.explorer-card h3{font-size:21px}.explorer-card p{font-size:14px}.level-up h3{font-size:24px}}
@media(max-height:500px){.level-hud{min-height:44px;max-width:260px;padding:4px 8px;font-size:11px}.level-next{display:none}.level-up{padding:10px 16px;width:min(540px,calc(100vw - 24px));display:grid;grid-template-columns:150px 1fr;gap:5px 12px;align-items:center}.level-up h2,.level-up h3,.level-up p,.level-up button{grid-column:2;margin:0}.level-up canvas{grid-column:1;grid-row:1/7;width:140px;height:190px}.level-up button{margin-top:5px}.explorer-card canvas{height:120px;width:95px}}
@media(prefers-reduced-motion:reduce){.level-up{animation:none}}