:root{color-scheme:dark;--guide-bg:#101410;--guide-paper:#e9e6db;--guide-muted:#a9b3a6;--guide-line:#344132;--guide-accent:#cfdd9a}
#root{min-height:100svh}.game-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;color:#d9dfd2;font:16px/1.7 system-ui,sans-serif}.game-loading img{width:180px;height:270px;object-fit:contain}.game-loading p{margin:0}.game-loading a{color:#cfdd9a;text-underline-offset:5px}
.guide-body{margin:0;background:var(--guide-bg);color:var(--guide-paper);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
.guide-body *,.guide-home *{box-sizing:border-box}
.guide-body a,.guide-home a{color:var(--guide-accent);text-underline-offset:5px}
.guide-body a:hover,.guide-home a:hover{text-decoration-thickness:2px}
.guide-body :focus-visible,.guide-home :focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px}
.guide-skip{position:absolute;left:24px;top:-80px;padding:8px;background:var(--guide-bg);z-index:10}.guide-skip:focus{top:8px}
.guide-header{max-width:1248px;margin:auto;padding:28px 32px;border-bottom:1px solid var(--guide-line);display:flex;gap:24px;align-items:center;justify-content:space-between}
.guide-brand{font-family:Georgia,"Noto Serif SC",serif;font-size:28px;text-decoration:none;color:var(--guide-paper)}.guide-brand span{display:block;font:11px/1.3 system-ui;letter-spacing:.18em;color:var(--guide-muted)}
.guide-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.guide-header nav>a{font-size:16px;text-decoration:none}
.guide-main{max-width:1184px;margin:0 auto;padding:40px 32px 72px;min-height:60vh}
.guide-main h1,.guide-home h1{font-family:Georgia,"Noto Serif SC",serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.18;margin:16px 0 24px;letter-spacing:-.025em}
.guide-main h2{font:400 28px/1.35 Georgia,"Noto Serif SC",serif;margin:0 0 24px}
.guide-main p{margin:16px 0}.guide-eyebrow{font:12px/1.5 system-ui;letter-spacing:.16em;color:var(--guide-accent)}
.guide-lead{font-size:18px;color:var(--guide-muted);max-width:680px}.guide-latin{font-family:Georgia,serif;font-size:24px;font-style:italic;color:var(--guide-accent)}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:40px;color:var(--guide-muted)}
.guide-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px}
.guide-art{margin:0;padding:24px 12px 0;color:var(--guide-muted);background:radial-gradient(ellipse at 50% 48%,rgba(176,196,150,.075),rgba(176,196,150,.025) 42%,transparent 70%)}
.guide-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.2))}
.guide-art figcaption{font-size:13px;text-align:center;margin:24px 0 0;color:var(--guide-muted)}
.guide-cta{display:inline-block;background:var(--guide-accent);color:#172014!important;padding:12px 20px;border:0;border-radius:3px;text-decoration:none;font-weight:600;font-size:16px}
.guide-section{margin-top:64px;border-top:1px solid var(--guide-line);padding-top:32px}.guide-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.guide-facts>div{padding:16px 0;border-bottom:1px solid var(--guide-line)}.guide-facts dt{color:var(--guide-muted);font-size:14px}.guide-facts dd{margin:4px 0 0;font-size:18px;overflow-wrap:anywhere}.guide-note{font-size:14px;color:var(--guide-muted)}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:32px 0}
.guide-bird{display:flex;flex-direction:column;text-decoration:none;min-width:0;padding-bottom:20px;border-bottom:1px solid rgba(169,179,166,.16);transition:border-color 180ms ease}
.guide-bird img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:20px 16px;background:radial-gradient(ellipse at 50% 52%,rgba(176,196,150,.045),transparent 68%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));transition:transform 220ms ease}
.guide-bird>span{color:var(--guide-paper);font-size:18px;margin:16px 0 4px;transition:color 180ms ease}
.guide-bird>i{color:var(--guide-muted);font:15px/1.5 Georgia,serif;overflow-wrap:anywhere}
.guide-bird:focus-visible{border-color:var(--guide-accent)}
@media(hover:hover) and (pointer:fine){.guide-bird:hover{border-color:rgba(207,221,154,.55)}.guide-bird:hover img{transform:translateY(-4px)}.guide-bird:hover>span{color:var(--guide-accent)}}
@media(prefers-reduced-motion:reduce){.guide-bird,.guide-bird img,.guide-bird>span{transition:none}.guide-bird:hover img{transform:none}}
.guide-taxonomy,.guide-pagination{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:32px 0}.guide-pagination{justify-content:center;padding-top:24px;border-top:1px solid var(--guide-line)}
.guide-search{margin:32px 0;max-width:640px}.guide-search label{display:block;margin-bottom:8px}.guide-search>div{display:flex;gap:8px}.guide-search input[type=search]{min-width:0;flex:1;background:#1b241a;color:var(--guide-paper);border:1px solid #607057;border-radius:3px;font:inherit;padding:12px 16px}.guide-search button{font:inherit;background:var(--guide-accent);color:#172014;border:0;border-radius:3px;padding:12px 24px;cursor:pointer}
.guide-group-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:40px}.guide-group-list a{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--guide-line);text-decoration:none}.guide-group-list strong{font-size:20px;font-weight:500}.guide-group-list span{color:var(--guide-muted);font-size:14px}
.guide-copy{max-width:760px}.guide-copy h2{margin-top:48px}.guide-copy p{font-size:18px}.guide-copy a{overflow-wrap:anywhere}
.guide-footer{max-width:1184px;margin:auto;border-top:1px solid var(--guide-line);padding:32px;color:var(--guide-muted);font-size:14px}.guide-footer nav{display:flex;gap:16px 24px;flex-wrap:wrap}.guide-footer p{margin:24px 0 0}
.guide-home{max-width:960px;margin:80px auto 0;padding:48px 24px 0;color:#d9dfd2;font:16px/1.8 system-ui,sans-serif;border-top:1px solid #344132}.guide-home h1{font-size:clamp(28px,4vw,44px);max-width:720px}.guide-home>p{max-width:720px}.guide-home>nav,.guide-featured{display:flex;gap:16px 28px;flex-wrap:wrap;margin:24px 0}.guide-home .guide-footer{padding:32px 0;margin-top:48px}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-hero{gap:32px}.guide-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-header{padding:20px;align-items:flex-start;flex-direction:column;gap:20px}.guide-header nav{gap:16px}.guide-header .guide-cta{padding:8px 12px}.guide-main{padding:28px 20px 48px}.guide-hero{grid-template-columns:1fr;gap:32px}.guide-art{max-width:420px;width:100%}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.guide-bird img{padding:8px}.guide-bird>span{font-size:16px}.guide-facts,.guide-group-list{grid-template-columns:1fr}.guide-section{margin-top:40px}.guide-footer{padding:28px 20px}.guide-breadcrumb{margin-bottom:28px}.guide-search button{padding:12px 16px}}