/* GLORY game guide design system — inspired by the existing, approved forest-fantasy site. */
:root{color-scheme:light;--ink:#173e30;--pine:#25513b;--leaf:#6b9d55;--meadow:#e7f4dc;--cream:#fff9e8;--paper:#fff4d8;--line:#dfd4ac;--amber:#f6bc56;--rose:#f6e7df;--shadow:0 19px 44px rgba(33,81,49,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Trebuchet MS","Noto Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b67d25;outline-offset:4px}img{display:block;max-width:100%;height:auto}p{line-height:1.78}h1,h2,h3{line-height:1.18;letter-spacing:-.022em}h1,h2,h3,p{overflow-wrap:break-word}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;z-index:100;left:18px;top:-80px;background:#fff;border:2px solid #d9ac58;border-radius:10px;padding:10px}.skip:focus{top:12px}
.mini-top{height:35px;display:flex;align-items:center;justify-content:center;gap:13px;background:#173c2e;color:#f9f0d6;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900}.mini-top i{width:4px;height:4px;background:var(--amber);border-radius:50%}
.topbar{background:rgba(255,250,232,.97);border-bottom:2px solid #e9dcb8}.topbar-inner{min-height:92px;display:flex;align-items:center;gap:24px}.brand{display:block;flex-shrink:0}.brand img{width:190px;height:auto}.main-nav{margin-left:auto;display:flex;align-items:center;gap:25px}.main-nav a:not(.nav-cta){font-size:14px;font-weight:900;color:#315741;padding:12px 1px;white-space:nowrap}.main-nav a:hover,.main-nav [aria-current="page"]{color:#b47722!important}.nav-cta{background:var(--amber);border:2px solid #8e6639;border-radius:100px;box-shadow:0 4px 0 #bd9652;color:#233e2e;padding:12px 18px;font-size:12px;font-weight:900;white-space:nowrap}
.breadcrumb{padding-top:28px;font-size:13px;font-weight:800;color:#6f856d}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.breadcrumb li:not(:last-child):after{content:"/";margin-left:10px;color:#aaa98a}.breadcrumb a{text-decoration:underline;text-decoration-color:#c7d3b7;text-underline-offset:3px}
.guide-hero{background:radial-gradient(ellipse at 78% 25%,rgba(253,245,199,.85),transparent 33%),linear-gradient(140deg,#e5f6ea 0%,#dff0dd 55%,#f4f3d8 100%);overflow:hidden;position:relative;padding-bottom:86px}.guide-hero:after{position:absolute;content:"";inset:auto 0 0;height:38px;background:var(--cream);clip-path:polygon(0 44%,9% 73%,20% 45%,34% 77%,47% 41%,60% 81%,73% 52%,85% 76%,100% 42%,100% 100%,0 100%)}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:48px;padding:60px 0 20px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:99px;font-weight:900;font-size:11px;color:#6b754a;background:#fffaf0;border:1px solid #e5d6ac;letter-spacing:.10em;text-transform:uppercase}.hero-eyebrow:before{content:"✦";font-size:16px;color:#d59a36}.hero-text h1{margin:25px 0 18px;font-size:clamp(44px,4.8vw,71px);font-weight:1000;color:#204e36}.hero-text h1 em{font-style:normal;color:#bf8030}.hero-text>p{max-width:530px;font-size:17px;color:#55725d;margin:0 0 29px;font-weight:650}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid #78592f;font-size:15px;font-weight:900;padding:15px 20px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--amber);box-shadow:0 5px 0 #ab813f}.btn-secondary{background:#fffced;border-color:#99af86;box-shadow:0 5px 0 #b5cca6}.hero-image-wrap{position:relative;padding:15px}.hero-image-wrap:before{content:"";position:absolute;inset:25px -3px -8px 12px;background:#b5dba4;border-radius:38% 45% 48% 38%;transform:rotate(-7deg)}.hero-image{position:relative;border:10px solid #fffbea;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.image-stamp{position:absolute;bottom:26px;left:27px;background:#204b36ef;color:#fff8e1;border-radius:100px;padding:9px 14px;font-size:11px;font-weight:900;letter-spacing:.08em}.leaf-doodle{position:absolute;right:-8px;top:-2px;color:#9eae58;font-size:43px;transform:rotate(17deg)}
.toc{background:#fff5d9;border-bottom:1px solid #e7d7b0}.toc-inner{display:flex;align-items:center;gap:25px;padding:19px 0;overflow-x:auto}.toc b{font-size:12px;color:#98723a;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.toc a{font-size:13px;font-weight:900;color:#2e5e42;white-space:nowrap}.toc a:hover{text-decoration:underline;text-underline-offset:4px}
.main-content{padding:75px 0 0}.block{padding:0 0 80px;scroll-margin-top:25px}.eyebrow{font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#a07432}.heading{font-size:clamp(33px,3.5vw,49px);font-weight:1000;margin:13px 0 15px}.lead{font-size:17px;color:#55745e;max-width:770px;margin:0 0 26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 0}.step{padding:29px 25px 27px;background:#fffdf2;border:1px solid #e4d9b6;border-radius:22px;box-shadow:0 7px 0 #eee2bf}.step .num{display:grid;place-items:center;width:42px;height:42px;border:2px solid #c69d59;border-radius:15px;background:#ffdf8b;color:#3e6036;font-family:Georgia,serif;font-size:24px;font-weight:900}.step h3{font-size:21px;margin:22px 0 11px}.step p{margin:0;font-size:15px;color:#526b57}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px}.split.reverse .media-panel{order:-1}.media-panel{border:8px solid #fffdf2;border-radius:21px;overflow:hidden;box-shadow:var(--shadow);background:#d6e4bd;position:relative}.media-panel img{aspect-ratio:16/9;object-fit:cover;width:100%}.media-panel figcaption{position:absolute;left:12px;bottom:12px;padding:8px 12px;color:#fff;background:#22543bdc;border-radius:99px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.copy h2{font-size:clamp(31px,3.5vw,45px);margin:13px 0 15px}.copy p{color:#536b58;margin:0 0 18px}.plain-list{list-style:none;padding:0;margin:18px 0}.plain-list li{position:relative;padding:10px 0 10px 25px;border-bottom:1px solid #e8ddbd;line-height:1.6;color:#405847}.plain-list li:before{content:"✦";position:absolute;left:0;color:#ba8734}.plain-list strong{color:#173e30}.soft-section{background:#e7f4e5;padding:76px 0;margin:0 0 76px;position:relative}.soft-section:before,.soft-section:after{content:"";position:absolute;inset:0 0 auto;height:18px;background:var(--cream);clip-path:polygon(0 0,10% 50%,24% 5%,37% 60%,53% 0,66% 48%,79% 5%,100% 46%,100% 0)}.soft-section:after{inset:auto 0 0;transform:rotate(180deg)}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.tip{padding:25px;background:rgba(255,253,241,.9);border-radius:20px;border:1px solid #cde0c2}.tip h3{margin:0 0 8px;font-size:20px}.tip p{font-size:15px;margin:0;color:#536e58}.example{border-left:5px solid #dfb45b;padding:18px 23px;background:#fff6df;border-radius:0 15px 15px 0;color:#5a6047;margin-top:22px;font-size:15px;line-height:1.7}
.questions{display:grid;gap:13px;max-width:930px;margin-top:25px}.question{padding:24px 27px;background:#fffdf1;border:1px solid #e4dac0;border-radius:18px}.question h3{margin:0 0 7px;font-size:19px}.question p{margin:0;color:#5d715d;font-size:15px}.related{padding:64px 0 80px;background:#fff1d2}.related .heading{margin-bottom:26px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.related-card{display:block;background:#fffdf1;border:1px solid #e7d6aa;border-radius:20px;overflow:hidden;box-shadow:0 8px 0 #ead4a4;transition:transform .2s}.related-card:hover{transform:translateY(-4px)}.related-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.related-card .related-copy{padding:20px 22px 24px}.related-card span{display:block;color:#9a7638;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.related-card h3{font-size:19px;margin:10px 0 9px}.related-card p{font-size:14px;color:#5b6e5d;margin:0}.cta-band{padding:78px 0;text-align:center;background:radial-gradient(circle at 15% 20%,#bfe2bc,transparent 28%),linear-gradient(155deg,#d6efdd,#eaf3d4)}.cta-band h2{font-size:clamp(36px,4vw,54px);margin:12px 0}.cta-band p{max-width:610px;color:#546f59;margin:0 auto 24px}.cta-band .hero-actions{justify-content:center}
footer{background:#183f2f;color:#fdf2cf;padding:31px 0}footer .foot-inner{display:flex;justify-content:space-between;gap:32px;align-items:center}footer img{width:166px}footer p{font-size:11px;line-height:1.6;color:#c1d5c1;margin:9px 0 0}footer .foot-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:end}footer a{font-size:13px;font-weight:800}footer a:hover{text-decoration:underline}
@media(max-width:1120px){.main-nav{gap:13px}.brand img{width:165px}.nav-cta{padding:10px 13px}}
@media(max-width:940px){.topbar-inner{flex-wrap:wrap;justify-content:center;gap:5px;padding:11px 0 8px}.main-nav{margin:0;width:100%;justify-content:center;gap:20px}.hero-grid{gap:27px;grid-template-columns:.98fr 1.02fr}.hero-text h1{font-size:49px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.mini-top{height:29px;font-size:8px}.topbar-inner{align-items:center}.brand img{width:158px}.main-nav{overflow:auto;justify-content:start;white-space:nowrap;gap:16px;padding:8px 0 5px}.main-nav a:not(.nav-cta){font-size:12px}.nav-cta{display:none}.breadcrumb{padding-top:17px}.hero-grid{grid-template-columns:1fr;padding:31px 0 0}.hero-text{text-align:center}.hero-text h1{font-size:clamp(43px,10vw,60px)}.hero-text>p{font-size:15px}.hero-actions{justify-content:center}.hero-image-wrap{padding:8px;max-width:590px;margin-inline:auto}.guide-hero{padding-bottom:64px}.main-content{padding-top:56px}.block{padding-bottom:60px}.steps,.tips-grid{grid-template-columns:1fr}.split,.related-grid{grid-template-columns:1fr}.split.reverse .media-panel{order:initial}.heading{font-size:34px}.copy h2{font-size:33px}.soft-section{padding:58px 0;margin:0 0 60px}.related{padding:52px 0 70px}.related-grid{max-width:550px}.related-card img{max-height:220px}.toc-inner{gap:20px}.toc b{display:none}.foot-inner{flex-direction:column;text-align:center}footer .foot-links{justify-content:center}.cta-band{padding:65px 0}.question{padding:20px}}
@media(max-width:420px){.btn{width:100%}.hero-image{border-width:6px}.image-stamp{left:16px;bottom:17px;font-size:9px}.hero-text h1{font-size:42px}.step{padding:23px}.related-card .related-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.related-card{transition:none}}