/* Actual HUD surfaces, enlarged without an iframe border or clipped cards. */
html,body{background:transparent;overflow:hidden}
.rail{left:50%!important;top:8px!important;width:min(480px,calc(100vw - 16px))!important;height:66px!important;transform:translateX(-50%);padding:0 16px!important;box-shadow:0 8px 22px rgb(25 35 48 / 10%)}
.logo{width:36px;height:36px;border-radius:12px}
.nav .item{width:40px;height:40px;border-radius:13px}.item>svg{width:24px;height:24px}
.rule,.spacer{display:none!important}
html[data-orientation=horizontal] .nav{position:static;left:auto;right:auto;top:auto;transform:none;gap:2px;width:auto;margin-left:auto}
.card{left:50%!important;right:auto!important;top:100px!important;width:min(320px,calc(100vw - 32px))!important;max-height:none;overflow:visible;padding:16px 18px;transform:translateX(-50%)!important;border-radius:20px}
.card__title{font-size:15px}.card__sub,.card__meta{font-size:12px}.card__go{font-size:13px;min-height:37px;margin-top:14px}.card__head{gap:11px}.card__icon{width:36px;height:36px;border-radius:12px}.card__icon svg{width:22px;height:22px}
@media(max-width:400px){.rail{height:60px!important;padding:0 12px!important}.logo{width:30px;height:30px}.nav .item{width:26px;height:33px}.item>svg{width:20px;height:20px}html[data-orientation=horizontal] .nav{gap:1px}.card{top:92px!important;padding:15px}.card__title{font-size:14px}.card__sub,.card__meta{font-size:11px}}

.rail{gap:6px;padding-inline:12px!important}.hud-actions{display:flex;align-items:center;gap:2px;margin-left:4px}.hud-actions .item{display:grid;width:30px;height:34px;border-radius:11px;padding:0;color:var(--ink-2)}.hud-actions .item>svg{width:19px;height:19px}.hud-actions .item:hover{color:var(--ink);background:oklab(1 0 0 / .08)}
[hidden]{display:none!important}.hud-reopen{pointer-events:auto;position:absolute;top:30px;left:50%;transform:translateX(-50%);border:0;border-radius:100px;padding:12px 20px;color:var(--ink);background:var(--surface);font-size:13px;cursor:pointer}
@media(max-width:400px){.rail{gap:3px;padding-inline:8px!important}.hud-actions{gap:1px;margin-left:0}.hud-actions .item{width:24px;height:33px}.hud-actions .item>svg{width:17px;height:17px}}
@media(max-width:300px){.rail{gap:2px;padding-inline:6px!important}.logo{width:26px;height:26px}.nav .item{width:24px;height:30px}.hud-actions .item{width:22px;height:30px}}