.qs{--page-a:#f0e0bb;--page-b:#cdae78;--ink:#2c1a0c;--ink-2:#6b4a2a;--vig:96, 58, 14;--leather:#5a2f1a;--leather-2:#3b1d10;--leather-edge:#8a5a2e;--card:linear-gradient(180deg, #f6ecd4, #ecdfbf);--priority:#b91c1c;--rotation:#2563eb;--gem:#22b8e6;--streak:#f26a1b;--wax:#9c1d1d;--wax-2:#5e0f0f;--tex-fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7 0.9' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--tex-stain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='3' seed='14' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.33 0 0 0 0 0.14 0.75 0 0 0 -0.42'/%3E%3C/filter%3E%3Crect width='520' height='520' filter='url(%23n)'/%3E%3C/svg%3E");--leather-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23l)'/%3E%3C/svg%3E");--emerald:#67d7aa;--gold-bright:#ffdd7a;--muted:#aeb8c1;--dim:#949fa9;--f-display:"Cinzel", Georgia, serif;--f-head:"MedievalSharp", "Cinzel", Georgia, serif;--f-entry:"IM Fell English", Georgia, serif;--f-ui:"Karla", system-ui, sans-serif;container:qs/inline-size}.qs svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.qs__stage{isolation:isolate;border-radius:18px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);padding:clamp(1.5rem,3.2vw,2.75rem) clamp(1.25rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.qs__stage:before{z-index:-2;content:"";background:url(/images/quest-journal-hall.webp) 50% 72%/cover no-repeat;position:absolute;inset:0}.qs__stage:after{z-index:-1;content:"";background:radial-gradient(58% 55% at 36% 62%,#efa94a29,#0000 70%),linear-gradient(#05070b9e,#05070b4d 42%,#05070bb8);position:absolute;inset:0}.qs-key{outline-offset:4px;border-radius:8px;outline:2px solid #0000;transition:outline-color .2s;position:relative}.qs-pin,.qs-num{color:#2a1804;width:26px;height:26px;font:700 12px/1 var(--f-display);background:radial-gradient(circle at 35% 30%,#fff1b8,#f0c65a 45%,#a8781f);border-radius:50%;flex:none;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 0 0 2px #140c04bf,0 0 0 4px #ffdd7a4d,0 6px 12px #00000073}.qs-pin{z-index:6;position:absolute;top:-12px;left:-12px}.qs-pin--right{left:auto;right:-12px}.qs-key.is-lit{outline-color:#ffdd7ad9}.qs-key.is-lit .qs-pin,.qs-legend__item.is-lit .qs-num{transform:scale(1.18);box-shadow:0 0 0 2px #140c04bf,0 0 0 5px #ffdd7a8c,0 0 22px #ffdd7a8c}.qs-journal{z-index:2;background:linear-gradient(180deg, var(--leather), var(--leather-2));box-shadow:0 34px 60px #000000a6, inset 0 0 0 2px var(--leather-edge), inset 0 0 0 6px var(--leather-2), inset 0 0 0 7px #d9a44159;border-radius:10px 10px 12px 12px;align-self:start;margin-right:-3rem;padding:14px 16px 18px;position:relative;transform:rotate(-1.1deg);container:qsj/inline-size}.qs-journal:before{content:"";background:var(--leather-tex);pointer-events:none;border:1px solid #d9a44173;border-radius:6px;position:absolute;inset:8px}.qs-corner{z-index:3;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 26%,26% 26%,26% 100%,0 100%);filter:drop-shadow(0 2px 2px #00000080);background:linear-gradient(135deg,#f0d27a,#b8862a 45%,#6e4a10);width:44px;height:44px;position:absolute}.qs-corner--tl{top:-3px;left:-3px}.qs-corner--tr{top:-3px;right:-3px;transform:scaleX(-1)}.qs-corner--bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.qs-corner--br{bottom:-3px;right:-3px;transform:scale(-1)}.qs-bookmark{z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);pointer-events:none;background:linear-gradient(90deg,#7a1a1a,#b3262d 45%,#7a1a1a);width:16px;height:96px;position:absolute;top:-6px;left:calc(50% - 8px);box-shadow:0 4px 8px #00000080}.qs-spread{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.qs-spread:before{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00000052 40%,#0000007a 50%,#00000052 60%,#0000);width:30px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.qs-page{isolation:isolate;color:var(--ink);font-family:var(--f-entry);background:var(--tex-fiber) 0 0 / 180px 180px, var(--tex-stain) 0 0 / 520px 520px, radial-gradient(ellipse 120% 100% at 50% 50%, transparent 62%, rgba(var(--vig), .38) 100%), linear-gradient(165deg, var(--page-a), color-mix(in srgb, var(--page-a) 55%, var(--page-b)) 60%, var(--page-b));background-blend-mode:multiply, normal, multiply, normal;box-shadow:inset 0 0 60px rgba(var(--vig), .32);flex-direction:column;gap:9px;padding:24px 24px 26px;display:flex;position:relative}.qs-page:before{z-index:-1;content:"";outline-offset:3px;pointer-events:none;border:1px solid #3c220c4d;border-radius:3px;outline:1px solid #3c220c1f;position:absolute;inset:9px}.qs-page--left{border-radius:6px 0 0 6px}.qs-page--right{border-radius:0 6px 6px 0}.qs-banner{color:#fff7e6;background:linear-gradient(100deg, var(--b1), var(--b2));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%);align-items:center;gap:10px;margin:0 -4px;padding:8px 24px 9px 16px;display:flex;box-shadow:inset 0 0 0 2px #ffebbe66,inset 0 0 0 4px #0000002e}.qs-banner--main{--b1:#2f5aa3;--b2:#182e5e}.qs-banner--side{--b1:#2f7a3e;--b2:#1a4a24}.qs-banner__icon{background:radial-gradient(circle at 35% 30%,#ffffff59,#ffffff0d 60%),#00000047;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 2px #ffebbe8c}.qs-banner__icon svg{stroke-width:2px;width:19px;height:19px}.qs-banner strong{font:400 22px/1 var(--f-head);letter-spacing:.04em;text-shadow:0 2px 3px #0000008c;display:block}.qs-banner small{font:italic 12.5px/1.2 var(--f-entry);opacity:.92;margin-top:3px;display:block}.qs-day{color:#fff7e6;background:linear-gradient(#72481a,#4f3210);border-radius:6px;padding:9px 14px 12px;box-shadow:0 3px 8px #00000059,inset 0 0 0 1.5px #ffebbe80,inset 0 0 0 4px #0003}.qs-day__top{font:15px var(--f-head);letter-spacing:.03em;text-shadow:0 1px 2px #00000080;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.qs-flame{color:#ffd2b0;font:700 11px var(--f-ui);text-shadow:none;background:#00000047;border:1px solid #f26a1bb3;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.qs-flame i{background:var(--streak);clip-path:polygon(50% 0,80% 35%,100% 65%,75% 100%,25% 100%,0 65%,20% 35%);width:9px;height:12px;filter:drop-shadow(0 0 3px var(--streak))}.qs-progress{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.qs-progress__label{color:#fff7e6cc;font:700 10px var(--f-ui);letter-spacing:.12em;text-transform:uppercase}.qs-progress__count{font:800 12px var(--f-ui);font-variant-numeric:tabular-nums}.qs-progress__track{background:#0006;border-radius:6px;grid-column:1/-1;height:12px;position:relative;box-shadow:inset 0 0 0 1px #ffebbe59,inset 0 2px 3px #0006}.qs-progress__fill{background:repeating-linear-gradient(135deg,#ffffff2e 0 6px,#0000 6px 12px),linear-gradient(#f6d27a,#d9a441 55%,#a86f1c);border-radius:6px;width:60%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff80}.qs-progress__gem{background:var(--gem);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);opacity:.55;width:18px;height:18px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.qs-section{color:#fff7e6;background:linear-gradient(100deg, var(--s1), var(--s2));clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%,8px 50%);align-items:center;gap:8px;margin-top:4px;padding:5px 18px 6px;display:flex;box-shadow:inset 0 0 0 1.5px #ffebbe66}.qs-section--gold{--s1:#e2a23a;--s2:#a4601a}.qs-section--crimson{--s1:#b9443a;--s2:#6d1d1c}.qs-section svg{flex:none;width:17px;height:17px}.qs-section span{font:16px var(--f-head);letter-spacing:.04em;text-shadow:0 1px 2px #00000080;flex:1}.qs-entry{background:var(--card);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px 10px 9px 12px;display:grid;position:relative;box-shadow:0 2px 4px #0003,inset 0 0 0 1px #7548198c,inset 0 1px #ffffff80}.qs-entry__icon{width:28px;height:28px;color:var(--ink-2);background:#3c220c12;border-radius:50%;grid-row:1/span 2;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #3c220c38}.qs-entry__icon svg{width:16px;height:16px}.qs-entry__body{grid-column:2/span 2;min-width:0}.qs-entry__title{color:var(--ink);font:700 16.5px/1.15 var(--f-head);letter-spacing:.02em;text-shadow:0 1px #ffffff73;display:block}.qs-entry__meta{color:var(--ink-2);font:italic 12.5px/1.25 var(--f-entry);margin-top:2px;display:block}.qs-entry .qs-rewards{grid-column:2}.qs-entry .qs-act{grid-column:3}.qs-entry--priority,.qs-entry--rotation{background:linear-gradient(90deg, color-mix(in srgb, var(--mk) 18%, transparent), color-mix(in srgb, var(--mk) 4%, transparent) 55%, transparent), var(--card)}.qs-entry--priority:before,.qs-entry--rotation:before{content:"";background:var(--mk);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);border-radius:8px 0 0 8px;width:5px;position:absolute;top:6px;bottom:6px;left:0}.qs-entry--priority{--mk:var(--priority)}.qs-entry--rotation{--mk:var(--rotation)}.qs-entry--priority .qs-entry__title,.qs-entry--priority .qs-entry__icon,.qs-entry--rotation .qs-entry__title,.qs-entry--rotation .qs-entry__icon{color:var(--mk)}.qs-entry--pending{background:linear-gradient(90deg, #5b2a8638, #5b2a8612 55%, #d9a4411a), var(--card)}.qs-entry--pending:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:linear-gradient(#e8c15a,#9a6a12);border-radius:8px 0 0 8px;width:5px;position:absolute;top:6px;bottom:6px;left:0}.qs-entry--pending .qs-entry__icon{color:#6b3fa0;box-shadow:inset 0 0 0 1px #6b3fa073}.qs-petition{color:#6b3fa0;font:800 9.5px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#fffaeb99;border-radius:999px;grid-column:3;align-items:center;gap:6px;padding:4px 10px 4px 5px;display:inline-flex;box-shadow:inset 0 0 0 1px #9a6a1280}.qs-petition i{background:radial-gradient(circle at 35% 30%, #d94a4a 0 12%, var(--wax) 50%, var(--wax-2) 100%);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #0006}.qs-badge{color:#fff;font:700 9px/1.3 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;text-shadow:none;vertical-align:3px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:999px;margin-left:4px;padding:2px 7px;display:inline-block}.qs-rewards{flex-wrap:wrap;gap:4px;display:flex}.qs-pill{font:800 11.5px/1 var(--f-ui);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:3px 8px 3px 6px;display:inline-flex;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff80}.qs-pill svg{stroke-width:2px;width:12px;height:12px}.qs-pill--coin{color:#5a3a08;background:linear-gradient(#fbe7a8,#e3b64a);box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff8c,inset 0 0 0 1px #a06e1473}.qs-pill--gem{color:#0b4a36;background:linear-gradient(#c8f1e4,#7fd6b9);box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff8c,inset 0 0 0 1px #146e5073}.qs-pill--xp{color:#3a1d6b;background:linear-gradient(#e3d7fb,#b89ceb);box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff8c,inset 0 0 0 1px #5a329673}.qs-pill b{color:#a1661f;margin-left:2px}.qs-act{color:#1c6b3a;background:radial-gradient(circle at 40% 35%,#ffffff80,#0000 45%),radial-gradient(circle,#cfeed8 0 58%,#8fcc9f 60% 70%,#0000 71%);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1c6b3a80,0 1px 2px #0003}.qs-act:after{content:"";border:1.5px dashed #1c6b3a8c;border-radius:50%;position:absolute;inset:4px}.qs-act--launch:after{border-style:solid}.qs-act svg{stroke-width:2.4px;width:15px;height:15px}.qs-act--done{color:#ffe6c8f2;background:radial-gradient(circle at 35% 30%, #d94a4a 0 12%, var(--wax) 50%, var(--wax-2) 100%);box-shadow:0 2px 4px #0006,inset 0 1px 1px #ffffff59}.qs-act--done:after{border-color:#0000}.qs-reward{background:linear-gradient(#fbf1d3,#efdca6);border-radius:10px;align-items:center;gap:12px;margin-top:auto;padding:12px 16px;display:flex;box-shadow:0 4px 10px #0000004d,inset 0 0 0 2px #b8862a,inset 0 0 0 4px #f4dd95,inset 0 0 0 5px #78501480}.qs-medal{background:radial-gradient(circle at 40% 35%,#ffffff80,#0000 40%),radial-gradient(circle,#b98c3a 0 62%,#7a5416 64% 72%,#d9a441 74% 80%,#7a5416 82%);border-radius:50%;flex:none;width:46px;height:46px;position:relative;box-shadow:0 2px 4px #00000059}.qs-medal i{background:var(--gem);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);width:16px;height:16px;filter:drop-shadow(0 0 4px var(--gem));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qs-reward strong{color:#5a3a08;font:400 18px/1.1 var(--f-head);display:block}.qs-reward small{color:#4a3018;font:italic 12.5px/1.3 var(--f-entry);margin-top:2px;display:block}.qs-board{z-index:1;background:#3a1f10 url(/images/quest-board/questboard3.webp) top/cover no-repeat;border-radius:6px;justify-content:center;align-items:flex-start;gap:7%;margin:1.75rem 0 .5rem;padding:104px 8% 2.25rem calc(3rem + 5%);display:flex;position:relative;box-shadow:0 26px 50px #0009,inset 0 0 0 1px #0006}.qs-notice{transform:rotate(var(--rot));filter:drop-shadow(0 7px 8px #0000008c);flex:0 148px;position:relative}.qs-notice--golden{--rot:-4deg}.qs-notice--urgent{--rot:3.5deg;margin-top:3.25rem}.qs-nail{z-index:2;background:radial-gradient(circle at 35% 30%,#9aa3ad 0 15%,#4b525b 45%,#1d2126 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0009}.qs-notice__sheet{text-align:center;clip-path:polygon(0 1.4%,11% .2%,23% 1.6%,36% .4%,49% 1.8%,62% .1%,76% 1.5%,88% .3%,100% 1.2%,98.6% 14%,99.8% 31%,98.4% 49%,99.7% 66%,98.5% 84%,99.6% 98.6%,87% 99.8%,74% 98.3%,61% 99.7%,48% 98.5%,35% 99.9%,22% 98.4%,9% 99.7%,.3% 98.8%,1.5% 83%,.2% 66%,1.6% 49%,.3% 32%,1.4% 15%);background:var(--tex-fiber) 0 0 / 180px 180px, radial-gradient(ellipse at 50% 50%, transparent 55%, #6e461959 100%), linear-gradient(165deg, #f1e2b8, #e3cb91 65%, #d2b273);background-blend-mode:multiply, normal, normal;padding:24px 11px 16px;display:block}.qs-notice--golden .qs-notice__sheet{background:var(--tex-fiber) 0 0 / 180px 180px, radial-gradient(ellipse at 50% 50%, transparent 55%, #7a4a1059 100%), linear-gradient(165deg, #fbedbe, #e9c76c 55%, #d8ab45);box-shadow:inset 0 0 0 3px #d9a4418c}.qs-notice__head{color:#6e2f12;font:10px/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase;display:block}.qs-notice--urgent .qs-notice__head{color:var(--wax)}.qs-notice--golden .qs-notice__head{color:#7a4a10}.qs-notice__title{color:#2c1a0c;font:16px/1.12 var(--f-head);text-wrap:balance;margin:6px 0 5px;display:block}.qs-notice__task{color:#4a3320;font:italic 11.5px/1.3 var(--f-entry);display:block}.qs-notice .qs-rewards{justify-content:center;margin-top:9px}.qs-notice .qs-pill{font-size:10.5px}.qs-legend{grid-template-columns:var(--qs-groups,minmax(0, 3fr) minmax(0, 2fr));gap:1.5rem 2.25rem;padding:1.75rem clamp(.75rem,2vw,1.5rem) .5rem;display:grid}.qs-legend__label{color:var(--emerald);font:800 .66rem/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.1rem;display:flex}.qs-legend__label:after{content:"";background:linear-gradient(90deg,#67d7aa66,#0000);flex:1;height:1px}.qs-legend__group--choice .qs-legend__label{color:var(--gold-bright)}.qs-legend__group--choice .qs-legend__label:after{background:linear-gradient(90deg,#ffdd7a66,#0000)}.qs-legend__list{grid-template-columns:repeat(var(--qs-items,3), minmax(0, 1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.qs-legend__item{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.qs-legend__item h3{color:#fff4dc;font:700 1rem/1.25 var(--f-display);margin:.15rem 0 0}.qs-legend__item p{color:var(--dim);margin:.4rem 0 0;font-size:.86rem;line-height:1.55}.qs-try{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:1.1rem clamp(.75rem,2vw,1.5rem) .6rem;padding-top:1.1rem;display:flex}.qs-try p{color:var(--muted);margin:0;font-size:.92rem}.qs-try a{min-height:44px;color:var(--gold-bright);letter-spacing:.08em;text-transform:uppercase;background:#e9bd570f;border:1px solid #ffdd7a73;border-radius:8px;align-items:center;gap:.55rem;padding:.7rem 1.15rem;font-size:.74rem;font-weight:800;text-decoration:none;transition:background-color .25s,border-color .25s;display:inline-flex}.qs-try a:hover{background:#e9bd571f;border-color:#ffdd7abf}.qs-try a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.qs-try a span{transition:transform .25s}.qs-try a:hover span{transform:translate(3px)}@container qs (width<=940px){.qs__stage{grid-template-columns:minmax(0,1fr)}.qs-journal{margin-right:0;transform:rotate(-.6deg)}.qs-board{margin:1.75rem .25rem .25rem;padding:96px 6% 2.25rem}.qs-legend{grid-template-columns:minmax(0,1fr)}}@container qs (width<=620px){.qs__stage{padding:1.1rem .9rem 1.25rem}.qs-legend__list{grid-template-columns:minmax(0,1fr)}.qs-board{gap:5%;padding:84px 5% 1.75rem}.qs-notice--urgent{margin-top:2rem}}@container qsj (width<=640px){.qs-spread{grid-template-columns:minmax(0,1fr);gap:10px}.qs-spread:before,.qs-bookmark{display:none}.qs-page--left,.qs-page--right{border-radius:6px}.qs-reward{margin-top:6px}}@container qsj (width<=420px){.qs-journal{padding:10px 10px 12px}.qs-corner{width:30px;height:30px}.qs-page{padding:20px 15px}}@media (prefers-reduced-motion:reduce){.qs-key,.qs-pin,.qs-num,.qs-try a,.qs-try a span{transition:none}}