.gear-preview{border:1px solid var(--realm-border);color:var(--realm-cream);background:var(--realm-panel-bg);border-radius:5px;padding:clamp(14px,2vw,24px);box-shadow:inset 0 0 0 4px #d7c68a09;container-type:inline-size}.gear-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gear-preview .gear-preview-eyebrow{color:var(--realm-muted);font:9px/1.5 var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px}.gear-preview h3{color:var(--realm-gold);font-size:19px}.gear-preview-presets{gap:6px;display:flex}.gear-preview button,.gear-preview select{border:1px solid var(--realm-border);min-height:40px;color:var(--realm-cream);background:var(--realm-inset);font:inherit;cursor:pointer;border-radius:3px}.gear-preview button:hover{border-color:var(--realm-border-strong);background:var(--realm-hover)}.gear-preview :is(button,select):focus-visible{outline:2px solid var(--realm-gold);outline-offset:3px}.gear-preview-presets button{padding:5px 10px;font-size:15px}.gear-preview fieldset{border:0;min-width:0;margin:0;padding:0}.gear-preview legend{padding:0;font-size:16px}.gear-preview .gear-preview-styles{margin-top:20px}.gear-preview-styles>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px;display:grid}.gear-preview-styles button{justify-content:center;align-items:center;gap:9px;min-height:60px;padding:7px 5px;line-height:1.2;display:flex}.gear-preview-styles svg{flex-shrink:0;width:18px;height:18px}.gear-preview-styles small{color:var(--realm-muted);text-transform:capitalize;margin-top:4px;font-size:13px;display:block}.gear-preview-styles button[aria-pressed=true]{border-color:var(--realm-border-strong);color:var(--realm-gold-bright);background:var(--realm-hover);box-shadow:inset 0 -2px var(--realm-border-strong)}.gear-preview-body{gap:24px;margin-top:22px;display:grid}.gear-preview-character{text-align:center;align-self:center;min-width:0}.gear-preview-character figure{margin:0}.gear-preview-character figure>svg{filter:drop-shadow(0 12px 10px #0e201e55);width:min(100%,240px);height:245px;margin:0 auto;display:block;overflow:visible}.gear-preview-character figcaption strong,.gear-preview-character figcaption span{display:block}.gear-preview-character figcaption strong{color:var(--realm-gold);font:17px/1.5 var(--font-display)}.gear-preview-character figcaption span{color:var(--realm-muted);margin-top:5px;font-size:15px}.gear-preview-body-choice{max-width:190px;color:var(--realm-muted);text-align:left;gap:5px;margin:18px auto 0;font-size:14px;display:grid}.gear-preview-body-choice select{background:var(--realm-raised);padding:7px 10px}.gear-preview-levels{align-content:center;gap:14px;min-width:0;display:grid}.gear-preview-level[data-worn=true] legend{color:var(--realm-gold)}.gear-preview-level-buttons{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:6px;display:grid}.gear-preview-level-buttons button{padding:0;font-size:17px}.gear-preview-level-buttons button[aria-pressed=true]{color:#172b24;background:var(--gear-accent);border-color:var(--gear-accent);font-weight:700}.gear-preview-level p{min-height:20px;color:var(--realm-muted);margin:5px 0 0;font-size:14px;line-height:1.4}.gear-preview .gear-preview-hint{border-top:1px solid var(--realm-border);color:var(--realm-muted);margin-top:22px;padding-top:14px;font-size:15px;line-height:1.5}@container (width>=530px){.gear-preview-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}.gear-preview-character figure>svg{height:285px}}@container (width<=320px){.gear-preview-styles button{flex-direction:column;gap:5px;font-size:15px}.gear-preview-level-buttons{gap:3px}}@media print{.gear-preview{display:none}}.monster-preview{border:1px solid var(--realm-border);background:var(--realm-surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:24px 0;padding:20px;display:flex}.monster-preview-controls{flex:230px}.monster-preview-controls h3{color:var(--realm-gold);font:16px/1.5 var(--font-display);margin:0 0 18px}.monster-preview-controls label{color:var(--realm-muted);margin-bottom:5px;font-size:13px;display:block}.monster-preview-controls select{width:100%;max-width:280px;color:var(--realm-cream);border:1px solid var(--realm-border);background:var(--realm-raised);border-radius:6px;padding:8px 10px}.monster-preview-motions{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.monster-preview-motions button{border:1px solid var(--realm-border);min-height:36px;color:var(--realm-muted);background:var(--realm-raised);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:13px}.monster-preview-motions button[aria-pressed=true]{color:var(--realm-gold-bright);border-color:var(--realm-border-strong);background:var(--realm-hover)}.monster-preview :is(button,select):focus-visible{outline:2px solid var(--realm-gold);outline-offset:3px}.monster-preview figure{text-align:center;background:radial-gradient(#bcb68420,#0000 70%);flex:0 220px;margin:0 auto}.monster-preview figure svg{width:100%;display:block;overflow:visible}.monster-preview figcaption{color:var(--realm-gold);font:13px/1.5 var(--font-display)}