.streammonsters-guide { --sm-cyan:#38dff5; --sm-gold:#ffd34d; --sm-ink:#f6fbff; --sm-muted:#b8c6d9; --sm-panel:rgba(11,22,46,.82); }
body.site-v2.streammonsters-guide { background:#071124; color:var(--sm-ink); }
body.site-v2.streammonsters-guide main { background:radial-gradient(circle at 50% -12%,#243c78 0,#071124 48rem); color:var(--sm-ink); }
.sm-hero { overflow:hidden; padding:5rem 0 4rem; border-bottom:1px solid rgba(128,183,255,.2); }
.sm-hero-grid { display:grid; gap:2rem; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); align-items:center; }
.sm-brand { color:var(--sm-gold); font-size:.9rem; font-weight:900; letter-spacing:.16em; display:flex; align-items:center; gap:.65rem; }
.sm-brand img { width:38px; height:38px; object-fit:contain; }.sm-kicker{color:var(--sm-cyan)!important;font-weight:800;letter-spacing:.14em;font-size:.78rem;margin:1rem 0 .5rem}.sm-hero h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:.94;margin:0;color:var(--sm-ink)!important}.sm-lead{font-size:1.16rem;max-width:47rem;line-height:1.65;color:var(--sm-muted)!important}.sm-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.6rem}.sm-language{display:flex;gap:.4rem;margin-top:1.5rem}.sm-language button,.sm-filter button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(132,211,255,.35);background:transparent;color:var(--sm-muted);border-radius:999px;padding:.4rem .75rem;font-weight:800;cursor:pointer}.sm-language button[aria-pressed=true],.sm-filter button.active{background:var(--sm-cyan);color:#061120;border-color:var(--sm-cyan)}
.sm-hero-art{min-height:380px;position:relative;margin:0;background:radial-gradient(circle,#213f82 0,rgba(17,35,72,.3) 45%,transparent 68%)}.sm-hero-art img{position:absolute;max-height:390px;max-width:55%;object-fit:contain;filter:drop-shadow(0 18px 28px #0009)}.sm-hero-art img:first-child{left:1%;bottom:0}.sm-hero-art img:last-child{right:1%;bottom:0;transform:scaleX(-1)}
.sm-toc{position:sticky;top:0;z-index:3;background:#0b1934eF;border-bottom:1px solid rgba(128,183,255,.2);backdrop-filter:blur(12px)}.sm-toc .container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.35rem 1rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.sm-toc .container::-webkit-scrollbar{display:none}.sm-toc a{display:inline-flex;align-items:center;min-height:44px;color:var(--sm-muted)!important;text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:700}.sm-toc a:hover{color:var(--sm-cyan)!important}
.sm-section{padding:4.8rem 0}.sm-section-alt{background:linear-gradient(105deg,rgba(22,45,90,.38),rgba(8,18,39,.2))}.sm-section header{max-width:52rem;margin-bottom:2rem}.sm-section h2{font-size:clamp(2rem,4vw,3.2rem);margin:.1rem 0 .7rem;color:var(--sm-ink)!important}.sm-section header>p:not(.sm-kicker){color:var(--sm-muted)!important;line-height:1.6}.sm-grid{display:grid;gap:1rem}.sm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-card,.sm-command,.sm-element,.sm-monster,.sm-arena-step{background:var(--sm-panel);border:1px solid rgba(122,185,255,.22);border-radius:1rem;padding:1.35rem;box-shadow:0 12px 28px #0003}.sm-card h3,.sm-command h3,.sm-element h3,.sm-monster h3{color:var(--sm-ink)!important;margin:.1rem 0 .5rem}.sm-card p,.sm-command p,.sm-element p,.sm-monster p,.sm-note{color:var(--sm-muted)!important;line-height:1.55;margin:0}.sm-card .sm-icon{font-size:1.75rem}.sm-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.sm-command code{display:inline-block;background:#20375f;color:var(--sm-gold);padding:.3rem .5rem;border-radius:.35rem;margin-bottom:.5rem}.sm-note{margin-top:1rem;font-size:.9rem}.sm-elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sm-element{border-top:4px solid var(--element)}.sm-element .skills{display:grid;gap:.4rem;margin-top:.85rem}.sm-skill{background:#0d1c39;border-radius:.55rem;padding:.5rem .65rem;color:var(--sm-muted);font-size:.88rem}.sm-skill b{color:var(--sm-ink)}.sm-advantage{margin-top:1.5rem;padding:1.2rem;border:1px solid rgba(255,211,77,.35);border-radius:1rem;color:var(--sm-muted)}.sm-advantage b{color:var(--sm-gold)}
.sm-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}.sm-dex{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:.85rem}.sm-monster{padding:.75rem;position:relative;overflow:hidden}.sm-monster img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 8px 10px #0009)}.sm-monster .sm-role{color:var(--sm-cyan);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.sm-monster[hidden]{display:none}.sm-arena{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(260px,1.6fr) minmax(120px,.7fr);align-items:end;gap:1rem;background:radial-gradient(ellipse,#253e7e 0,#0a1731 67%);border:1px solid rgba(122,185,255,.25);border-radius:1.25rem;padding:1.2rem}.sm-arena>img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 12px 18px #000a)}.sm-arena>img:last-child{transform:scaleX(-1)}.sm-arena-step{margin:.5rem 0;padding:.9rem}.sm-arena-step b{color:var(--sm-gold);display:block}.sm-arena-step span{color:var(--sm-muted);line-height:1.55}.sm-cta{text-align:center;background:radial-gradient(circle at center,#294b96,#0a1733 58%,#071124)}.sm-cta p{color:var(--sm-muted)!important}.sm-cta .sm-actions{justify-content:center}
.sm-monster-head,.sm-evolution-stages,.sm-stage-skills,.sm-stage-skill{min-width:0}.sm-evolution-stages{display:grid;gap:.55rem;margin-top:.9rem}.sm-evolution-stage{min-width:0;overflow:hidden;background:#0d1c39;border:1px solid rgba(122,185,255,.22);border-radius:.75rem}.sm-evolution-stage>summary{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:52px;padding:.45rem .65rem;color:var(--sm-ink);cursor:pointer;list-style:none}.sm-evolution-stage>summary::-webkit-details-marker{display:none}.sm-evolution-stage>summary::after{content:'+';color:var(--sm-cyan);font-size:1.2rem;font-weight:900}.sm-evolution-stage[open]>summary{border-bottom:1px solid rgba(122,185,255,.18)}.sm-evolution-stage[open]>summary::after{content:'−'}.sm-evolution-stage>summary:focus-visible{outline:2px solid var(--sm-cyan);outline-offset:-2px}.sm-monster .sm-evolution-image{width:52px;height:52px;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.sm-evolution-label{min-width:0;color:var(--sm-ink);font-size:.9rem;font-weight:800;line-height:1.3;overflow-wrap:break-word}.sm-stage-skills{display:grid;gap:.5rem;padding:.65rem}.sm-stage-skill{display:grid;grid-template-columns:1.65rem minmax(0,1fr);grid-template-areas:'choice name' 'choice effect';align-items:start;gap:.15rem .55rem;padding:.6rem;background:#08152d;border-radius:.55rem}.sm-stage-skill::before{content:attr(data-choice);grid-area:choice;display:inline-flex;align-items:center;justify-content:center;min-height:1.65rem;border-radius:.4rem;background:var(--sm-cyan);color:#061120;font-size:.78rem;font-weight:900}.sm-skill-name{grid-area:name;min-width:0;color:var(--sm-ink);font-size:.86rem;font-weight:800;line-height:1.35;overflow-wrap:break-word}.sm-skill-effect{grid-area:effect;min-width:0;color:var(--sm-muted);font-size:.78rem;line-height:1.45;overflow-wrap:break-word}
@media(max-width:820px){.sm-hero-grid{grid-template-columns:1fr}.sm-hero-art{min-height:270px}.sm-hero-art img{max-height:280px}.sm-grid-3,.sm-elements{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-arena{grid-template-columns:1fr}.sm-arena>img{display:none}}@media(max-width:530px){.sm-section,.sm-hero{padding:3.2rem 0}.sm-grid-3,.sm-elements,.sm-command-grid,.sm-dex{grid-template-columns:1fr}.sm-monster img{height:140px}}