:root{color-scheme:dark;--bg:#101a1b;--panel:#172426;--line:#304042;--muted:#a4b5b2;--text:#edf1e8;--gold:#e9cb82;--green:#91c5a1;--accent:#91c5a1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#233b33 0,transparent 48%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--gold)}.topbar{height:77px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(25px,calc((100vw - 1330px)/2));background:#0b1515a6}.brand{font-weight:750;font-size:1.05rem;letter-spacing:.18em;color:var(--text);text-decoration:none;white-space:nowrap}.brandmark{color:var(--gold);font-size:1.65rem;margin-right:8px}.edition{color:#a4b6b0;font-size:.76rem;letter-spacing:.14em}.edition b{color:var(--gold);border:1px solid #6d6747;padding:3px 5px;margin-left:5px}.textbtn{border:0;background:none;color:var(--gold);padding:7px 0;font-size:.88rem}.shell{max-width:1380px;margin:auto;padding:32px 25px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:700;color:var(--gold);margin:0 0 9px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:400;letter-spacing:-.02em;margin-bottom:8px}.subtitle{color:var(--muted);margin:0}.resume{background:#21332e;color:var(--gold);border:1px solid #45624c;border-radius:9px;padding:13px 18px;display:flex;align-items:center;gap:13px;text-align:left;font-size:1.1rem}.resume span{font-size:.86rem;font-weight:650}.resume small{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin-top:4px}.regions{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.region{position:relative;min-height:216px;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;text-align:left;background:#243538;color:white;padding:0;transition:transform .2s,border-color .2s}.region:hover{transform:translateY(-4px);border-color:var(--gold)}.region[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.region img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.region:hover img{transform:scale(1.055)}.region:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#06151055 45%,#051212ee 100%)}.region-copy{position:absolute;bottom:18px;left:17px;right:12px;z-index:1}.region-copy small{display:block;font-size:.73rem;color:#dfddc0;letter-spacing:.11em;margin-bottom:7px}.region-copy strong{display:block;font-family:Georgia,serif;font-size:1.33rem;font-weight:400}.region-copy .region-sub{display:block;font-size:.8rem;color:#ccd9d1;margin-top:4px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 0;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:20px}.tabs button{background:none;color:var(--muted);padding:15px 1px;border:0;border-bottom:2px solid transparent;white-space:nowrap;font-size:.95rem}.tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.save-indicator{font-size:.76rem;color:var(--muted)}.workspace{display:grid;grid-template-columns:315px minmax(0,1fr);gap:28px;padding:27px 0 40px}.filterline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font-size:.92rem;min-height:31px}.searchbox{display:flex;gap:9px;align-items:center;padding:0 12px;background:#0c1516;border:1px solid var(--line);border-radius:8px}.searchbox span{font-size:1.6rem;color:var(--muted)}input{width:100%;background:none;color:var(--text);border:0;min-width:0;padding:13px 0;font-size:.87rem}select{width:100%;padding:10px;margin:10px 0 13px;background:#172426;border:1px solid var(--line);border-radius:8px;color:#c6d2ca;font-size:.87rem;min-height:44px}.chapter-list{display:flex;flex-direction:column;gap:5px;max-height:760px;overflow:auto;padding:2px 4px 8px 0;scrollbar-width:thin;scrollbar-color:#3b5550 transparent}.era-label{font-size:.73rem;letter-spacing:.12em;color:#94aa9e;padding:15px 11px 7px}.chapter{display:flex;gap:12px;align-items:flex-start;width:100%;padding:13px 11px;border-radius:8px;border:1px solid transparent;color:#d4ded5;background:none;text-align:left}.chapter:hover{background:#1c2d2a}.chapter.selected{background:#243b32;border-color:#47664d}.number{border:1px solid #3b554b;min-width:30px;height:30px;display:grid;place-items:center;font-size:.75rem;border-radius:50%;color:var(--gold)}.chapter.selected .number{background:var(--gold);color:#14231c;border-color:var(--gold)}.chapter b{display:block;font-weight:600;font-size:.89rem;line-height:1.35}.chapter small{display:block;color:var(--muted);font-size:.76rem;margin-top:5px;line-height:1.4}.detail{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;align-self:start;min-width:0}.detail-hero{padding:27px 30px 25px;position:relative;min-height:175px;display:flex;flex-direction:column;justify-content:end;background:#273e32;isolation:isolate}.detail-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10211bed 0%,#14211bb8 58%,#10211b32);z-index:-1}.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:50% 42%}.detail-hero h2{font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.15rem);font-weight:400;line-height:1.17;margin-bottom:10px;max-width:75%}.detail-hero p:last-child{margin:0;color:#d2dbcd;font-size:.89rem;max-width:80%}.detail-body{padding:24px 29px 28px}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.pill{font-size:.76rem;color:#c4d2c8;border:1px solid #43584d;border-radius:20px;padding:5px 9px}.pill.gold{color:var(--gold);border-color:#716440}.requirement{background:#11201f;border-left:2px solid var(--gold);padding:13px 16px;border-radius:0 7px 7px 0;font-size:.89rem;color:#c1d0c5;line-height:1.6;margin-bottom:22px}.requirement b{color:var(--text);font-weight:600}.modes{display:flex;padding:4px;background:#0e1b1b;border-radius:8px;margin-bottom:21px;gap:4px}.modes button{flex:1;border:0;background:none;color:var(--muted);padding:9px 6px;border-radius:5px;font-size:.85rem;min-height:42px}.modes button.active{background:#354c3f;color:#fff3c7}.step{position:relative;padding:0 0 20px 47px;margin:0;min-height:70px}.step:not(:last-child):before{content:'';position:absolute;width:1px;background:#435448;top:31px;bottom:0;left:15px}.check{position:absolute;left:0;top:0;border:1px solid #4e6553;background:#12221e;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:.84rem}.check.checked{background:#82b695;color:#102016;border-color:#82b695}.step h3{font-weight:650;font-size:1rem;line-height:1.45;margin:2px 0 7px}.step p{color:#b9c9bf;line-height:1.65;font-size:.95rem;margin:0}.step.done h3{color:#91b59d}.step-counter{color:var(--gold);font-size:.79rem;margin-bottom:14px}.hintbox{background:#1f342d;border:1px solid #435c44;border-radius:10px;padding:22px;margin-bottom:16px;line-height:1.65}.hintbox strong{color:var(--gold);display:block;margin-bottom:8px}.hintbox p{margin:0}.primary,.secondary{border-radius:8px;padding:12px 17px;font-weight:650;font-size:.87rem;min-height:46px}.primary{background:var(--gold);border:1px solid var(--gold);color:#16241c}.secondary{background:#20362e;border:1px solid #4a6051;color:#dce5d7}.actions{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px}.actions button:disabled{opacity:.4;cursor:default}.track{margin-top:22px}.track-text{display:flex;justify-content:space-between;font-size:.79rem;color:var(--muted);gap:12px}.track progress{width:100%;height:5px;accent-color:var(--green);margin-top:10px}.detail-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:.78rem;color:#9aafa1;line-height:1.65}.detail-bottom a{font-size:.78rem}.empty{padding:25px 10px;color:var(--muted);line-height:1.6}.summary{font-size:.85rem;line-height:1.55;color:var(--muted);margin:0 0 20px}.total{color:var(--gold);font-size:.8rem}.all-list .step{padding-bottom:25px}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;align-items:start;gap:30px;font-size:.76rem;color:#849e8f}footer>span{white-space:nowrap;letter-spacing:.09em;font-weight:700}footer p{line-height:1.6;max-width:700px;margin:0}footer button{white-space:nowrap}dialog{background:#172725;color:#e2ebdf;max-width:600px;width:calc(100% - 30px);border:1px solid #48604e;border-radius:15px;padding:35px;line-height:1.65}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:1.8rem}dialog p,dialog li{font-size:.95rem}.close{position:absolute;right:15px;top:12px;color:var(--gold);background:none;border:0;font-size:1.8rem}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:20px}.region{min-height:190px}.region-copy{left:12px}.region-copy strong{font-size:1.1rem}.detail-body{padding:21px}.save-indicator{display:none}}@media(max-width:720px){.topbar{height:65px;padding:0 18px}.edition{display:none}.shell{padding:25px 16px 0}.heading{align-items:start;margin-bottom:20px}.heading h1{font-size:2rem}.subtitle{font-size:.89rem;line-height:1.5;max-width:230px}.resume{padding:9px;gap:5px;margin-top:24px}.resume span{font-size:.72rem;max-width:90px}.resume small{display:none}.regions{display:flex;overflow-x:auto;padding:5px 3px 12px;gap:13px;scroll-snap-type:x mandatory;margin:0 -3px}.region{flex:0 0 166px;min-height:198px;scroll-snap-align:start}.region-copy strong{font-size:1.18rem}.region-copy small{font-size:.7rem}.tabs{gap:16px;width:100%;overflow-x:auto}.tabs button{font-size:.85rem;padding:13px 0}.workspace-head{margin-top:14px}.workspace{display:block;padding-top:15px}.sidebar{margin-bottom:22px}.chapter-list{max-height:225px;border-bottom:1px solid var(--line);padding-bottom:12px}.chapter{padding:10px}.chapter small{font-size:.77rem}.filterline{margin-bottom:7px}.detail-hero{padding:23px 20px;min-height:190px}.detail-hero h2{max-width:95%;font-size:1.9rem}.detail-hero p:last-child{max-width:95%}.detail-body{padding:20px 17px}.modes button{font-size:.8rem}.step{padding-left:43px}.step p{font-size:.94rem}.actions .primary{flex:1}.actions{gap:8px}footer{display:block}footer p{margin:12px 0}.eyebrow{font-size:.7rem}.summary{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Hyrule atmosphere and the requested app identity */
body{background:#101c1a url('art/hyrule-city-ocarina.webp') center top / max(100vw,1100px) auto no-repeat;background-attachment:fixed;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071b15b3 0%,#0c211342 52%,transparent 90%),linear-gradient(0deg,#0a191be8 0%,#0a191b77 45%,transparent 82%)}.topbar{background:#071714c9;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:7px;font-size:.92rem;letter-spacing:.15em}.brand small{display:block;font-size:.63rem;color:#e7ca82;letter-spacing:.14em;margin-top:5px;font-weight:500}.brandmark{font-size:1.85rem}.heading{min-height:205px;align-items:end;margin-bottom:30px;padding:12px 0}.heading h1{font-size:clamp(2.5rem,5vw,3.7rem);text-shadow:0 3px 22px #000c}.platform-name{display:block;font-family:system-ui,sans-serif;font-size:.9rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;margin-top:10px;margin-bottom:16px;color:var(--gold)}.subtitle{color:#e1e8d8;text-shadow:0 2px 10px #000}.version-note{display:inline-block;margin:13px 0 0;max-width:570px;padding:7px 10px;background:#10221cdb;border:1px solid #bca25b55;border-radius:6px;color:#d3d9c5;font-size:.75rem;line-height:1.5}.resume{background:#183027ec;backdrop-filter:blur(8px);margin-bottom:4px}.workspace-head{background:#10211de8;padding:0 15px;border-radius:12px 12px 0 0}.workspace{background:#10211de8;border-radius:0 0 14px 14px;padding:23px 19px 30px;gap:24px;backdrop-filter:blur(9px)}.detail{background:#172624f5}.region{box-shadow:0 8px 24px #0004}.tab-sub{font-size:.7rem;opacity:.75;margin-left:5px}.compat-note{border:1px solid #8b753e;background:#3a3422;color:#ede1b8;border-radius:8px;padding:12px 15px;font-size:.84rem;line-height:1.65;margin-bottom:16px}footer{background:#0b1b18dc;margin-top:25px;border-radius:9px 9px 0 0;padding:22px 18px;flex-wrap:wrap}footer>span{white-space:normal;font-size:.7rem}.save-indicator{white-space:nowrap}@media(max-width:1050px){.save-indicator{display:none}.tabs{gap:17px}.tabs button{font-size:.88rem}.tab-sub{display:none}}@media(max-width:720px){body{background-size:760px auto;background-position:right 60px;background-attachment:scroll}body:before{background:linear-gradient(90deg,#071b15b3 0%,#0c211332 65%,transparent),linear-gradient(0deg,#0a191bed 0%,#0a191b77 38%,transparent 75%)}.brand{font-size:.89rem}.heading{position:relative;min-height:248px;align-items:start;display:block;padding:5px 0 52px;margin-bottom:18px}.heading>div{max-width:66%}.heading h1{font-size:2.28rem;line-height:1.05}.heading .eyebrow{line-height:1.65;font-size:.64rem;max-width:190px}.heading .subtitle{font-size:.82rem;line-height:1.45}.platform-name{font-size:.75rem;margin-top:13px;margin-bottom:10px}.version-note{font-size:.69rem;max-width:240px;padding:6px 8px}.resume{position:absolute;right:0;bottom:0;padding:10px 13px;margin:0}.resume span{max-width:none;font-size:.76rem}.resume small{display:none}.workspace{padding:14px 10px 20px}.workspace-head{padding:0 10px}.tabs{gap:18px}.tabs button{font-size:.81rem;flex-shrink:0}.detail-body{padding:18px 15px}.sidebar{margin-bottom:17px}.detail-hero{padding:20px 16px}.compat-note{font-size:.8rem}.regions{margin-bottom:3px}}
.glitch-chat[hidden]{display:none}.glitch-chat{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px;background:#162b25f5;border:1px solid #637b4c;border-top:0;padding:24px;margin-bottom:0}.chat-intro h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:400;margin-bottom:10px}.chat-intro p{font-size:.9rem;line-height:1.6;color:#b7c9ba}.chat-intro label{font-size:.84rem;font-weight:650}.chat-intro .chat-privacy{font-size:.77rem;color:#a3b6a6}.chat-main{min-width:0}.chat-log{max-height:320px;min-height:115px;overflow:auto;padding:4px 8px 5px 0;scrollbar-width:thin}.chat-message{background:#243d31;border:1px solid #496244;border-radius:12px;padding:13px 16px;margin:0 0 12px;max-width:95%}.chat-message.user{background:#223b41;border-color:#41666c;margin-left:auto;width:fit-content}.chat-message b{font-size:.75rem;color:var(--gold)}.chat-message p{font-size:.94rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.chat-message a{display:block;font-size:.8rem;margin:10px 0}.chat-message button,.chat-prompts button{color:#eddfb7;background:#192b22;border:1px solid #58724c;border-radius:8px;padding:9px 11px;font-size:.82rem;min-height:42px;margin:7px 6px 0 0}.chat-prompts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chat-prompts button{margin:0;font-size:.76rem;min-height:37px}.chat-main form{display:flex;gap:10px;align-items:center}.chat-main form input{background:#0e211a;border:1px solid #50684d;padding:13px;border-radius:8px;flex:1;min-width:0}.chat-main #clearChat{font-size:.75rem;margin-top:6px}@media(max-width:720px){.glitch-chat{display:block;padding:18px 14px}.chat-intro h2{font-size:1.45rem}.chat-intro .eyebrow{margin-bottom:5px}.chat-intro p{font-size:.84rem;margin-bottom:9px}.chat-intro .chat-privacy{font-size:.72rem;margin-top:0}.chat-log{max-height:300px}.chat-message{max-width:98%;padding:11px 12px}.chat-message p{font-size:.87rem}.chat-main form{gap:7px}.chat-main form .primary{padding:12px;font-size:.8rem}.chat-main form input{font-size:16px;padding:11px 9px}}
/* Compact visual markers for people scanning the guide quickly */
.guide-tab-icon,.entry-icon{display:inline-grid;place-items:center;flex:0 0 auto;font-weight:800}.guide-tab-icon{width:22px;height:22px;border-radius:7px;margin-right:7px;font-size:.8rem;vertical-align:-5px}.story-icon{color:#f3d68d;background:#594a2a}.side-icon{color:#a9d2af;background:#274e3a}.collect-icon{color:#a9d7e5;background:#254455}.tabs button{display:flex;align-items:center;gap:1px}.tabs button .tab-sub{display:block;color:inherit}.entry-icon{width:27px;height:27px;border-radius:7px;margin-top:1px;font-size:.78rem}.chapter .entry-icon{margin-left:-5px}.entry-kind{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#e6c97d;font-weight:700}.n64-mark{position:relative;display:inline-grid;place-items:center;isolation:isolate;min-width:42px;height:25px;padding:0 7px;border-radius:6px 9px 6px 9px;background:linear-gradient(135deg,#e74c3c 0 25%,#f0c84b 25% 50%,#4aa87b 50% 75%,#4b79c5 75%);color:#111b1b;font-size:.65rem;font-weight:950;letter-spacing:.08em;line-height:1;box-shadow:0 1px 0 #fff5 inset,0 2px 6px #0006;transform:skew(-8deg)}.n64-mark:after{content:'';position:absolute;inset:3px;border:1px solid #fff8;border-radius:3px 6px 3px 6px;z-index:-1}.n64-mark-small{min-width:35px;height:24px;font-size:.55rem;margin-top:2px;margin-left:-5px;margin-right:0}.chapter .n64-mark-small{align-self:flex-start}.meta-row>.n64-mark{margin:0 2px 0 0;height:28px;min-width:46px}.compat-note{display:flex;align-items:flex-start;gap:8px}.compat-note:before{content:'N64';display:grid;place-items:center;flex:0 0 auto;width:32px;height:22px;margin-top:2px;background:linear-gradient(135deg,#e74c3c 0 25%,#f0c84b 25% 50%,#4aa87b 50% 75%,#4b79c5 75%);color:#111b1b;border-radius:4px;font-size:.5rem;font-weight:950;letter-spacing:.04em}.entry-kind+.entry-kind{display:none}@media(max-width:720px){.guide-tab-icon{width:20px;height:20px;margin-right:5px}.n64-mark{min-width:39px;height:23px}.n64-mark-small{min-width:33px;height:22px}.entry-icon{width:25px;height:25px}.entry-kind{font-size:.62rem}.chapter{gap:9px}}
/* Title lockup and the three goddess blessings */
.title-lockup{position:relative}.title-series{margin:0 0 4px;color:#e6ca82;font-family:Georgia,serif;font-size:clamp(.75rem,1.3vw,1rem);font-weight:700;letter-spacing:.28em;text-shadow:0 2px 14px #000;white-space:nowrap}.title-lockup h1{margin-bottom:0;font-family:Georgia,serif;font-size:clamp(2.65rem,5.5vw,4.5rem);font-weight:400;letter-spacing:-.045em;line-height:.98;text-shadow:0 3px 24px #000,0 0 1px #fff8}.title-lockup h1:after{content:'';display:block;width:92px;height:2px;margin:16px 0 0;background:linear-gradient(90deg,var(--gold),transparent);opacity:.8}.title-lockup .platform-name{font-size:.78rem;letter-spacing:.34em;margin-top:15px;margin-bottom:13px}.title-lockup .subtitle{font-size:1.02rem;letter-spacing:.02em}.blessings{margin:0 0 26px;padding:17px 18px 18px;border:1px solid #bca25b44;border-radius:14px;background:linear-gradient(115deg,#11251fdd,#172d26c8 48%,#10201ccc);box-shadow:0 12px 34px #0004;backdrop-filter:blur(8px)}.blessings-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:13px}.blessings-head .eyebrow{margin:0}.blessings-head h2{font-family:Georgia,serif;font-weight:400;font-size:1.55rem;line-height:1.1;margin:0;color:#f2e3ad}.blessings-head>p:last-child{margin:0;color:#a9bdb0;font-size:.82rem}.blessing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.blessing-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:13px 14px;border:1px solid #ffffff20;border-radius:11px;background:#0b1b18a8;position:relative;overflow:hidden}.blessing-card:after{content:'';position:absolute;inset:auto -20% -65% 35%;height:120px;background:radial-gradient(circle,#fff4,transparent 66%);pointer-events:none}.blessing-sigil{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:1.7rem;color:#fff4cf;border:1px solid currentColor;box-shadow:0 0 18px currentColor}.blessing-goddess{font-size:.67rem;letter-spacing:.22em;font-weight:800;margin:0 0 3px;color:#f0d38c}.blessing-card h3{font-family:Georgia,serif;font-size:1.04rem;font-weight:400;margin:0 0 4px;color:#f3f0df}.blessing-card p:last-child{font-size:.75rem;line-height:1.42;margin:0;color:#b8c9be}.blessing-din{border-color:#9a5c3c88}.blessing-din .blessing-sigil{color:#e99758;background:#6e2d1955}.blessing-nayru{border-color:#568ea288}.blessing-nayru .blessing-sigil{color:#9ed6e1;background:#194a5b55}.blessing-farore{border-color:#719d6c88}.blessing-farore .blessing-sigil{color:#b9de9d;background:#285b3a55}@media(max-width:850px){.blessings-head{gap:8px 13px}.blessings-head>p:last-child{flex-basis:100%}.blessing-grid{gap:8px}.blessing-card{padding:11px;gap:10px}.blessing-sigil{width:38px;height:38px;flex-basis:38px;font-size:1.35rem}.blessing-card h3{font-size:.94rem}.blessing-card p:last-child{font-size:.7rem}}@media(max-width:720px){.title-series{font-size:.65rem;letter-spacing:.22em}.title-lockup h1{font-size:clamp(2.35rem,11vw,3.15rem);line-height:1}.title-lockup h1:after{margin-top:12px;width:68px}.title-lockup .platform-name{font-size:.67rem;margin-top:12px;margin-bottom:9px}.title-lockup .subtitle{font-size:.82rem;line-height:1.4}.blessings{margin:0 0 20px;padding:15px 12px}.blessings-head{display:block}.blessings-head h2{font-size:1.32rem;margin:5px 0 4px}.blessings-head>p:last-child{font-size:.76rem}.blessing-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 5px}.blessing-card{min-width:245px;scroll-snap-align:start;min-height:100px}.blessing-card p:last-child{font-size:.73rem}}

.app-install{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;margin:0 0 20px;background:#10251ee8;border:1px solid #51654b;border-radius:12px}.app-install>div{flex:1;min-width:180px}.app-install strong{font-size:1rem;color:var(--gold)}.app-install p{font-size:.875rem;line-height:1.5;margin:5px 0 0}.app-install button{font-size:.875rem}.app-install [hidden]{display:none}

.header-actions{display:flex;align-items:center;gap:18px}.install-top{font-size:1rem;min-height:48px;padding:12px 22px;box-shadow:0 3px 18px #e9cb8225}.install-top[hidden]{display:none}@media(max-width:1000px){.topbar .edition{display:none}}@media(max-width:720px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:14px 16px;gap:12px}.header-actions{width:100%;gap:18px}.install-top{flex:1;font-size:1rem;min-height:50px}.header-actions .textbtn{font-size:.875rem;min-height:44px}}

/* Classic Zelda logo lockup: the title stays real text for accessibility and search. */
@font-face{font-family:Triforce;src:url('fonts/triforce.ttf') format('truetype');font-display:swap;font-weight:400;font-style:normal}
.title-lockup{display:grid;grid-template-columns:clamp(48px,5.4vw,78px) minmax(0,1fr);align-items:end;column-gap:18px;min-width:0}
.title-copy{min-width:0}
.master-sword{display:block;width:clamp(48px,5.4vw,78px);height:clamp(175px,18vw,238px);object-fit:contain;object-position:center bottom;align-self:end;margin:0 0 7px;filter:drop-shadow(0 5px 10px #000b) drop-shadow(0 0 9px #94b9ff55)}
.title-series{margin:0 0 4px;color:#f0d58f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(.73rem,1.15vw,.96rem);font-weight:700;letter-spacing:.25em;text-shadow:0 2px 14px #000;white-space:nowrap}
.title-lockup .zelda-title{margin:0;color:#fff;font-family:Triforce,Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,6.7vw,6.1rem);font-weight:400;letter-spacing:.015em;line-height:.88;white-space:nowrap;text-shadow:0 3px 0 #071713,0 0 1px #fff,0 0 18px #fff3}
.title-lockup .zelda-title:after{content:'';display:block;width:112px;height:2px;margin:16px 0 0;background:linear-gradient(90deg,#fff9,var(--gold),transparent);opacity:.85}
.logo-line{display:inline}
.title-lockup .platform-name{display:block;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;font-weight:700;margin:14px 0 12px;color:var(--gold)}
.title-lockup .subtitle{font-size:1.02rem;letter-spacing:.02em}
@media(max-width:720px){
 .title-lockup{grid-template-columns:42px minmax(0,1fr);column-gap:9px;align-items:start}
 .heading>div,.heading>div.title-lockup{max-width:none}
 .master-sword{width:42px;height:169px;margin:35px 0 0;align-self:start}
 .title-copy{min-width:0}
 .title-series{font-size:.64rem;letter-spacing:.16em;white-space:normal;line-height:1.35}
 .title-lockup .zelda-title{font-size:clamp(2.85rem,12.2vw,3.5rem);line-height:.9;white-space:normal;letter-spacing:.01em}
 .logo-line{display:block}
 .title-lockup .zelda-title:after{width:72px;margin-top:12px}
 .title-lockup .platform-name{font-size:.66rem;letter-spacing:.28em;margin:11px 0 9px}
 .title-lockup .subtitle{font-size:.81rem;line-height:1.4}
}

/* Make the install fallback readable inside mobile and in-app browsers. */
.title-lockup{grid-template-columns:clamp(48px,5.4vw,78px) minmax(0,1fr) clamp(68px,8vw,112px);align-items:center}
.hyrule-shield{display:block;width:100%;max-height:205px;object-fit:contain;filter:drop-shadow(0 7px 11px #000b) drop-shadow(0 0 10px #e5bd5555)}
@media(max-width:720px){.title-lockup{grid-template-columns:36px minmax(0,1fr) 53px;column-gap:6px}.master-sword{width:36px}.hyrule-shield{max-height:116px;align-self:center}.title-lockup .zelda-title{font-size:clamp(2.25rem,10.6vw,3.2rem)}}
.install-top.install-ready{box-shadow:0 0 0 2px #fff4,0 3px 22px #e9cb8244}
.install-dialog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff1a}
.install-dialog-actions button{min-height:44px}
#copyGuideStatus{font-size:.78rem;color:#b9d8bd;line-height:1.4}
.install-ready-note{color:#d8e5d6}
.browser-install-note{margin:10px 0;padding:10px 12px;border-left:2px solid #9fc6a3;background:#10231d;color:#dce8db;border-radius:0 7px 7px 0}
.install-warning{margin:12px 0;padding:11px 12px;border:1px solid #8d733f;background:#332b1b;color:#f0e4bd;border-radius:8px}
.n64-logo{display:inline-block;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 4px #0008)}
.n64-logo-small{width:27px;height:27px;margin:0 2px 0 -5px;flex:0 0 27px}
.meta-row>.n64-logo-small{width:30px;height:30px;margin:0 2px 0 0;flex-basis:30px}
.n64-tab-icon{background:#10191a!important;padding:2px;border:1px solid #9e8544;box-shadow:0 0 8px #d7b65b66}
.n64-tab-icon img{display:block;width:18px;height:18px}
.n64-logo-hero{width:22px;height:22px;margin-right:6px}
@media(max-width:720px){.n64-logo-small{width:25px;height:25px;flex-basis:25px}.meta-row>.n64-logo-small{width:28px;height:28px;flex-basis:28px}.n64-logo-hero{width:20px;height:20px}}
.compat-note:before{content:'';width:34px;height:34px;background:url('icons/n64-logo.svg') center/contain no-repeat;border:0;box-shadow:none}

.brand-triforce{width:32px;height:32px;object-fit:cover;border-radius:6px;margin-left:3px;flex:none}

/* Keep the shield attached to the title on a portrait phone/foldable. */
@media (orientation:portrait) and (max-width:900px){
 .title-lockup{width:max-content;max-width:100%;grid-template-columns:36px minmax(0, min(60vw, 220px)) 48px;column-gap:7px;align-items:center}
 .title-copy{width:min(60vw, 220px);min-width:0}
 .master-sword{width:36px}
 .hyrule-shield{width:48px;max-height:112px;align-self:center}
 .title-lockup .zelda-title{font-size:clamp(2.1rem,9.5vw,3.1rem);white-space:normal}
}
/* Compact bilingual selector in the top-right toolbar. */
.header-actions .language-select{width:auto;min-width:58px;max-width:68px;margin:0;padding:7px 5px;min-height:36px;font-size:.76rem;letter-spacing:.06em;color:#f4e6c0;background:#13251f;border:1px solid #a38a51;border-radius:7px;flex:0 0 auto;cursor:pointer}
@media(max-width:720px){.header-actions{gap:10px}.header-actions .language-select{min-width:55px}.header-actions .textbtn{white-space:nowrap}}

/* Version selection stays in the guide rather than crowding the mobile header. */
.version-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin:0 0 22px;border:1px solid #a38a5166;border-radius:12px;background:#10251ee8}
.version-panel>div{flex:1;min-width:0}.version-panel label{display:block;font-size:1rem;font-weight:700;color:#efd391}.version-panel p{margin:6px 0 0;font-size:.9rem;line-height:1.6;color:#d4ddd3}
.version-panel select{flex:0 1 340px;width:340px;max-width:100%;margin:0;padding:12px;border-radius:8px;color:#f4e6c0;background:#13251f;border:1px solid #a38a51;font-size:1rem;min-height:44px}
.version-detail-note{margin:0 0 16px;padding:12px 14px;background:#122a25;border-left:3px solid #c6a965;border-radius:5px;color:#d6e1d5;font-size:.9rem;line-height:1.6}
@media(max-width:720px){.version-panel{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.version-panel select{flex:none;width:100%}}

/* The existing blessing cards open a keyboard-accessible detail dialog. */
.blessing-card{transition:border-color .18s,background .18s;--blessing-accent:var(--gold)}
.blessing-din{--blessing-accent:#e99758}.blessing-nayru{--blessing-accent:#9ed6e1}.blessing-farore{--blessing-accent:#b9de9d}
.blessing-card:hover{border-color:var(--blessing-accent);background:#142921}
.blessing-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent}
.blessing-card .blessing-description{font-size:.875rem;line-height:1.5;margin:0;color:#b8c9be}
.blessing-more{display:block;margin-top:9px;color:var(--blessing-accent);font-size:.875rem;font-weight:650}
.blessing-dialog{width:min(720px,calc(100% - 28px));max-width:720px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:32px;overflow-y:auto;overscroll-behavior:contain;border-color:var(--blessing-accent);--blessing-accent:var(--gold)}
.blessing-dialog[data-blessing=din]{--blessing-accent:#e99758}.blessing-dialog[data-blessing=nayru]{--blessing-accent:#9ed6e1}.blessing-dialog[data-blessing=farore]{--blessing-accent:#b9de9d}
.blessing-dialog-heading{display:flex;gap:18px;align-items:center;padding-right:22px;margin-bottom:22px}
.blessing-dialog-heading .blessing-sigil{color:var(--blessing-accent);box-shadow:0 0 18px color-mix(in srgb,var(--blessing-accent) 35%,transparent)}
.blessing-dialog-heading h2{margin:0;font-size:clamp(1.7rem,5vw,2.1rem);line-height:1.25}
.blessing-dialog-heading .eyebrow{color:var(--blessing-accent);margin-bottom:5px;font-size:.875rem}
.blessing-dialog .blessing-alias{font-size:.875rem;color:var(--muted);margin:7px 0 0;line-height:1.45}
.blessing-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 24px;padding:15px 18px;border:1px solid #ffffff20;border-radius:9px;background:#0d201c}
.blessing-facts dt{color:var(--muted);font-size:.875rem}.blessing-facts dd{margin:3px 0 0;font-weight:650;color:var(--blessing-accent);font-size:1rem}
.blessing-dialog section{margin-bottom:22px}.blessing-dialog section h3{font-size:1.05rem;color:#f2e3ad;line-height:1.4;margin:0 0 8px}
.blessing-dialog section p,.blessing-dialog section li{font-size:1rem;line-height:1.7;color:#d5e0d8;overflow-wrap:break-word}
.blessing-dialog section p{margin:0 0 10px}.blessing-dialog section ul{margin:0;padding-left:22px}.blessing-dialog section li+li{margin-top:7px}
.blessing-sources{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:.875rem;line-height:1.7}
.blessing-dialog-actions{margin-top:22px;display:flex;justify-content:flex-end}
.blessing-dialog .close{color:var(--blessing-accent);width:44px;height:44px;display:grid;place-items:center;right:9px;top:7px;padding:0}
body:has(#blessingDialog[open]){overflow:hidden}
@media(max-width:720px){.blessing-dialog{padding:24px 20px}.blessing-dialog-heading{gap:13px}.blessing-dialog-heading .blessing-sigil{width:40px;height:40px;flex-basis:40px}.blessing-dialog-actions button{width:100%}}
