:root{
  --bg:#070806; --bg2:#0d0f0a; --panel:#11140f; --panel2:#171b13;
  --text:#fffdf4; --muted:#d4d1c4; --dim:#9e9a8e;
  --gold:#e3b43d; --gold2:#ffdf7b; --grass:#73b44a; --emerald:#50d39f;
  --purple:#8c66ff; --cyan:#55d8ef; --red:#e35e47; --stone:#8e918b;
  --line:rgba(255,255,255,.12); --max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Verdana,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden;padding-bottom:82px}
body:before{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;background:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
radial-gradient(circle at 20% 10%,rgba(112,168,72,.08),transparent 28%),
radial-gradient(circle at 82% 20%,rgba(140,102,255,.09),transparent 26%);
background-size:24px 24px,24px 24px,auto,auto}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}
code{font-family:Consolas,monospace;background:#050604;border:1px solid #34392e;color:#d8ffc6;padding:.35rem .55rem}
h1,h2,h3,p{overflow-wrap:anywhere}
::selection{background:#e3b43d;color:#151006}
.world-hud{height:76px;position:sticky;top:0;z-index:90;display:grid;grid-template-columns:1fr minmax(220px,380px) 1fr;align-items:center;gap:22px;padding:0 max(18px,calc((100vw - var(--max))/2));background:linear-gradient(#11140f,#090a08);border-bottom:3px solid #2c3328;box-shadow:0 5px 0 rgba(0,0,0,.25)}
.hynoe-mark{display:flex;align-items:center;gap:12px;min-width:0}.hynoe-mark img{width:52px;height:52px;object-fit:cover;border:2px solid #5c4819;box-shadow:0 0 0 2px #17130b}.hynoe-mark span{display:grid;line-height:1}.hynoe-mark b{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.12em;color:var(--gold2);font-size:17px;text-shadow:2px 2px #000}.hynoe-mark small{font-size:9px;letter-spacing:.18em;color:#cbc4ae;margin-top:7px}
.guide-xp-top{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.12em;color:#e8e3d6}.guide-xp-track{height:12px;background:#050604;border:2px solid #34392e;box-shadow:inset 0 0 0 1px #000;margin-top:6px}.guide-xp-track i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#71b749 0 16px,#83c95a 16px 30px);transition:width .5s ease}
.journal-toggle{justify-self:end;background:#261f12;color:var(--gold2);border:2px solid #655126;border-bottom-color:#332711;padding:10px 13px;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 0 0 1px #9b7a32}.journal-toggle:hover{filter:brightness(1.15)}
.hotbar{position:fixed;z-index:80;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:rgba(13,14,11,.94);border:3px solid #595b52;box-shadow:0 0 0 3px #1f211d,0 8px 24px #000;max-width:calc(100vw - 24px)}
.hotbar-slot{width:112px;min-height:54px;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:7px;padding:7px;background:linear-gradient(#242720,#171a15);border:2px solid #4c5047;box-shadow:inset 0 0 0 2px #10120e;color:#d8d5cb}
.hotbar-slot span{height:31px;display:grid;place-items:center;background:#090a08;border:2px solid #5d6256;font-family:Consolas,monospace;color:#e8dfc3;font-weight:900}.hotbar-slot b{font-size:10px;line-height:1.15;text-transform:uppercase}.hotbar-slot:hover,.hotbar-slot.active{border-color:var(--gold2);background:linear-gradient(#3a3320,#1f1d15);color:#fff}.hotbar-slot.active span{border-color:var(--gold);color:var(--gold2)}
.quest-journal{position:fixed;z-index:120;top:0;right:0;width:min(430px,94vw);height:100%;padding:26px;background:
linear-gradient(rgba(68,50,27,.96),rgba(37,29,17,.98)),
repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);
border-left:5px solid #8d6d35;box-shadow:-20px 0 60px #000;transform:translateX(105%);transition:transform .28s ease;overflow:auto}
.quest-journal.open{transform:none}.journal-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #9d7b40;padding-bottom:18px}.journal-head small{color:#e7c574;font-weight:900;letter-spacing:.14em}.journal-head h2{margin:3px 0 0;font-family:Georgia,serif;font-size:31px}.journal-head button{background:#1b150d;color:#fff;border:2px solid #7a5d2d;width:42px;height:42px;font-size:26px;cursor:pointer}.journal-intro{color:#f0e8d7}.quest-list{display:grid;gap:9px;margin:22px 0}.journal-quest{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.11)}.journal-quest i{width:30px;height:30px;display:grid;place-items:center;border:2px solid #88724e;font-style:normal}.journal-quest.complete i{background:#6aa541;color:#fff;border-color:#9ed56f}.journal-quest b{display:block;font-size:13px}.journal-quest small{color:#c4bba6}.journal-reward{border:2px solid #665229;padding:17px;background:#19140c;opacity:.55}.journal-reward.unlocked{opacity:1;border-color:var(--gold2);box-shadow:0 0 28px rgba(227,180,61,.12)}.journal-reward span{display:block;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.14em}.journal-reward b{display:block;font:700 26px Georgia,serif;color:var(--gold2)}.journal-reward p{margin:6px 0 0;color:#ddd3bc}.journal-scrim{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:.25s}.journal-scrim.open{opacity:1;pointer-events:auto}.achievement-toast{position:fixed;z-index:130;right:26px;top:96px;width:min(340px,calc(100vw - 34px));padding:15px 18px 15px 64px;background:#14170f;border:3px solid #5b624e;box-shadow:0 8px 30px #000;transform:translateX(130%);transition:transform .35s ease}.achievement-toast:before{content:"★";position:absolute;left:15px;top:13px;width:34px;height:34px;display:grid;place-items:center;background:#2a2110;border:2px solid var(--gold);color:var(--gold2)}.achievement-toast.show{transform:none}.achievement-toast span{display:block;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.1em}.achievement-toast b{font-size:15px}
.reveal{opacity:0;transform:translateY(18px);transition:.6s opacity,.6s transform}.reveal.visible{opacity:1;transform:none}
.eyebrow{display:inline-block;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-shadow:2px 2px #000}
.mc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;min-height:48px;border:3px solid;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 -4px rgba(0,0,0,.25),0 5px 0 rgba(0,0,0,.28);transition:transform .15s,filter .15s}.mc-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.mc-button.gold{background:#c89825;border-color:#f0ce68;color:#160f04}.mc-button.stone{background:#343932;border-color:#737a6b;color:#fff}.mc-button.emerald{background:#247b5a;border-color:#56d29d;color:#fff}.mc-button.purple{background:#5f43bc;border-color:#9e83ff;color:#fff}.mc-button.big{padding:16px 23px;font-size:14px}
.world-gate{min-height:760px;position:relative;display:grid;align-items:end;padding:130px max(24px,calc((100vw - var(--max))/2)) 44px;overflow:hidden}.world-gate-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,3,.93),rgba(4,5,3,.55) 48%,rgba(4,5,3,.15)),linear-gradient(0deg,#070806,transparent 28%),url('images/cover.png') center/cover no-repeat;image-rendering:auto;transform:scale(1.06);z-index:-3}.world-gate:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 2px,transparent 2px 4px)}
.gate-copy{max-width:760px}.quest-tag{display:inline-flex;align-items:center;gap:10px;background:#11140f;border:2px solid #55614b;padding:8px 10px;margin-bottom:20px;box-shadow:4px 4px #000}.quest-tag span{font-size:9px;color:#b8c2ae;letter-spacing:.12em}.quest-tag b{font-size:11px;color:var(--gold2)}.hero-logo{width:106px;height:106px;object-fit:cover;border:3px solid #775d27;box-shadow:0 0 0 3px #1a150b,0 0 28px rgba(227,180,61,.16)}.world-name{margin:16px 0 4px;font-family:Impact,'Arial Black',sans-serif;font-size:22px;letter-spacing:.2em;color:var(--gold2);text-shadow:3px 3px #000}.world-gate h1{max-width:900px;margin:0;font-family:Impact,'Arial Black',sans-serif;font-weight:400;font-size:clamp(54px,7vw,102px);line-height:.92;letter-spacing:.015em;text-transform:uppercase;text-shadow:5px 5px #000}.world-gate h1 em{font-style:normal;color:#d8ffb4}.hero-lead{max-width:720px;font-size:19px;color:#f2f0e8;text-shadow:2px 2px #000;background:rgba(0,0,0,.22);padding:10px 12px;border-left:4px solid var(--grass)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.gate-status{grid-column:1/-1;margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,9,7,.84);border:3px solid #4c5347;box-shadow:0 0 0 3px #10120e}.gate-status div{padding:15px 18px;border-right:2px solid #33392e}.gate-status div:last-child{border:0}.gate-status small{display:block;color:#9da592;font-size:9px;letter-spacing:.12em}.gate-status b{display:block;color:#fff;margin-top:3px}.world-compass{position:absolute;right:max(24px,calc((100vw - var(--max))/2));top:160px;width:130px;height:130px;border:3px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.26);box-shadow:inset 0 0 0 8px rgba(0,0,0,.35)}.world-compass span{position:absolute;top:8px;color:var(--gold2);font-weight:900}.world-compass i{width:6px;height:54px;background:linear-gradient(var(--red) 0 50%,#e7e5df 50%);clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);transform:rotate(22deg)}.world-compass b{position:absolute;bottom:10px;font-size:9px;letter-spacing:.12em}
.world-intro{padding:80px 24px 40px}.wood-sign{max-width:850px;margin:auto;padding:34px 40px;background:linear-gradient(90deg,#5b3c1f,#76502b 50%,#54371d);border:6px solid #2a1a0c;box-shadow:inset 0 0 0 3px #a5763e,9px 9px #000;position:relative}.wood-sign:before,.wood-sign:after{content:"";position:absolute;width:17px;height:17px;background:#2b2117;border:2px solid #a68b62;top:18px}.wood-sign:before{left:18px}.wood-sign:after{right:18px}.wood-sign>span{color:#ffe7a3;font-size:10px;font-weight:900;letter-spacing:.16em}.wood-sign h2{font:700 clamp(34px,4vw,54px)/1 Georgia,serif;margin:10px 0 14px;text-shadow:2px 2px #2a1608}.wood-sign p{font-size:17px;color:#fff4dc;margin:0;text-shadow:1px 1px #2a1608}
.world-route{max-width:var(--max);margin:40px auto 0;padding:0 24px 80px;position:relative}.route-spine{position:absolute;left:50%;top:70px;bottom:80px;width:8px;transform:translateX(-50%);background:repeating-linear-gradient(0deg,#64513a 0 22px,#32271b 22px 44px);box-shadow:0 0 0 3px #111}
.route-scene{min-height:520px;margin:0 0 72px;position:relative;border:6px solid #2d312b;box-shadow:0 0 0 4px #0f110e,0 18px 38px #000;overflow:hidden;background:linear-gradient(90deg,rgba(2,3,2,.78),rgba(2,3,2,.18)),var(--scene) center/cover no-repeat}.route-scene:nth-of-type(even){background:linear-gradient(270deg,rgba(2,3,2,.78),rgba(2,3,2,.18)),var(--scene) center/cover no-repeat}.route-scene:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);pointer-events:none}.scene-sign{position:absolute;left:34px;bottom:34px;width:min(560px,calc(100% - 68px));padding:25px 28px;background:rgba(13,15,11,.93);border:4px solid #69614d;box-shadow:inset 0 0 0 2px #171914,6px 6px #000}.scene-sign.right{left:auto;right:34px}.scene-sign small{color:var(--gold2);font-weight:900;letter-spacing:.14em}.scene-sign h2{margin:7px 0 10px;font:700 clamp(31px,4vw,48px)/1.02 Georgia,serif;color:#fff}.scene-sign p{margin:0 0 14px;color:#eeece4}.scene-sign a{color:#cfffaa;font-weight:900}.scene-marker{position:absolute;z-index:4;left:50%;top:38px;transform:translateX(-50%);display:grid;place-items:center;background:#161914;border:4px solid #5c6653;box-shadow:0 0 0 4px #0d0f0b,0 7px 0 #000;min-width:132px;padding:9px 12px}.scene-marker span{width:32px;height:32px;display:grid;place-items:center;background:#2b321f;border:2px solid #8fac6d;color:#dfffbe;font-weight:900}.scene-marker b{font-size:10px;margin-top:4px;letter-spacing:.08em}
.crossroads{max-width:var(--max);margin:10px auto 90px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;min-height:460px}.crossroads-art{background:linear-gradient(0deg,rgba(7,8,6,.25),rgba(7,8,6,.08)),url('images/community.png') center/cover;border:5px solid #34392f;box-shadow:0 0 0 4px #0f110e}.crossroads-copy{padding:46px;background:#11140f;border:5px solid #34392f;border-left:0;display:flex;flex-direction:column;justify-content:center}.crossroads-copy h2{font:700 clamp(34px,4vw,58px)/1 Georgia,serif;margin:8px 0 14px}.crossroads-copy p{color:#e6e2d8;font-size:17px}.portal-callout{max-width:1050px;margin:0 auto 110px;padding:0 24px}.portal-frame{padding:22px;background:linear-gradient(90deg,#34215f,#5b35aa,#34215f);border:5px solid #191222;box-shadow:0 0 0 4px #7656c7,0 0 80px rgba(124,82,255,.18);position:relative}.portal-frame>div{padding:36px;text-align:center;background:#0b0b0c;border:3px solid #7257bd}.portal-frame small{color:#ad91ff;font-weight:900;letter-spacing:.16em}.portal-frame h2{font:700 clamp(38px,5vw,64px)/1 Georgia,serif;margin:8px 0}.portal-frame p{max-width:720px;margin:0 auto 22px;color:#ded8ec}
.chapter-hero{min-height:590px;position:relative;display:flex;align-items:end;padding:120px max(24px,calc((100vw - var(--max))/2)) 58px;background:var(--hero) center/cover no-repeat;overflow:hidden}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,3,.94),rgba(4,5,3,.58) 55%,rgba(4,5,3,.18)),linear-gradient(0deg,#070806 0,transparent 30%)}.chapter-copy{position:relative;z-index:2;max-width:830px}.chapter-number{display:inline-block;background:#11140f;border:2px solid #617057;color:#d8ffc0;font-weight:900;font-size:10px;letter-spacing:.16em;padding:7px 10px;margin-bottom:16px}.chapter-copy h1{margin:8px 0 18px;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(50px,7vw,92px);line-height:.94;text-transform:uppercase;font-weight:400;text-shadow:5px 5px #000}.chapter-copy h1 em{font-style:normal;color:var(--gold2)}.chapter-copy p{font-size:18px;color:#fff;max-width:760px;text-shadow:2px 2px #000;background:rgba(0,0,0,.24);border-left:4px solid var(--gold);padding:10px 12px}.pixel-banner{position:absolute;z-index:3;right:0;bottom:0;padding:10px 18px;background:#182015;border-left:4px solid #6a8b54;border-top:4px solid #6a8b54;color:#cfffaa;font:900 10px Consolas,monospace;letter-spacing:.1em}.pixel-banner.danger{background:#2a1210;border-color:#9e493b;color:#ffb6aa}
.adventure-layout{max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:290px 1fr;gap:34px}.mission-panel{position:sticky;top:105px;align-self:start;padding:23px;background:linear-gradient(#1a1d17,#0e100d);border:4px solid #51574c;box-shadow:0 0 0 3px #111}.mission-panel>span{color:#d4f8b8;font-size:10px;font-weight:900;letter-spacing:.13em}.mission-panel h2{font:700 28px Georgia,serif;margin:5px 0 8px}.mission-panel p{color:#d3d0c5}.mission-progress{height:13px;border:2px solid #555d4f;background:#060705;margin:18px 0 8px}.mission-progress i{display:block;height:100%;width:0;background:#6eac48;transition:width .3s}.mission-panel>b{font-size:11px;color:#d8ffc0}.quest-road{position:relative}.quest-road:before{content:"";position:absolute;left:28px;top:28px;bottom:40px;width:5px;background:repeating-linear-gradient(#555d4c 0 18px,#21251e 18px 36px)}.quest-step{position:relative;display:grid;grid-template-columns:58px 1fr;gap:22px;padding:0 0 48px}.quest-check{position:relative;z-index:2;width:58px;height:58px;background:#11140f;color:#fff;border:4px solid #57604f;font-size:24px;cursor:pointer;box-shadow:0 0 0 3px #090a08}.quest-step.complete .quest-check{background:#497f32;border-color:#8dc46c}.quest-step>div{padding:27px 30px;background:#11140f;border:3px solid #353a31;box-shadow:6px 6px #050605}.quest-step small{color:var(--gold2);font-weight:900;letter-spacing:.12em}.quest-step h2{font:700 clamp(30px,4vw,48px)/1 Georgia,serif;margin:7px 0 12px}.quest-step p{color:#e0ddd3;font-size:16px}.loot-row{display:flex;flex-wrap:wrap;gap:7px}.loot-row span{padding:6px 8px;background:#22271e;border:2px solid #4b5443;color:#cfe9bd;font-size:9px;font-weight:900}.quest-link{color:#bff7a3;font-weight:900}
.command-workbench{max-width:var(--max);margin:0 auto 100px;padding:30px 32px;background:linear-gradient(135deg,#5c3a1f,#392411);border:6px solid #24160b;box-shadow:inset 0 0 0 3px #8b5e32}.crafting-label{color:#ffe2a0;font-weight:900;font-size:11px;letter-spacing:.14em;margin-bottom:16px}.crafting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.crafting-grid code{min-height:48px;display:grid;place-items:center;text-align:center;background:#16150f;border:3px solid #726547;color:#fff}.next-quest{display:inline-flex;flex-direction:column;margin-top:24px;padding:10px 14px;background:#14170f;border:2px solid #57604f}.next-quest span{font-size:9px;color:#97a98d;letter-spacing:.14em}.next-quest b{color:#d8ffc0}
.village-guide{max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:310px 1fr;gap:42px}.npc-guide{position:sticky;top:105px;align-self:start}.npc-name{padding:11px 14px;background:#151810;border:3px solid #53604b;display:flex;justify-content:space-between}.npc-name span{font-size:9px;color:#aab5a2}.npc-name b{color:#d8ffc0}.villager-portrait{height:300px;position:relative;background:linear-gradient(#80b9d9 0 42%,#75a74c 42%);border:4px solid #4f584a;border-top:0;overflow:hidden}.villager-portrait:after{content:"";position:absolute;left:50%;bottom:-12px;width:184px;height:220px;transform:translateX(-50%);background:#a67652;box-shadow:inset 0 -58px #644b2c}.villager-portrait .hair{position:absolute;z-index:3;left:62px;right:62px;top:55px;height:55px;background:#3a2a1e}.villager-portrait .eyes{position:absolute;z-index:4;left:91px;top:126px;width:24px;height:13px;background:#77c953;box-shadow:92px 0 #77c953}.villager-portrait .nose{position:absolute;z-index:5;left:132px;top:140px;width:47px;height:58px;background:#8d6043}.villager-portrait .robe{position:absolute;z-index:4;left:74px;right:74px;bottom:0;height:82px;background:#6f4125}.dialogue-box{position:relative;padding:18px 18px 28px;background:#f4eddc;color:#2a251d;border:4px solid #6d675e;box-shadow:5px 5px #000}.dialogue-box p{margin:0;font-family:Georgia,serif;font-size:17px}.dialogue-box span{position:absolute;right:12px;bottom:7px}.village-path{display:grid;gap:22px}.guide-chapter{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px;background:#11140f;border:3px solid #353a31;box-shadow:6px 6px #050605}.guide-chapter>span{width:56px;height:56px;display:grid;place-items:center;background:#283020;border:3px solid #627650;color:#d8ffc0;font-weight:900}.guide-chapter small{color:var(--gold2);font-size:9px;letter-spacing:.13em;font-weight:900}.guide-chapter h2{font:700 clamp(28px,4vw,44px)/1 Georgia,serif;margin:5px 0 10px}.guide-chapter p{color:#e3e0d7}.heart-meter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.heart-meter i{width:19px;height:19px;background:#d8483d;transform:rotate(45deg);position:relative;margin:4px}.heart-meter i:before,.heart-meter i:after{content:"";position:absolute;width:19px;height:19px;background:inherit;border-radius:50%}.heart-meter i:before{left:-9px}.heart-meter i:after{top:-9px}.heart-meter i.empty{background:#514c47}.heart-meter b{margin-left:14px;font-size:11px;color:#d6d0c3}.village-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.village-locations>div{padding:12px;background:#1a1e17;border:2px solid #3c4537}.village-locations b{display:block;font-size:23px;color:#d8ffc0}.village-locations strong{display:block;font-size:10px}.village-locations p{font-size:12px;margin:4px 0;color:#cfcbbf}.settlement-map{max-width:var(--max);margin:0 auto 90px;padding:32px;background:linear-gradient(#433c2a,#2d281b);border:5px solid #17150f;box-shadow:inset 0 0 0 3px #6d6244}.map-title small{color:#ffe5a2;font-weight:900;letter-spacing:.14em}.map-title h2{font:700 clamp(32px,4vw,50px)/1 Georgia,serif;margin:6px 0 26px}.map-line{display:flex;align-items:center;gap:10px;overflow-x:auto}.map-line div{min-width:135px;padding:13px;background:#f0e2bd;color:#2a241b;border:3px solid #8b7446;box-shadow:3px 3px #1f190f}.map-line span{font-size:9px;font-weight:900}.map-line b{display:block;font-family:Georgia,serif}.map-line i{font-style:normal;color:#f7d678}.settler-registry{max-width:var(--max);margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:1fr .9fr;gap:36px}.registry-form{padding:34px;background:#11140f;border:4px solid #394033}.registry-form h2{font:700 clamp(36px,5vw,58px)/1 Georgia,serif;margin:8px 0 12px}.registry-form p{color:#dad6cb}.registry-form form{display:grid;gap:14px;margin-top:22px}.registry-form label,.registry-form fieldset{display:grid;gap:7px;color:#eee;font-size:12px;font-weight:900}.registry-form input,.registry-form select{width:100%;padding:13px;background:#070806;border:3px solid #4a5245;color:#fff;font-size:16px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.registry-form fieldset{border:2px solid #40473c;padding:12px}.swatches{display:flex;gap:8px}.swatches button{width:42px;height:42px;border:3px solid #ddd;cursor:pointer}.swatches button:nth-child(1){background:#d6a72b}.swatches button:nth-child(2){background:#7b61ff}.swatches button:nth-child(3){background:#4cc9a7}.swatches button:nth-child(4){background:#dc644f}.settler-card{--card-accent:#d6a72b;position:sticky;top:105px;align-self:start;padding:27px;background:linear-gradient(160deg,color-mix(in srgb,var(--card-accent),#0b0a08 90%),#080907 60%);border:4px solid color-mix(in srgb,var(--card-accent),#000 40%);box-shadow:0 0 0 3px #0a0b09,8px 8px #000}.card-top{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid rgba(255,255,255,.16);padding-bottom:12px;color:var(--card-accent);font-size:10px;font-weight:900}.avatar-block{width:170px;height:170px;margin:27px auto;background:#a97456;position:relative;box-shadow:inset 0 -40px #81513c,0 0 0 8px color-mix(in srgb,var(--card-accent),#000 45%)}.avatar-hair{position:absolute;left:0;right:0;top:0;height:50px;background:#2a1d16;box-shadow:22px -12px #2a1d16,103px -7px #2a1d16}.avatar-eyes:before,.avatar-eyes:after{content:"";position:absolute;top:74px;width:19px;height:11px;background:var(--card-accent)}.avatar-eyes:before{left:36px}.avatar-eyes:after{right:36px}.settler-card>small,.profile-row small{color:#a7a195;font-size:9px;letter-spacing:.14em}.settler-card h3{font:700 40px Georgia,serif;margin:0 0 17px}.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.profile-row div{border-top:2px solid rgba(255,255,255,.12);padding-top:11px}.profile-row b{display:block}.settler-card blockquote{margin:24px 0;padding:16px;border-left:4px solid var(--card-accent);background:rgba(255,255,255,.035);font:italic 18px Georgia,serif}.next-zone{max-width:var(--max);margin:0 auto 100px;padding:28px 32px;background:#14170f;border:4px solid #3c4438;display:flex;justify-content:space-between;align-items:center;gap:24px}.next-zone small{color:#aeb7a6}.next-zone h2{font:700 34px Georgia,serif;margin:3px 0}
.loop-altar{max-width:var(--max);margin:70px auto;padding:34px 24px;text-align:center}.loop-altar small{color:var(--gold2);font-weight:900;letter-spacing:.14em}.loop-altar h2{font:700 clamp(35px,5vw,58px)/1 Georgia,serif}.loop-orbit{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.loop-orbit span{padding:14px 16px;background:#14180f;border:3px solid #485240;color:#d9ffc1;font-weight:900}.loop-orbit i{font-style:normal;color:#75806e}.gear-forge{max-width:var(--max);margin:0 auto;padding:0 24px 90px}.forge-copy{max-width:760px}.forge-copy h2{font:700 clamp(35px,5vw,58px)/1 Georgia,serif;margin:8px 0}.forge-copy p{color:#d8d4ca}.gear-path{margin-top:36px;display:flex;align-items:center;gap:8px;overflow-x:auto;padding:18px 4px}.gear-path>i{font-style:normal;color:#697263}.gear-crystal{min-width:130px;min-height:118px;background:#171a16;border:4px solid #4b5248;color:#fff;cursor:pointer;clip-path:polygon(10% 0,90% 0,100% 14%,100% 86%,90% 100%,10% 100%,0 86%,0 14%)}.gear-crystal span{display:block;color:#a5ad9f;font-size:10px}.gear-crystal b{font:700 18px Georgia,serif}.gear-crystal.selected{border-color:#d8ffc0;background:#27351f}.gear-crystal.cyan{border-color:#338ea1}.gear-crystal.purple{border-color:#6f4ca9}.gear-crystal.violet{border-color:#855ad5}.gear-crystal.gold{border-color:#c89d2f;color:#ffdf7b}.gear-inspector{margin-top:22px;padding:28px;background:linear-gradient(90deg,#131711,#0b0d0a);border:4px solid #3f483b;box-shadow:6px 6px #000}.gear-inspector small{color:var(--gold2);font-weight:900;letter-spacing:.14em}.gear-inspector h3{font:700 43px Georgia,serif;margin:5px 0 8px}.gear-inspector p{max-width:780px;color:#e0ddd3}.phase-biomes{max-width:var(--max);margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.phase-biome{min-height:250px;padding:22px;background:linear-gradient(#172017,#0e110d);border:3px solid #354133}.phase-biome:nth-child(2){background:linear-gradient(#1b1d19,#11120f)}.phase-biome:nth-child(3){background:linear-gradient(#211b12,#12100c)}.phase-biome:nth-child(4){background:linear-gradient(#151323,#0c0b12)}.phase-biome:nth-child(5){background:linear-gradient(#24150f,#110b08)}.phase-biome span{color:var(--gold2);font-size:9px;font-weight:900}.phase-biome h3{font:700 25px Georgia,serif}.phase-biome p{color:#d8d4ca;font-size:13px}.design-rule{max-width:var(--max);margin:0 auto 100px;padding:35px 24px;text-align:center;border-top:4px solid #3b4337;border-bottom:4px solid #3b4337;background:#0d100c}.design-rule>span{color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.14em}.design-rule>p{font:700 clamp(32px,5vw,60px)/1 Georgia,serif;margin:12px 0}
.market-square{max-width:var(--max);margin:80px auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.market-stall{position:relative;padding:44px 24px 24px;background:#12150f;border:4px solid #4b5146;box-shadow:6px 6px #000}.stall-awning{position:absolute;left:-4px;right:-4px;top:-4px;height:27px;background:repeating-linear-gradient(90deg,#6f4f24 0 26px,#e2c26d 26px 52px);border-bottom:4px solid #372816}.market-stall.tokens .stall-awning{background:repeating-linear-gradient(90deg,#4f3397 0 26px,#a282ff 26px 52px)}.market-stall.jobs .stall-awning{background:repeating-linear-gradient(90deg,#315f48 0 26px,#72c69d 26px 52px)}.market-stall>span{font-size:36px;color:var(--gold2)}.market-stall h2{font:700 31px Georgia,serif;margin:6px 0}.market-stall p{color:#dedad0}.stall-foot{margin:21px -24px -24px;padding:10px 24px;background:#090b08;color:#a8aa9f;font-size:9px;letter-spacing:.12em}.job-note{color:#a6e8c6}.vault-room{max-width:var(--max);margin:auto;padding:20px 24px 100px}.vault-heading{max-width:780px}.vault-heading h2{font:700 clamp(36px,5vw,58px)/1 Georgia,serif;margin:8px 0}.vault-console{margin-top:30px;padding:22px;background:linear-gradient(#292b29,#171817);border:6px solid #585b57;box-shadow:inset 0 0 0 3px #0c0d0c,8px 8px #000}.vault-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.vault-tabs button{padding:10px 12px;background:#0d0f0d;border:3px solid #484d47;color:#cfcfc8;font-size:10px;font-weight:900;cursor:pointer}.vault-tabs button.active{border-color:var(--gold2);color:var(--gold2)}.vault-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.vault-grid article{min-height:110px;padding:14px;background:#0e100e;border:3px solid #3f443e}.vault-grid article.hidden{display:none}.vault-grid b{color:var(--gold2)}.vault-grid h3{font:700 16px Georgia,serif;margin:7px 0}.no-sale-sign{margin-top:18px;padding:16px 20px;background:#2a1510;border:4px solid #794033}.no-sale-sign b{display:block;color:#ffb29e}.no-sale-sign span{font-weight:900}.no-sale-sign p{margin:3px 0;color:#e5cdc5}
.boss-map{max-width:var(--max);margin:80px auto;padding:0 24px}.boss-map-title{max-width:770px}.boss-map-title h2{font:700 clamp(36px,5vw,60px)/1 Georgia,serif;margin:8px 0}.sigil-route{margin:38px 0;display:flex;align-items:center;gap:10px;overflow-x:auto}.sigil-route>i{font-style:normal;color:#866f65}.boss-sigil{min-width:145px;padding:18px;background:#15100e;border:4px solid #56362d;text-align:center}.boss-sigil div{width:62px;height:62px;margin:auto;display:grid;place-items:center;border:4px double #d26f54;transform:rotate(45deg);color:#ffc2b1;font-weight:900}.boss-sigil div::first-line{transform:rotate(-45deg)}.boss-sigil span{display:block;margin-top:17px;font:700 19px Georgia,serif}.final-shrine{position:relative;padding:42px;background:radial-gradient(circle at 50% 0,rgba(227,180,61,.16),transparent 35%),#0c0d0a;border:5px solid #6f5927;text-align:center;box-shadow:0 0 0 4px #17140b}.final-shrine small{color:var(--gold2);font-weight:900;letter-spacing:.16em}.final-shrine h2{font:700 clamp(36px,5vw,62px)/1 Georgia,serif;color:#ffe194;margin:8px 0}.final-shrine p{max-width:800px;margin:auto;color:#e3dfd3}.boss-camp{max-width:var(--max);margin:0 auto 80px;padding:32px 24px;display:grid;grid-template-columns:120px .6fr 1.4fr;gap:25px;align-items:center;background:#16120f;border-top:4px solid #5b4437;border-bottom:4px solid #5b4437}.campfire{position:relative;height:120px}.campfire i:nth-child(1),.campfire i:nth-child(2){position:absolute;bottom:16px;left:22px;width:80px;height:14px;background:#6b421f;transform:rotate(24deg)}.campfire i:nth-child(2){transform:rotate(-24deg)}.campfire i:nth-child(3){position:absolute;left:40px;bottom:30px;width:45px;height:70px;background:linear-gradient(#ffd36b,#ef6b2f 55%,#a8331d);clip-path:polygon(50% 0,90% 55%,70% 100%,30% 100%,10% 55%)}.boss-camp small{color:#ffb29e}.boss-camp h2{font:700 39px Georgia,serif;margin:4px 0}.boss-camp ol{margin:0;color:#e5ddd6}.boss-camp li{padding:7px}.side-encounters{max-width:var(--max);margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.encounter-card{padding:24px;background:#11110f;border:3px solid #4b4038}.encounter-card span{color:#ffb29e;font-size:9px;font-weight:900}.encounter-card h3{font:700 27px Georgia,serif}.encounter-card p{color:#ded8d1}
.portal-hero{min-height:720px;position:relative;display:grid;place-items:center;padding:120px 24px 70px;overflow:hidden}.portal-landscape{position:absolute;inset:0;z-index:-3;background:linear-gradient(rgba(5,5,5,.25),rgba(5,5,5,.78)),url('images/adventure.png') center/cover}.portal-gateway{position:absolute;z-index:-1;width:min(430px,60vw);height:560px;border:32px solid #19171a;box-shadow:0 0 0 8px #5f42a9,0 0 60px rgba(126,78,255,.5),inset 0 0 50px rgba(126,78,255,.7);background:repeating-linear-gradient(90deg,rgba(126,79,255,.7) 0 6px,rgba(78,39,165,.7) 6px 12px);filter:saturate(1.2)}.portal-copy{max-width:820px;text-align:center;position:relative;z-index:2;background:rgba(6,6,7,.73);border:3px solid rgba(180,155,255,.45);padding:34px}.portal-copy h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(50px,7vw,90px);line-height:.94;text-transform:uppercase;font-weight:400;margin:8px 0;text-shadow:5px 5px #000}.portal-copy h1 em{font-style:normal;color:#c4afff}.portal-copy p{font-size:18px}.join-path{max-width:var(--max);margin:80px auto;padding:0 24px;display:grid;gap:15px}.join-step{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:24px;background:#11140f;border:3px solid #3b4337}.join-step>span{width:72px;height:72px;display:grid;place-items:center;background:#20271c;border:4px solid #5c7150;color:#d8ffc0;font-size:20px;font-weight:900}.join-step small{color:var(--gold2);font-weight:900;letter-spacing:.12em}.join-step h2{font:700 36px Georgia,serif;margin:4px 0}.join-step p{color:#dedbd1}.server-code{max-width:var(--max);margin:0 auto 90px;padding:30px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:4px solid #3f463a;border-bottom:4px solid #3f463a;background:#0f120e}.code-block span{color:#d8ffc0;font-size:10px;font-weight:900}.code-block h2{font:700 43px Georgia,serif;margin:6px 0}.server-code p{color:#e2ded4}.arrival-screen{max-width:900px;margin:0 auto 110px;padding:45px 24px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(227,180,61,.12),transparent 30%),#10130e;border:5px solid #4a5641;box-shadow:0 0 0 4px #0a0c09}.arrival-screen img{width:120px;height:120px;object-fit:cover;margin:0 auto 12px;border:3px solid #80642a}.arrival-screen small{color:var(--gold2);font-weight:900;letter-spacing:.16em}.arrival-screen h2{font:700 clamp(38px,5vw,64px)/1 Georgia,serif;margin:8px 0}.arrival-screen p{color:#d8d5ca}
.site-footer{max-width:var(--max);margin:0 auto;padding:50px 24px 20px;border-top:3px solid #33382e;display:grid;grid-template-columns:1fr auto;gap:25px;color:#bcb8ad}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:58px;height:58px;object-fit:cover;border:2px solid #5f4b20}.footer-brand strong{display:block;color:var(--gold2);font-family:Impact,'Arial Black',sans-serif;letter-spacing:.12em}.footer-brand span{display:block;max-width:580px;font-size:13px}.footer-links{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:11px;color:#d9d4c8}.site-footer>small{grid-column:1/-1;color:#77766f}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:980px){
 .world-hud{grid-template-columns:1fr auto}.guide-xp{display:none}.journal-toggle{grid-column:2}
 .hotbar-slot{width:80px;grid-template-columns:1fr;text-align:center}.hotbar-slot span{display:none}.hotbar-slot b{font-size:9px}
 .world-compass{display:none}.gate-status{grid-template-columns:1fr 1fr}
 .crossroads,.settler-registry,.server-code{grid-template-columns:1fr}.crossroads-copy{border-left:5px solid #34392f;border-top:0}
 .adventure-layout,.village-guide{grid-template-columns:1fr}.mission-panel,.npc-guide,.settler-card{position:relative;top:auto}
 .phase-biomes{grid-template-columns:1fr 1fr}.market-square{grid-template-columns:1fr}.vault-grid{grid-template-columns:repeat(3,1fr)}
 .boss-camp{grid-template-columns:100px 1fr}.boss-camp ol{grid-column:1/-1}.side-encounters{grid-template-columns:1fr 1fr}
 .crafting-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
 body{padding-bottom:74px}.world-hud{height:68px;padding:0 12px}.hynoe-mark img{width:45px;height:45px}.hynoe-mark small{display:none}.journal-toggle{padding:8px;font-size:10px}
 .hotbar{bottom:6px;max-width:calc(100vw - 10px);overflow-x:auto;left:5px;right:5px;transform:none}.hotbar-slot{min-width:76px;width:76px;min-height:47px}
 .world-gate{min-height:780px;padding:105px 17px 28px}.world-gate h1{font-size:52px}.hero-lead{font-size:16px}.gate-status{grid-template-columns:1fr}.gate-status div{border-right:0;border-bottom:2px solid #33392e}
 .route-spine{left:27px}.route-scene{min-height:530px;margin-left:24px}.scene-marker{left:0;transform:translateX(-52%);top:24px;min-width:74px}.scene-marker b{display:none}.scene-sign,.scene-sign.right{left:18px;right:18px;bottom:18px;width:auto;padding:20px}.scene-sign h2{font-size:31px}
 .crossroads{grid-template-columns:1fr}.crossroads-art{min-height:280px}.crossroads-copy{padding:28px}
 .chapter-hero{min-height:600px;padding:100px 18px 42px}.chapter-copy h1{font-size:49px}.chapter-copy p{font-size:16px}.pixel-banner{left:0;right:auto;max-width:100%}
 .adventure-layout,.village-guide{padding:65px 18px}.quest-step{grid-template-columns:48px 1fr;gap:14px}.quest-road:before{left:23px}.quest-check{width:48px;height:48px}.quest-step>div{padding:21px}
 .command-workbench{margin:0 18px 80px;padding:22px}.crafting-grid{grid-template-columns:1fr 1fr}
 .guide-chapter{grid-template-columns:44px 1fr;padding:21px;gap:13px}.guide-chapter>span{width:44px;height:44px}.village-locations{grid-template-columns:1fr}.settlement-map{margin:0 18px 70px;padding:22px}.settler-registry{padding:0 18px}.registry-form{padding:24px}.form-two,.profile-row{grid-template-columns:1fr}.next-zone{margin:0 18px 80px;display:block}.next-zone .next-quest{margin-top:18px}
 .gear-forge,.phase-biomes,.market-square,.vault-room,.boss-map,.side-encounters,.join-path{padding-left:18px;padding-right:18px}.phase-biomes{grid-template-columns:1fr}.vault-grid{grid-template-columns:1fr 1fr}
 .boss-camp{margin-left:18px;margin-right:18px;grid-template-columns:1fr}.campfire{display:none}.side-encounters{grid-template-columns:1fr}.sigil-route{padding-bottom:10px}
 .portal-hero{min-height:680px}.portal-gateway{width:82vw;height:520px}.portal-copy{padding:25px 18px}.portal-copy h1{font-size:49px}
 .join-step{grid-template-columns:58px 1fr;padding:19px}.join-step>span{width:58px;height:58px}.server-code{margin:0 18px 70px}.arrival-screen{margin:0 18px 90px}.site-footer{grid-template-columns:1fr;padding-bottom:15px}.footer-links{justify-content:flex-start}
}


/* ============================================================
   HYNOE SMP v3 — WORLD ATMOSPHERE LAYER
   Every chapter now lives inside a continuous scenic world.
   ============================================================ */
body[data-page]{
  --world-bg:url('images/cover.png');
  --world-pos:center;
  --world-wash:rgba(7,8,6,.70);
  --world-accent:#73b44a;
  background-color:#070806;
  isolation:isolate;
}
body[data-page="home"]{--world-bg:url('images/cover.png');--world-pos:center 28%;--world-wash:rgba(7,8,6,.66);--world-accent:#73b44a}
body[data-page="start"]{--world-bg:url('images/first_day.png');--world-pos:center 42%;--world-wash:rgba(7,10,6,.70);--world-accent:#82c958}
body[data-page="mca"]{--world-bg:url('images/community.png');--world-pos:center 40%;--world-wash:rgba(8,9,6,.68);--world-accent:#e3b43d}
body[data-page="progression"]{--world-bg:url('images/progression.png');--world-pos:center 38%;--world-wash:rgba(5,7,8,.72);--world-accent:#55d8ef}
body[data-page="economy"]{--world-bg:url('images/community.png');--world-pos:62% 52%;--world-wash:rgba(9,8,5,.74);--world-accent:#e3b43d}
body[data-page="bosses"]{--world-bg:url('images/adventure.png');--world-pos:center 45%;--world-wash:rgba(10,4,3,.76);--world-accent:#e35e47}
body[data-page="join"]{--world-bg:url('images/adventure.png');--world-pos:center 40%;--world-wash:rgba(6,4,10,.72);--world-accent:#8c66ff}
body[data-page]::after{
  content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;
  background:
    linear-gradient(var(--world-wash),var(--world-wash)),
    linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.58)),
    var(--world-bg) var(--world-pos)/cover no-repeat;
  transform:scale(1.045) translateY(calc(var(--world-scroll,0px) * -.018));
  filter:saturate(1.08) contrast(1.05);
}
body[data-page] main{position:relative;z-index:1}
body[data-page] main::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--world-accent),transparent 91%),transparent 23%),
    radial-gradient(circle at 88% 63%,color-mix(in srgb,var(--world-accent),transparent 94%),transparent 28%),
    linear-gradient(180deg,transparent 0,#070806 96%);
}

/* persistent in-world location plaque */
.world-context{position:fixed;z-index:70;left:18px;top:94px;display:flex;align-items:stretch;gap:0;pointer-events:none;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.55))}
.world-context .wc-icon{width:42px;display:grid;place-items:center;background:#15190f;border:3px solid #52604a;color:#d8ffc0;font:900 16px Consolas,monospace}
.world-context .wc-copy{padding:7px 11px;background:rgba(11,13,9,.94);border:3px solid #52604a;border-left:0;min-width:150px}
.world-context small{display:block;color:#9daa92;font-size:8px;letter-spacing:.13em;font-weight:900}.world-context b{display:block;color:#fff;font-size:11px;letter-spacing:.06em;margin-top:1px}.world-context em{display:block;color:var(--world-accent);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.1em;margin-top:2px}

/* ambient pixels / fireflies - decorative only */
.world-particles{position:fixed;inset:76px 0 0;z-index:-2;pointer-events:none;overflow:hidden}
.world-particles i{position:absolute;width:4px;height:4px;background:var(--world-accent);opacity:.22;box-shadow:0 0 10px color-mix(in srgb,var(--world-accent),transparent 25%);animation:hynoeFloat linear infinite}
.world-particles i:nth-child(1){left:7%;top:17%;animation-duration:13s}.world-particles i:nth-child(2){left:19%;top:68%;animation-duration:18s;width:3px;height:3px}.world-particles i:nth-child(3){left:39%;top:31%;animation-duration:15s}.world-particles i:nth-child(4){left:58%;top:79%;animation-duration:21s;width:5px;height:5px}.world-particles i:nth-child(5){left:73%;top:22%;animation-duration:16s}.world-particles i:nth-child(6){left:88%;top:61%;animation-duration:19s;width:3px;height:3px}.world-particles i:nth-child(7){left:96%;top:39%;animation-duration:14s}.world-particles i:nth-child(8){left:48%;top:11%;animation-duration:22s;width:3px;height:3px}
@keyframes hynoeFloat{0%{transform:translate3d(0,24px,0);opacity:0}18%{opacity:.28}50%{transform:translate3d(10px,-18px,0);opacity:.18}82%{opacity:.28}100%{transform:translate3d(-8px,-70px,0);opacity:0}}

/* stronger chapter cinematography + readable body continuity */
.chapter-hero{min-height:650px;border-bottom:6px solid #1d211a;box-shadow:0 16px 0 rgba(0,0,0,.22)}
.chapter-hero::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:34px;background:repeating-linear-gradient(90deg,#11150f 0 42px,#0b0d0a 42px 84px);clip-path:polygon(0 45%,5% 45%,5% 70%,10% 70%,10% 35%,15% 35%,15% 68%,20% 68%,20% 42%,25% 42%,25% 75%,30% 75%,30% 38%,35% 38%,35% 65%,40% 65%,40% 43%,45% 43%,45% 72%,50% 72%,50% 37%,55% 37%,55% 66%,60% 66%,60% 46%,65% 46%,65% 73%,70% 73%,70% 41%,75% 41%,75% 67%,80% 67%,80% 44%,85% 44%,85% 74%,90% 74%,90% 40%,95% 40%,95% 67%,100% 67%,100% 100%,0 100%)}
.chapter-copy{padding:18px 20px 20px;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.18));border-left:5px solid var(--world-accent);backdrop-filter:blur(2px)}
.chapter-copy p,.hero-lead,.scene-sign p,.quest-step p,.guide-chapter p,.phase-biome p,.market-stall p,.boss-map p,.join-step p,.server-code p{color:#f3f1ea}

/* make the chapter interiors feel like one continuous world, not isolated cards */
.adventure-layout,.village-guide,.gear-forge,.market-square,.boss-map,.join-path,.vault-room,.side-encounters,.phase-biomes,.settler-registry{
  position:relative;
}
.adventure-layout::before,.village-guide::before,.gear-forge::before,.market-square::before,.boss-map::before,.join-path::before,.vault-room::before,.side-encounters::before,.phase-biomes::before,.settler-registry::before{
  content:"";position:absolute;z-index:-1;inset:-22px 0;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);
  background:linear-gradient(90deg,rgba(5,7,5,.72),rgba(10,12,8,.55) 50%,rgba(5,7,5,.72));
  box-shadow:0 0 70px rgba(0,0,0,.38);backdrop-filter:blur(2px)
}
body[data-page="mca"] .village-guide::before,body[data-page="economy"] .market-square::before{background:linear-gradient(90deg,rgba(12,10,5,.76),rgba(19,16,8,.58),rgba(12,10,5,.76))}
body[data-page="progression"] .gear-forge::before,body[data-page="progression"] .phase-biomes::before{background:linear-gradient(90deg,rgba(4,9,12,.78),rgba(7,15,18,.58),rgba(4,9,12,.78))}
body[data-page="bosses"] .boss-map::before,body[data-page="bosses"] .side-encounters::before{background:linear-gradient(90deg,rgba(13,5,3,.80),rgba(17,7,5,.62),rgba(13,5,3,.80))}

/* world-edge decor makes sections merge with scenery */
.adventure-layout::after,.village-guide::after,.gear-forge::after,.market-square::after,.boss-map::after,.join-path::after{
  content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-22px;height:18px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--world-accent),#111 78%) 0 28px,#11140f 28px 56px);opacity:.55
}

/* upgraded readability */
.quest-step>div,.guide-chapter,.registry-form,.market-stall,.vault-console,.boss-sigil,.join-step,.gear-inspector,.phase-biome,.mission-panel,.settler-card{backdrop-filter:blur(4px)}
.quest-step>div,.guide-chapter,.registry-form,.market-stall,.join-step,.gear-inspector,.phase-biome{background-color:rgba(14,17,12,.92)}
body[data-page="bosses"] .boss-sigil,body[data-page="bosses"] .encounter-card{background-color:rgba(20,10,8,.94)}
body[data-page="economy"] .market-stall{background-color:rgba(17,18,12,.94)}

/* biome title cards */
.biome-card{max-width:var(--max);margin:-24px auto 54px;padding:0 24px;position:relative;z-index:5}.biome-card-inner{display:flex;align-items:center;gap:16px;padding:13px 16px;background:rgba(10,12,8,.92);border:3px solid #4a5345;box-shadow:6px 6px #000}.biome-card i{width:38px;height:38px;display:grid;place-items:center;background:#1c2518;border:3px solid #607054;color:var(--world-accent);font-style:normal;font-weight:900}.biome-card small{display:block;color:#a5ad9d;font-size:8px;letter-spacing:.14em;font-weight:900}.biome-card b{display:block;color:#fff;font-size:13px;margin-top:2px}.biome-card span{margin-left:auto;color:var(--world-accent);font:900 10px Consolas,monospace}

/* economy visual depth */
.market-square{padding-top:36px}.market-stall{min-height:310px;display:flex;flex-direction:column}.market-stall p{flex:1}.market-stall::after{content:"";position:absolute;left:9%;right:9%;bottom:-12px;height:12px;background:#4e341b;box-shadow:0 7px #211308}.market-stall.tokens::after{background:#4b347f}.market-stall.jobs::after{background:#315b47}
.vault-console{box-shadow:inset 0 0 0 3px #0c0d0c,8px 8px #000,0 0 45px rgba(227,180,61,.08)}
.vault-grid article{transition:transform .15s,border-color .15s,background .15s}.vault-grid article:hover{transform:translateY(-3px);border-color:var(--gold2);background:#171a13}

/* village world depth */
.villager-portrait{box-shadow:inset 0 0 60px rgba(0,0,0,.25),7px 7px #000}.dialogue-box{font-size:16px}.guide-chapter{transition:border-color .2s,transform .2s}.guide-chapter:hover{border-color:#667a58;transform:translateX(3px)}

/* progression visual depth */
.gear-crystal{transition:transform .18s,filter .18s}.gear-crystal:hover{transform:translateY(-5px);filter:brightness(1.12)}.gear-crystal.selected{box-shadow:0 0 24px color-mix(in srgb,var(--world-accent),transparent 76%)}

/* boss visual depth */
.final-shrine{overflow:hidden}.final-shrine::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% -10%,transparent 0 20px,rgba(227,180,61,.04) 21px 23px)}.boss-sigil{transition:transform .18s,border-color .18s}.boss-sigil:hover{transform:translateY(-5px);border-color:#a45642}

/* join portal continuity */
body[data-page="join"] .server-code,body[data-page="join"] .arrival-screen{backdrop-filter:blur(4px);background-color:rgba(11,10,14,.90)}

@media(max-width:980px){.world-context{display:none}.adventure-layout::before,.village-guide::before,.gear-forge::before,.market-square::before,.boss-map::before,.join-path::before,.vault-room::before,.side-encounters::before,.phase-biomes::before,.settler-registry::before{inset:-14px 0}.biome-card{margin-top:-12px}}
@media(max-width:650px){body[data-page]::after{background-position:center top;transform:scale(1.08)}.biome-card{padding:0 18px;margin-bottom:36px}.biome-card-inner{padding:10px}.biome-card span{display:none}.chapter-copy{padding:14px}.world-particles{display:none}}


/* v4: compact action HUD */
.hud-actions{justify-self:end;display:flex;align-items:center;gap:6px}
.hud-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:2px solid;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 -3px rgba(0,0,0,.25)}
.hud-action.pack{background:#8d6b1c;border-color:#e9c75e;color:#fff8d7}.hud-action.discord{background:#4d3ca1;border-color:#8d7ce7;color:#fff}
.hero-subactions{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.hero-subactions a,.hero-subactions button{background:none;border:0;padding:0;color:#d9d5ca;cursor:pointer}.hero-subactions a:hover,.hero-subactions button:hover{color:#fff}

/* v4: less crowded / smaller content cards */
.world-intro{padding-top:54px;padding-bottom:28px}.wood-sign{max-width:780px;padding:27px 32px}.wood-sign h2{font-size:clamp(31px,3.5vw,47px)}
.world-route{padding-bottom:58px}.route-scene{min-height:430px;margin-bottom:48px}.scene-sign{width:min(500px,calc(100% - 64px));padding:20px 22px}.scene-sign h2{font-size:clamp(28px,3.2vw,40px)}.scene-sign p{font-size:14px}
.crossroads{min-height:390px;margin-bottom:62px}.crossroads-copy{padding:34px}.crossroads-copy h2{font-size:clamp(31px,3.6vw,48px)}
.portal-callout{margin-bottom:80px}.portal-frame>div{padding:28px}.portal-frame h2{font-size:clamp(34px,4vw,52px)}
.chapter-hero{min-height:520px;padding-bottom:46px}.chapter-copy h1{font-size:clamp(46px,6vw,76px)}.chapter-copy p{font-size:16px}
.adventure-layout,.village-guide{padding-top:66px;padding-bottom:66px;gap:26px}.mission-panel{padding:19px}.quest-step{padding-bottom:30px}.quest-step>div{padding:21px 24px}.quest-step h2{font-size:clamp(27px,3.3vw,39px)}.quest-step p{font-size:14px}
.guide-chapter{padding:21px;gap:16px}.guide-chapter h2{font-size:clamp(25px,3.1vw,37px)}.guide-chapter p{font-size:14px}
.settlement-map{margin-bottom:65px;padding:25px}.settler-registry{margin-bottom:72px;gap:28px}.registry-form,.settler-card{padding:25px}
.loop-altar{margin:54px auto;padding:26px 24px}.gear-forge{padding-bottom:62px}.gear-crystal{min-width:116px;min-height:102px}.gear-inspector{padding:22px}.phase-biomes{margin-bottom:70px}.phase-biome{min-height:210px;padding:18px}
.market-square{margin:60px auto;gap:10px}.market-stall{min-height:255px;padding:38px 20px 20px}.market-stall h2{font-size:27px}.market-stall p{font-size:14px}.stall-foot{margin-left:-20px;margin-right:-20px;margin-bottom:-20px}
.vault-room{padding-bottom:72px}.vault-console{padding:17px}.vault-grid{gap:6px}.vault-grid article{min-height:92px;padding:12px}.vault-grid h3{font-size:14px}
.boss-map{margin:60px auto}.boss-sigil{min-width:128px;padding:15px}.final-shrine{padding:32px}.boss-camp{margin-bottom:60px;padding:25px 22px}.side-encounters{margin-bottom:72px}
.join-path{margin:60px auto;gap:10px}.join-step{padding:19px}.join-step>span{width:60px;height:60px}.join-step h2{font-size:31px}.join-step p{font-size:14px}
.server-code{margin-bottom:65px}.arrival-screen{margin-bottom:80px;padding:34px 24px}
.site-footer{padding-top:38px}

/* Recent updates: horizontal world log instead of giant cards */
.recent-updates{max-width:var(--max);margin:0 auto 64px;padding:0 24px}
.updates-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.updates-head h2{font:700 clamp(31px,4vw,48px)/1 Georgia,serif;margin:6px 0 0}.updates-live{font:900 9px Consolas,monospace;color:#cfeab9;border:2px solid #52634a;background:#151b12;padding:7px 9px;white-space:nowrap}
.update-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.update-strip article{display:grid;grid-template-columns:64px 1fr;gap:13px;padding:16px;background:rgba(13,16,11,.93);border:3px solid #394236;box-shadow:4px 4px #050605}
.update-strip time{height:54px;display:grid;place-items:center;text-align:center;background:#232a1e;border:2px solid #596a50;color:#d8ffc0;font:900 10px Consolas,monospace}
.update-strip small{color:var(--gold2);font-size:8px;font-weight:900;letter-spacing:.11em}.update-strip h3{font:700 20px/1.05 Georgia,serif;margin:4px 0 7px}.update-strip p{font-size:12px;line-height:1.45;color:#d7d4ca;margin:0}
.updates-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}

/* compact download station */
.download-dock{max-width:var(--max);margin:0 auto 70px;padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center;background:linear-gradient(100deg,rgba(31,36,25,.96),rgba(12,14,11,.96));border:4px solid #4b5944;box-shadow:6px 6px #050605}
.download-dock h2{font:700 clamp(30px,3.6vw,44px)/1 Georgia,serif;margin:7px 0 9px}.download-dock p{font-size:13px;color:#d7d3c8;margin:0}.download-dock-actions{display:grid;gap:7px}.join-hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.inline-actions a{padding:7px 9px;background:#1b2018;border:2px solid #4a5942;color:#d8ffc0;font-size:10px;font-weight:900}

/* Make location overlays less dominant */
.world-context{transform:scale(.88);transform-origin:left center;opacity:.9}.biome-card{margin-bottom:38px}.biome-card-inner{padding:10px 13px}

/* tighter responsive behavior */
@media(max-width:1050px){
 .world-hud{grid-template-columns:1fr auto}.guide-xp{display:none}.hud-actions{grid-column:2}
 .update-strip{grid-template-columns:1fr}.download-dock{grid-template-columns:1fr}.market-square{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hud-action{display:none}.journal-toggle{display:inline-flex}
 .route-scene{min-height:480px}.scene-sign,.scene-sign.right{padding:17px}
 .update-strip article{grid-template-columns:54px 1fr}.updates-head{align-items:flex-start;flex-direction:column}.updates-live{white-space:normal}
 .market-square{grid-template-columns:1fr}.download-dock{margin-left:18px;margin-right:18px;padding:20px}
}


/* v5: Genesis Ages — integrated progression layer */
.genesis-world-rule{
  max-width:var(--max);margin:10px auto 58px;padding:20px 22px;display:grid;
  grid-template-columns:82px 1.15fr 1fr auto;gap:18px;align-items:center;
  background:linear-gradient(100deg,rgba(20,25,16,.96),rgba(10,12,9,.96));
  border:4px solid #4d5c45;box-shadow:6px 6px #050605;position:relative;overflow:hidden
}
.genesis-world-rule:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(116,176,74,.06),transparent 35%)}
.genesis-lock{width:68px;height:68px;position:relative;display:grid;place-items:center;background:#151a12;border:4px solid #667a58;box-shadow:inset 0 0 0 3px #090b08}
.genesis-lock span{font:900 29px Georgia,serif;color:#d8ffc0}.genesis-lock i{position:absolute;top:-24px;width:36px;height:30px;border:6px solid #667a58;border-bottom:0;border-radius:18px 18px 0 0}
.genesis-world-copy h2{font:700 clamp(29px,3.5vw,43px)/1 Georgia,serif;margin:5px 0 8px}.genesis-world-copy p{font-size:13px;color:#ddd9ce;margin:0}.genesis-world-copy strong{color:#d8ffc0}
.genesis-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.genesis-quick div{padding:10px;background:#12160f;border:2px solid #394532;min-width:0}.genesis-quick small{display:block;color:#a7ba9d;font-size:7px;font-weight:900;letter-spacing:.1em}.genesis-quick b{display:block;font:700 14px Georgia,serif;color:#fff}.genesis-quick span{display:block;color:#c8c4b9;font-size:9px;margin-top:2px}
.genesis-route-link{position:relative;z-index:2;padding:9px 11px;background:#25321f;border:2px solid #607b51;color:#d8ffc0;font-size:9px;font-weight:900;white-space:nowrap}
.genesis-step>div{border-color:#4c6541!important;background:linear-gradient(100deg,rgba(27,39,22,.96),rgba(14,17,12,.94))!important}.mini-age-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:2px solid #34412e}.mini-age-row span{color:#d8ffc0;font:900 10px Consolas,monospace}.mini-age-row a{color:var(--gold2);font-size:10px;font-weight:900}

.genesis-ages{max-width:var(--max);margin:0 auto 76px;padding:0 24px;scroll-margin-top:95px}
.genesis-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:end;margin-bottom:20px}
.genesis-heading h2{font:700 clamp(34px,4.6vw,56px)/1 Georgia,serif;margin:7px 0 10px}.genesis-heading p{font-size:14px;color:#e1ddd3;max-width:780px}.genesis-heading strong{color:#d8ffc0}
.age-rule-card{padding:18px;background:#161c13;border:3px solid #526748;box-shadow:5px 5px #050605}.age-rule-card span{color:#a7ba9d;font-size:8px;font-weight:900;letter-spacing:.12em}.age-rule-card b{display:block;color:#d8ffc0;font:900 17px Consolas,monospace;margin:4px 0}.age-rule-card p{font-size:11px;margin:0;color:#d6d1c6}
.age-console{background:linear-gradient(#262b24,#151814);border:5px solid #565f51;box-shadow:inset 0 0 0 3px #0b0d0a,7px 7px #000}
.age-tabs{display:flex;gap:0;background:#0d100c;border-bottom:4px solid #4a5544}.age-tabs button{flex:1;min-height:46px;background:#171b15;border:0;border-right:2px solid #3c4438;color:#aaa;font-size:10px;font-weight:900;letter-spacing:.12em;cursor:pointer}.age-tabs button:last-child{border-right:0}.age-tabs button.active{background:#2c3a26;color:#d8ffc0;box-shadow:inset 0 -4px #7fab64}.age-tabs button:hover{filter:brightness(1.12)}
.age-panel{display:none;padding:22px}.age-panel.active{display:block}.age-panel-intro{max-width:820px;margin-bottom:18px}.age-panel-intro small{color:var(--gold2);font-size:8px;font-weight:900;letter-spacing:.13em}.age-panel-intro h3{font:700 clamp(27px,3.5vw,39px)/1 Georgia,serif;margin:5px 0 8px}.age-panel-intro p{font-size:13px;color:#d9d5cb;margin:0}
.unlock-chain{display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding-bottom:5px}.unlock-chain>i{align-self:center;color:#7e8a75;font-style:normal}.unlock-node{min-width:142px;padding:13px;background:#11140f;border:3px solid #434a40}.unlock-node span{display:block;color:#9da697;font-size:7px;font-weight:900;letter-spacing:.09em}.unlock-node b{display:block;font:700 19px Georgia,serif;margin:3px 0;color:#fff}.unlock-node small{font-size:9px;color:#c9c5bb}.unlock-node.open{border-color:#6c8f58}.unlock-node.copper{border-color:#a66d42}.unlock-node.iron{border-color:#838983}.unlock-node.diamond{border-color:#4fc4d7}.unlock-node.netherite{border-color:#775f79}
.armor-age-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.armor-age-grid article{padding:14px;background:#11140f;border:3px solid #3e463b;min-height:145px}.armor-age-grid article.time-age{border-color:#6e8e5b;background:#162014}.armor-age-grid span{display:block;color:#aeb8a5;font-size:7px;font-weight:900;letter-spacing:.1em}.armor-age-grid b{display:block;font:700 20px Georgia,serif;color:#fff;margin:3px 0 7px}.armor-age-grid p{font-size:10px;color:#cfcbc1;margin:0}.armor-age-grid strong{color:#d8ffc0}
.skill-age-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-age-grid article{display:grid;grid-template-columns:58px 1fr;gap:13px;padding:16px;background:#11140f;border:3px solid #40483c}.skill-age-grid .age-icon{width:58px;height:58px;display:grid;place-items:center;background:#090b08;border:3px solid #65775a;color:#d8ffc0;font-size:25px}.skill-age-grid span{color:#aeba9f;font-size:8px;font-weight:900;letter-spacing:.1em}.skill-age-grid h3{font:700 24px Georgia,serif;margin:2px 0 4px}.skill-age-grid p{font-size:11px;color:#d6d2c8;margin:0}.skill-age-grid strong{color:#d8ffc0}
.story-age-path{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.story-age-path article{padding:14px;background:#11140f;border:3px solid #3e463b;min-height:160px}.story-age-path span{color:#aeba9f;font-size:8px;font-weight:900}.story-age-path b{display:block;font:700 16px Georgia,serif;margin:5px 0 8px}.story-age-path p{font-size:10px;color:#d2cec4;margin:0}.story-age-path .end-age{border-color:#8d6dde;background:linear-gradient(#1c1728,#111018)}.story-age-path .end-age span,.story-age-path .end-age b{color:#cbb7ff}
.genesis-reminder{margin-top:10px;padding:14px 17px;display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center;background:#151a12;border-left:5px solid #71985d}.genesis-reminder span{font-size:8px;font-weight:900;color:#b9cca9;letter-spacing:.11em}.genesis-reminder p{font-size:12px;color:#ddd9d0;margin:0}
@media(max-width:1050px){
 .genesis-world-rule{grid-template-columns:70px 1fr}.genesis-quick{grid-column:1/-1}.genesis-route-link{grid-column:1/-1;justify-self:start}
 .genesis-heading{grid-template-columns:1fr}.armor-age-grid{grid-template-columns:repeat(3,1fr)}.story-age-path{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
 .genesis-world-rule{margin-left:18px;margin-right:18px;padding:17px;grid-template-columns:1fr}.genesis-lock{display:none}.genesis-quick{grid-template-columns:1fr}.genesis-route-link{white-space:normal}
 .genesis-ages{padding:0 18px}.age-tabs{overflow-x:auto}.age-tabs button{min-width:92px}.age-panel{padding:16px}
 .armor-age-grid,.story-age-path,.skill-age-grid{grid-template-columns:1fr}.genesis-reminder{grid-template-columns:1fr}.unlock-chain{padding-bottom:10px}
}


/* v6: Hynoe World Broadcast */
.hud-action.youtube{
  color:#ffd7d3!important;
  border-color:#7d3a32!important;
  background:linear-gradient(#351614,#1e0e0c)!important;
}
.hud-action.youtube:hover{color:#fff!important;border-color:#e56a5c!important}

.world-broadcast{
  max-width:var(--max);
  margin:0 auto 64px;
  padding:0 24px;
}
.broadcast-rig{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
  gap:0;
  position:relative;
  background:linear-gradient(145deg,#171b15,#0c0e0b);
  border:5px solid #41483d;
  box-shadow:0 0 0 4px #080a07,8px 8px #000;
}
.broadcast-rig:before{
  content:"";
  position:absolute;
  left:-14px;right:-14px;bottom:-15px;height:13px;
  background:repeating-linear-gradient(90deg,#353a31 0 24px,#1c201a 24px 48px);
  border:3px solid #10120e;
}
.broadcast-screen{
  min-width:0;
  background:#050605;
  border-right:4px solid #41483d;
  padding:13px;
}
.broadcast-screen-top{
  min-height:37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 9px;
  background:#10130f;
  border:2px solid #323a2f;
  margin-bottom:9px;
}
.broadcast-screen-top small{
  color:#939d8d;
  font:900 8px Consolas,monospace;
  letter-spacing:.12em;
}
.broadcast-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#d2ddd0;
  font:900 9px Consolas,monospace;
  letter-spacing:.12em;
}
.broadcast-status:before{
  content:"";
  width:9px;height:9px;
  background:#7f887b;
  box-shadow:0 0 0 2px #242a22;
}
.world-broadcast[data-status="live"] .broadcast-status{
  color:#ffb8af;
}
.world-broadcast[data-status="live"] .broadcast-status:before{
  background:#ff4d3d;
  box-shadow:0 0 0 2px #5b211b,0 0 14px #ff4d3d;
  animation:broadcastPulse 1.3s infinite;
}
.world-broadcast[data-status="upcoming"] .broadcast-status{
  color:#d9c5ff;
}
.world-broadcast[data-status="upcoming"] .broadcast-status:before{
  background:#8d69ed;
}
.broadcast-video{
  position:relative;
  aspect-ratio:16/9;
  min-height:260px;
  background:
    radial-gradient(circle at 50% 50%,rgba(92,131,69,.12),transparent 36%),
    repeating-linear-gradient(0deg,#060806 0 2px,#090b08 2px 4px);
  border:3px solid #586052;
  overflow:hidden;
}
.broadcast-video iframe{
  width:100%;height:100%;border:0;display:block;
}
.broadcast-placeholder{
  position:absolute;inset:0;
  display:grid;place-items:center;align-content:center;gap:20px;
  padding:25px;text-align:center;
  color:#aeb9a7;
  font:900 10px Consolas,monospace;
  letter-spacing:.11em;
}
.signal-bars{
  height:58px;
  display:flex;align-items:flex-end;gap:7px;
}
.signal-bars i{
  width:12px;background:#66875a;border:2px solid #92b77f;
  animation:signal 1.2s ease-in-out infinite;
}
.signal-bars i:nth-child(1){height:19px}
.signal-bars i:nth-child(2){height:34px;animation-delay:.12s}
.signal-bars i:nth-child(3){height:49px;animation-delay:.24s}
.signal-bars i:nth-child(4){height:58px;animation-delay:.36s}

.broadcast-console{
  position:relative;
  padding:27px 25px 25px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(rgba(17,21,15,.94),rgba(10,12,9,.97)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 18px);
}
.broadcast-console:before{
  content:"";
  position:absolute;
  left:11px;top:11px;right:11px;bottom:11px;
  border:1px solid rgba(255,255,255,.07);
  pointer-events:none;
}
.broadcast-console h2{
  position:relative;
  font:700 clamp(29px,3.6vw,45px)/1 Georgia,serif;
  margin:7px 0 12px;
}
.broadcast-title{
  position:relative;
  margin:0;
  color:#f1eee4;
  font-size:15px;
  line-height:1.45;
}
.broadcast-meta{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:18px 0;
}
.broadcast-meta div{
  padding:10px 11px;
  background:#0b0d0a;
  border:2px solid #343b30;
}
.broadcast-meta small{
  display:block;color:#8c9785;font-size:7px;font-weight:900;letter-spacing:.12em;
}
.broadcast-meta b{
  display:block;margin-top:3px;color:#fff;font-size:11px;
}
.world-broadcast[data-status="live"] .broadcast-meta div:first-child{
  border-color:#74352e;
  background:#1b0d0b;
}
.world-broadcast[data-status="live"] [data-stream-meta-status]{
  color:#ff8e82;
}
.broadcast-actions{
  position:relative;
  display:flex;gap:7px;flex-wrap:wrap;
}
.mc-button.red{
  background:#8b2e25;
  border-color:#e46a5c;
  color:#fff;
}
.broadcast-note{
  position:relative;
  margin:15px 0 0;
  color:#9d9a91;
  font-size:10px;
  line-height:1.45;
}
.broadcast-antenna{
  position:absolute;
  z-index:5;
  right:34px;
  top:-42px;
  width:58px;height:44px;
  pointer-events:none;
}
.broadcast-antenna span{
  position:absolute;left:27px;bottom:0;width:5px;height:29px;
  background:#666d62;
}
.broadcast-antenna i{
  position:absolute;left:50%;top:0;border:2px solid rgba(119,155,103,.58);border-radius:50%;
  transform:translateX(-50%);
}
.broadcast-antenna i:nth-child(1){width:18px;height:18px;top:8px}
.broadcast-antenna i:nth-child(2){width:34px;height:34px}
.broadcast-antenna i:nth-child(3){width:51px;height:51px;top:-9px;opacity:.55}

@keyframes signal{
  0%,100%{filter:brightness(.72)}
  50%{filter:brightness(1.45)}
}
@keyframes broadcastPulse{
  0%,100%{opacity:1}
  50%{opacity:.45}
}
@media(prefers-reduced-motion:reduce){
  .signal-bars i,.world-broadcast[data-status="live"] .broadcast-status:before{animation:none}
}
@media(max-width:900px){
  .broadcast-rig{grid-template-columns:1fr}
  .broadcast-screen{border-right:0;border-bottom:4px solid #41483d}
  .broadcast-antenna{right:22px}
}
@media(max-width:600px){
  .world-broadcast{padding:0 18px}
  .broadcast-video{min-height:0}
  .broadcast-screen{padding:8px}
  .broadcast-screen-top small{display:none}
  .broadcast-console{padding:22px 18px}
  .broadcast-meta{grid-template-columns:1fr}
  .broadcast-actions .mc-button{width:100%}
}


/* Hynoe SMP server support */
.hud-action.support{
  color:#fff0a9!important;
  border-color:#8f7020!important;
  background:linear-gradient(#3b2c08,#211904)!important;
}
.hud-action.support:hover{
  color:#fff!important;
  border-color:#e0b936!important;
  box-shadow:0 0 14px rgba(224,185,54,.18);
}

.server-support{
  max-width:var(--max);
  margin:0 auto 62px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  position:relative;
  background:
    linear-gradient(100deg,rgba(35,28,9,.96),rgba(13,16,11,.96)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px);
  border:3px solid #6e5a22;
  box-shadow:0 0 0 3px #0b0d09,7px 7px #000;
}
.server-support:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(230,192,63,.22);
  pointer-events:none;
}
.server-support-emblem{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
  color:#151006;
  background:#d3aa2f;
  border:4px solid #f1d36b;
  box-shadow:inset 0 0 0 3px #8c6d18,4px 4px #000;
  font:900 32px/1 Consolas,monospace;
}
.server-support-copy,
.server-support-actions{
  position:relative;
  z-index:1;
}
.server-support-copy h2{
  margin:4px 0 7px;
  font:700 clamp(25px,3vw,38px)/1 Georgia,serif;
}
.server-support-copy p{
  margin:0;
  max-width:760px;
  color:#c8c4b7;
  line-height:1.5;
}
.server-support-actions{
  min-width:235px;
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:stretch;
}
.server-support-actions small{
  color:#938b72;
  text-align:center;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mc-button.support-gold{
  background:linear-gradient(#b48b1d,#765a11);
  border-color:#e8c552;
  color:#fff8d1;
}
.mc-button.support-gold:hover{
  filter:brightness(1.12);
}
.arrival-actions{
  display:flex;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}
@media(max-width:850px){
  .server-support{
    grid-template-columns:62px 1fr;
  }
  .server-support-actions{
    grid-column:1/-1;
    width:100%;
  }
}
@media(max-width:560px){
  .server-support{
    grid-template-columns:1fr;
    text-align:center;
  }
  .server-support-emblem{
    margin:0 auto;
  }
}