.side-quest-card{--sq-hue:12;--sq-light:75%;--sq-accent:hsl(var(--sq-hue) 78% var(--sq-light));margin:0 26px 24px;color:#f5f2ef;border:1px solid hsl(var(--sq-hue) 35% 34%);border-radius:14px;background:radial-gradient(ellipse at top right,hsl(var(--sq-hue) 48% 24% / .7),transparent 65%),#111318;overflow:hidden;animation:sq-appear .4s ease-out}.side-quest-card[data-class=ranger]{--sq-hue:145}.side-quest-card[data-class=rogue]{--sq-hue:260}.side-quest-card[data-class=mage]{--sq-hue:200}.side-quest-card[data-tier="2"]{--sq-light:70%}.side-quest-card[data-tier="3"]{--sq-light:80%}.sq-main{display:flex;gap:16px;align-items:center;padding:20px 24px;border-bottom:1px solid hsl(var(--sq-hue) 35% 32%);background:hsl(var(--sq-hue) 30% 18% / .5)}.sq-main>span{font-size:32px;color:var(--sq-accent)}.sq-main b,.sq-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--sq-accent)}.sq-main p{margin:3px 0 0;font-size:14px;color:#d3cfd4}.sq-body{padding:24px}.sq-body h3{font:600 29px/1.15 Manrope,sans-serif;letter-spacing:-.7px;margin:10px 0 18px;overflow-wrap:anywhere}.sq-eyebrow{margin:0}.sq-meta{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:12px;letter-spacing:.6px;color:var(--sq-accent);margin-bottom:18px}.sq-equipment{font-size:14px;color:#dbd6db}.sq-equipment b{display:block;margin-bottom:4px;color:var(--sq-accent)}.sq-body ol{margin:18px 0 22px;padding-left:22px}.sq-body li,.sq-body>p:not(.sq-eyebrow):not(.sq-small),.sq-body details p{font-size:16px;line-height:1.6}.sq-body li{padding-left:4px;margin-bottom:12px;color:#e0dce1}.sq-body details{padding:14px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.sq-body summary{font-size:14px;cursor:pointer;min-height:30px;align-content:center;color:var(--sq-accent)}.sq-body details p{color:#d3cfd4}.sq-small{font-size:14px;line-height:1.55;color:#bcb7c2;margin-top:20px}.sq-active{border-left:2px solid var(--sq-accent);padding-left:14px;color:var(--sq-accent)}.sq-status:empty{display:none}.sq-status{color:#f2d7a2}.sq-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sq-actions button{font:600 15px 'DM Sans',sans-serif;min-height:48px;padding:12px 16px;border-radius:7px;cursor:pointer;white-space:normal}.sq-primary{color:#17131c;background:var(--sq-accent);border:1px solid var(--sq-accent)}.sq-secondary{background:#ffffff08;color:#e7e2e9;border:1px solid #ffffff35}.sq-reroll{flex-basis:100%;text-align:left;background:none;border:0;color:var(--sq-accent);padding-left:0!important}.sq-reroll span{display:block;font-size:12px;font-weight:400;color:#bcb7c2;margin-top:4px}.sq-actions button:disabled{opacity:.55;cursor:wait}.side-quest-card :focus-visible,.side-quest-dialog :focus-visible{outline:2px solid #fff;outline-offset:4px}.side-quest-resume{display:block;background:none;border:0;color:var(--gold);padding:10px 0;min-height:44px;font-size:15px;text-align:left}.side-quest-dialog{padding:0;width:min(600px,calc(100vw - 32px));max-height:90dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff30;border-radius:18px;background:#111318;color:#fff}.side-quest-dialog::backdrop{background:#06070bcc;backdrop-filter:blur(6px)}.side-quest-dialog .side-quest-card{margin:0;border:0;border-radius:0;animation:none}.side-quest-close{display:block;margin-left:auto;background:none;color:#e6e1e8;border:0;padding:14px 20px;min-height:48px;font-size:15px;cursor:pointer}.side-quest-dialog .sq-main{border-top:1px solid #ffffff20}@keyframes sq-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:650px){.side-quest-card{margin:0 12px 20px}.sq-main{padding:18px 16px;gap:12px}.sq-main b{font-size:11px;letter-spacing:1px}.sq-main p{font-size:14px}.sq-body{padding:20px 16px}.sq-body h3{font-size:26px}.sq-actions{flex-direction:column}.sq-actions button{width:100%}.sq-reroll{text-align:center}.sq-meta{font-size:11px}.side-quest-dialog{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){.side-quest-card{animation:none}}
.sq-prompt{font-weight:700;margin:0 0 16px;color:var(--sq-accent)}.sq-fit{padding:15px 16px;background:#ffffff08;border-left:2px solid var(--sq-accent);border-radius:0 7px 7px 0;margin-bottom:16px}.sq-fit b{display:block;font-size:12px;letter-spacing:.6px;color:var(--sq-accent)}.sq-fit p{font-size:15px;line-height:1.6;margin:7px 0 0;color:#e0dce1}.sq-effort{color:#e0dce1}.sq-format{font-weight:600;color:var(--sq-accent)}