#dialog:has(.field-guide){width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
.field-guide header{position:relative;padding-right:155px;margin-bottom:20px}.field-guide header h2{margin:6px 0 0;font-size:28px}.field-guide header>small{color:#8de4bf!important;letter-spacing:.04em}
.field-guide{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 28px}.field-guide header,.guide-footer{grid-column:1/-1}
.guide-device{position:absolute;right:0;top:12px;display:flex;gap:5px}.guide-device button{padding:9px 16px;min-height:44px}.marvie-ui .guide-device button[aria-pressed=true]{background:#3dd598;color:#102c26;font-weight:700}
.guide-nav{display:flex;flex-direction:column;gap:7px;align-self:start}.guide-nav button{display:flex;gap:12px;text-align:left;align-items:center;padding:12px 10px;min-height:44px;font-size:13px}.guide-nav span{color:#a7bcc7;font-size:11px}.marvie-ui .guide-nav button[aria-current=step]{background:#31554d;border-color:#62d8ac;color:#edfff7}.guide-nav button[aria-current=step] span{color:#8de4bf}
.guide-content{min-width:0}.guide-content>h3{font-size:23px;margin:0 0 18px;letter-spacing:-.5px}.guide-content .guide-progress{font-size:11px;letter-spacing:2px;color:#8de4bf;margin:0 0 6px}
.guide-steps{counter-reset:guide;list-style:none;padding:0;margin:0;display:grid;gap:16px}.guide-steps li{position:relative;padding:0 0 0 36px;counter-increment:guide}.guide-steps li:before{content:counter(guide);position:absolute;left:0;top:0;border:1px solid #598477;background:#2a493f;color:#c3ffe4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px}.guide-steps b{color:#f4f8fa;font-size:15px}.guide-steps p{margin:4px 0 0;font-size:13px;line-height:1.75}
.guide-note{background:#2b3f49;border-left:3px solid #63d8ac;border-radius:0 10px 10px 0;padding:13px 15px;color:#cde0e7;font-size:12px;line-height:1.8;margin-top:20px}
.guide-figure{margin:0 0 22px;padding:10px;background:#14252d;border:1px solid #49616c;border-radius:14px}.guide-figure img{display:block;width:100%;max-height:225px;object-fit:contain;border-radius:8px}.guide-figure figcaption{color:#b8cdd7;font-size:11px;line-height:1.6;margin-top:8px;text-align:center}
.guide-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #40525c;padding-top:16px;gap:10px}.guide-footer button{min-height:44px;padding:10px 14px;font-size:12px}.guide-footer>span{color:#b8cdd7;font-size:11px;white-space:nowrap}
.guide-signals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.guide-signals article{background:#2a3c44;border-radius:14px;padding:18px 10px;text-align:center}.guide-signals h3{font-size:15px;margin:12px 0 6px}.guide-signals p{font-size:12px;margin:0}.guide-bite{display:grid;place-items:center;margin:auto;width:40px;height:40px;border-radius:50%;font-size:28px;font-weight:800}.guide-bite.tap{background:#f2cf6e;color:#3c2b16}.guide-bite.take{background:#e85742;color:#fff4eb}
.guide-keys{margin:20px 0 0}.guide-keys>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #40525c;font-size:12px}.guide-keys dd{margin:0;color:#d2e0e7}.guide-keys dt{margin:0}.guide-keys kbd{display:inline-block;padding:3px 6px}
@media(max-width:650px){.field-guide{display:block}.field-guide header{padding-right:0}.field-guide header h2{font-size:23px}.guide-device{position:static;margin-top:14px}.guide-device button{flex:1}.guide-nav{flex-direction:row;overflow-x:auto;padding-bottom:10px;margin:0 0 18px;scrollbar-width:thin}.guide-nav button{white-space:nowrap;flex-shrink:0;padding:10px;font-size:12px;gap:7px}.guide-nav button[aria-current=step]{border-width:2px}.guide-content>h3{font-size:21px}.guide-footer{margin-top:22px}.guide-footer button{padding:10px;font-size:11px}.guide-footer>span{display:none}}
.guide-figure img{width:auto;max-width:100%;height:auto;max-height:180px;margin:auto}
.field-guide header{margin-bottom:0}
#dialogContent:has(.field-guide){padding:12px;scrollbar-color:#607d86 #20343d;scrollbar-width:thin}
.guide-nav{scrollbar-color:#607d86 #20343d}