body[data-guide=spa] .spa-banner{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px auto;width:min(480px,100%);padding:12px 22px;background:#fff8dd;border:3px solid #282625;border-radius:14px;box-sizing:border-box} .spa-banner img{width:90px;height:90px;object-fit:contain}.spa-banner h1{font-size:32px;margin:0}.spa-buff-list{display:grid;gap:10px}.spa-buff-list summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;background:#fff8dd;border:1px solid #d7c89d;border-radius:8px}.spa-buff-list summary img{width:32px;height:32px;object-fit:contain}.spa-buff-list summary:after{content:'+';margin-left:auto}.spa-buff-list details[open] summary:after{content:'−'}.spa-buff-list details[open] summary{background:#ffeb99}.spa-buff-body{padding:0 12px 12px}.spa-roster{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.spa-roster span{background:#fff8dd;border:1px solid #d7c89d;border-radius:8px;padding:6px 10px}.guide-table td img{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:6px}body[data-guide=spa] .guide-opening{display:block}body[data-guide=spa] .guide-opening p{margin:0} body[data-guide=spa] .guide-content details[open] summary,body[data-guide=spa] .spa-buff-body{color:#282625}body[data-guide=spa] #resources .guide-table-wrap+p{margin-top:18px}body[data-guide=spa] #rerolls .guide-table{table-layout:fixed;width:100%}body[data-guide=spa] #rerolls .guide-table th:first-child,body[data-guide=spa] #rerolls .guide-table td:first-child{width:50%}.spa-skin-gallery{display:grid;gap:12px}.spa-skin-gallery summary{cursor:pointer;padding:12px 14px;background:#fff8dd;border:1px solid #d7c89d;border-radius:8px;color:#282625}.spa-skin-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px 0}.spa-skin-card{display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff8dd;border:1px solid #d7c89d;border-radius:9px;padding:8px 4px;text-decoration:none;color:#282625;font-size:11px}.spa-skin-card.rare{border-color:#9d65c1;background:#f5e8ff}.spa-skin-art{display:flex;align-items:center;justify-content:center;width:100%;max-width:110px;aspect-ratio:163/202;background:url(/tatari-companion/guide-assets/spa/sparkle/tier-4.webp) center/100% 100% no-repeat}.spa-skin-art img{width:86%;height:86%;object-fit:contain}.spa-skin-card:focus-visible{outline:3px solid #b98212;outline-offset:2px}@media(max-width:600px){.spa-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.spa-banner h1{font-size:26px}.spa-banner img{width:65px;height:65px}}
body[data-guide=spa] .spa-buff-list,body[data-guide=spa] .spa-skin-gallery{display:block;border:1px solid #d7c89d;border-radius:0;overflow:hidden}
body[data-guide=spa] .spa-buff-list details,body[data-guide=spa] .spa-skin-gallery details{margin:0;border:0;border-bottom:1px solid #ded5bf;border-radius:0;background:#fffdf0}
body[data-guide=spa] .spa-buff-list details:last-child,body[data-guide=spa] .spa-skin-gallery details:last-child{border-bottom:0}
body[data-guide=spa] .spa-buff-list summary,body[data-guide=spa] .spa-skin-gallery summary{display:flex;align-items:center;gap:12px;min-height:55px;box-sizing:border-box;padding:12px 15px;border:0;border-radius:0;background:transparent;color:#282625;font-weight:600;list-style:none}
body[data-guide=spa] .spa-buff-list summary::-webkit-details-marker,body[data-guide=spa] .spa-skin-gallery summary::-webkit-details-marker{display:none}
body[data-guide=spa] .spa-buff-list summary:before,body[data-guide=spa] .spa-skin-gallery summary:before{content:'▸';color:#a87718;font-size:11px;flex:none}
body[data-guide=spa] .spa-buff-list summary:after{content:none}
body[data-guide=spa] .spa-buff-list details[open]>summary,body[data-guide=spa] .spa-skin-gallery details[open]>summary{background:#ffeb99;box-shadow:inset 4px 0 #b98212;color:#282625}
body[data-guide=spa] .spa-buff-list details[open]>summary:before,body[data-guide=spa] .spa-skin-gallery details[open]>summary:before{content:'▾'}
body[data-guide=spa] .spa-buff-body{padding:10px 14px 14px;background:#fff8dd;border-top:1px solid #ded5bf}
body[data-guide=spa] .spa-skin-gallery summary .spa-row-head{width:32px;height:32px;object-fit:contain;flex:none}
body[data-guide=spa] .spa-skin-grid{padding:14px;background:#fff8dd;border-top:1px solid #ded5bf}

body[data-guide=spa] .spa-banner{display:block;width:min(480px,100%);margin:24px auto;padding:0;background:transparent;border:0;border-radius:0}body[data-guide=spa] .spa-banner img{display:block;width:100%;height:auto;object-fit:contain}