.guide-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:10px 0}.guide-categories button{min-height:44px;padding:8px 10px;font-size:14px;white-space:nowrap}.guide-categories button[aria-pressed=true]{border-color:#e7bd62;background:#463f2c;color:#ffe097}.guide-dialog{width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #536774;border-radius:20px;background:#182630;color:#eef4f6;box-shadow:0 20px 70px #0009}.guide-dialog::backdrop{background:#000b}.guide-dialog-body{display:flex;flex-direction:column;max-height:calc(100dvh - 30px)}.guide-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #354953;gap:12px}.guide-dialog h2{font-size:21px;margin:0}.guide-dialog header button{width:44px;min-height:44px;font-size:25px;padding:0;background:transparent;border:1px solid #536774;border-radius:12px;color:#d7e7e9}.guide-dialog-content{overflow:auto;padding:16px;overscroll-behavior:contain}.guide-dialog h3{margin:14px 0;font-size:21px}.guide-dialog h3 small{color:#a9bbc4;font-size:14px;font-weight:400}.guide-search{width:100%;min-height:44px}.guide-note,.guide-source{font-size:13px;line-height:1.6;color:#adc0cb;margin:12px 0}.guide-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guide-presets button{text-align:left;display:grid;gap:6px;min-height:68px;padding:12px;border:1px solid #3a515e;border-radius:12px;background:#203541;color:#f5f8f8}.guide-presets small{font-size:12px;color:#a8c0cb}.guide-presets button:hover{border-color:#ebbe65}.guide-presets [hidden],.guide-deck [hidden]{display:none!important}.guide-back{min-height:44px;padding:8px 12px;background:transparent;color:#ebbe65;border:1px solid #536774;border-radius:10px}.guide-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide-deck>div{display:flex;align-items:center;gap:7px;padding:8px;background:#12212a;border:1px solid #344853;border-radius:12px;min-width:0}.guide-deck svg,.guide-deck img,.guide-deck .role-art{width:40px!important;height:50px!important;object-fit:contain;flex:none}.guide-deck span{font-size:14px;line-height:1.5;min-width:0;color:var(--role-color,#edf4f5)}.guide-deck b{display:block;color:#edcd85;font-size:13px}.guide-confirm{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.guide-confirm button{min-height:48px;border-radius:12px}.guide-gestures>summary{min-height:44px;align-content:center}.guide-gesture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.guide-gesture-grid button{padding:0;border:1px solid #b28d47;border-radius:10px;background:#f7e5b9;overflow:hidden;line-height:0}.guide-gesture-grid svg{width:100%;height:auto;aspect-ratio:147/306;display:block}.guide-gesture-large{width:min(210px,55vw);margin:auto}.guide-gesture-large svg{display:block;width:100%;max-height:60dvh}.guide-derived{padding:10px;display:flex;gap:12px;align-items:center;border:1px dashed #465965;border-radius:12px}.guide-derived img,.guide-derived svg{width:40px;height:48px;object-fit:contain}.guide-derived small{display:block;color:#a9bbc4}.guide-derived[hidden]{display:none!important}.guide-catalog-note{font-size:12px;color:#9fb1ba}.guide-dialog button:focus-visible{outline:2px solid #f0c66c;outline-offset:2px}
@media(max-width:600px){.guide-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-gesture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-dialog-content{padding:12px}.guide-dialog header{padding:10px 12px}.guide-deck>div{padding:7px}.guide-deck img,.guide-deck svg{width:36px!important;height:44px!important}}
.guide-dialog-content:has(.guide-confirm){padding-bottom:0}.guide-confirm{position:sticky;bottom:0;background:#182630;padding:12px 0;border-top:1px solid #354953}.guide-reserves{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-reserves>div{flex-direction:column;text-align:center;gap:3px}.guide-reserves span{font-size:13px}