:root{
  --bg:#080604;--bg2:#100b06;--panel:#17100a;--panel2:#20150b;--text:#fff3dc;--muted:#c7ad82;--soft:#8f7855;--gold:#f2b84b;--gold2:#ffd88a;--red:#ff6a4d;--green:#83f2a6;--cyan:#7de7ff;--line:rgba(242,184,75,.22);--line2:rgba(255,216,138,.14);--shadow:0 28px 80px rgba(0,0,0,.46);--font-title:'Cinzel',serif;--font-body:'Inter',system-ui,sans-serif;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 30% 0,rgba(104,53,16,.38),transparent 34%),radial-gradient(circle at 80% 20%,rgba(242,184,75,.15),transparent 34%),linear-gradient(180deg,#080604,#110b06 40%,#070503);color:var(--text);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-999px;top:10px;background:var(--gold);color:#130c04;padding:10px 14px;border-radius:10px;z-index:999}.skip:focus{left:10px}.wrap{width:min(100% - 36px,var(--wrap));margin-inline:auto}.realm-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.torch-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,69,.15),rgba(255,122,45,.055) 34%,transparent 66%);transform:translate(-50%,-50%);pointer-events:none;z-index:-2;left:50%;top:35%}.topbar{position:sticky;top:0;z-index:50;background:rgba(8,6,4,.74);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(242,184,75,.35))}.brand b{display:block;font-family:var(--font-title);letter-spacing:.6px}.brand small{display:block;text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:1.6px}.nav{display:flex;align-items:center;gap:6px}.nav a,.nav-link{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:10px 12px;border-radius:999px}.nav a:hover,.nav-link:hover{background:rgba(242,184,75,.09);color:var(--gold2)}.nav-actions{display:flex;align-items:center;gap:10px}.pill{padding:11px 15px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#ff8f3d);color:#170d04;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:1px;box-shadow:0 12px 34px rgba(242,184,75,.2)}.menu{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--gold2);border-radius:999px;padding:10px 13px;font-weight:900;text-transform:uppercase;font-size:12px}.hero{position:relative;min-height:850px;padding:120px 0 90px;display:flex;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,.96),rgba(8,6,4,.72) 45%,rgba(8,6,4,.92)),radial-gradient(circle at 68% 50%,rgba(242,184,75,.2),transparent 34%);z-index:-1}.hero-art{position:absolute;inset:0;z-index:-2;opacity:.3;filter:saturate(1.15) contrast(1.1)}.hero-art img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.hero-grid{display:grid;grid-template-columns:1fr 520px;gap:40px;align-items:center}.server-strip{display:inline-flex;align-items:center;gap:10px;max-width:100%;border:1px solid var(--line);background:rgba(23,16,10,.72);border-radius:999px;padding:8px 10px 8px 13px;box-shadow:0 14px 50px rgba(0,0,0,.24)}.server-strip span:not(.live-dot){color:var(--muted);font-size:13px;font-weight:800}.server-strip button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--gold2);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding-left:10px;cursor:pointer}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 1.6s infinite}.hero h1{font-family:var(--font-title);font-size:clamp(44px,7vw,92px);line-height:.96;letter-spacing:-2px;margin:24px 0 18px;max-width:900px;text-wrap:balance}.lead{font-size:clamp(17px,2.2vw,21px);line-height:1.65;color:#dec795;max-width:750px;margin:0 0 28px}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:24px}.button{border:1px solid var(--line);border-radius:18px;padding:15px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--gold),#ff8b38);color:#160d04;border-color:rgba(255,216,138,.35);box-shadow:0 18px 46px rgba(242,184,75,.18)}.button.secondary{background:rgba(255,255,255,.045);color:var(--gold2)}.button.full{width:100%}.slotbar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:720px}.slot{min-height:74px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:var(--muted);border-radius:18px;display:grid;place-items:center;gap:3px;cursor:pointer;position:relative;overflow:hidden;transition:.18s}.slot::after{content:"";position:absolute;inset:auto 14px 0;height:3px;background:var(--gold);transform:scaleX(0);transition:.2s}.slot span{font-size:22px}.slot b{font-size:12px;text-transform:uppercase;letter-spacing:.8px}.slot:hover,.slot.active{color:var(--gold2);border-color:rgba(242,184,75,.44);transform:translateY(-3px)}.slot.active::after{transform:scaleX(1)}.realm-panel{border:1px solid rgba(242,184,75,.25);border-radius:30px;background:linear-gradient(180deg,rgba(28,18,10,.86),rgba(8,6,4,.82));box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d}.panel-header{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--gold2);font-family:var(--font-title);letter-spacing:1px}.panel-header i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gold);margin-left:6px;opacity:.55}.compass{height:360px;position:relative;margin:22px;border:1px solid var(--line2);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(242,184,75,.18),transparent 22%),radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(125,231,255,.08) 35% 36%,transparent 37%),linear-gradient(135deg,#1d1309,#080604);overflow:hidden}.compass::before,.compass::after{content:"";position:absolute;inset:44px;border:1px solid rgba(242,184,75,.16);border-radius:50%}.compass::after{inset:94px;border-style:dashed;animation:spin 26s linear infinite}.north,.east,.south,.west{position:absolute;color:var(--soft);font-family:var(--font-title);font-weight:900}.north{top:14px;left:50%;transform:translateX(-50%)}.south{bottom:14px;left:50%;transform:translateX(-50%)}.east{right:18px;top:50%;transform:translateY(-50%)}.west{left:18px;top:50%;transform:translateY(-50%)}.map-pin{position:absolute;border:1px solid rgba(242,184,75,.35);background:rgba(8,6,4,.72);color:var(--gold2);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.28);transition:.18s}.map-pin:hover,.map-pin.active{background:var(--gold);color:#170d04;transform:translateY(-2px)}.map-pin.spawn{left:45%;top:44%}.map-pin.bosses{right:12%;top:26%}.map-pin.market{left:14%;top:60%}.map-pin.wilds{right:20%;bottom:18%}.terminal-card{margin:0 22px 22px;padding:22px;border:1px solid var(--line2);border-radius:24px;background:rgba(255,255,255,.035)}.eyebrow{margin:0 0 10px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:12px}.terminal-card h2,.section-title h2,.join-card h2{font-family:var(--font-title);font-size:clamp(28px,4vw,48px);line-height:1.05;margin:0 0 12px;color:var(--gold2)}.terminal-card p,.section-title p,.join-card p,.contract-preview p,.codex-page p,.loot p{color:var(--muted);line-height:1.65}.terminal-card ul{margin:15px 0 0;padding-left:18px;color:#d9bd88}.section{padding:92px 0}.section-title{max-width:760px;margin-bottom:30px}.quest-section{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(242,184,75,.04),rgba(255,255,255,.018));border-block:1px solid var(--line2)}.quest-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.notice-board{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:26px;border:1px solid rgba(90,52,20,.75);border-radius:30px;background:linear-gradient(135deg,#2b190b,#17100a);box-shadow:inset 0 0 0 7px rgba(0,0,0,.16),var(--shadow)}.notice-board::before{content:"";position:absolute;inset:9px;border:1px dashed rgba(255,216,138,.16);border-radius:23px;pointer-events:none}.contract{text-align:left;border:1px solid rgba(90,52,20,.78);background:linear-gradient(180deg,#d2a967,#a77537);color:#241306;border-radius:8px;padding:22px;min-height:180px;box-shadow:0 18px 30px rgba(0,0,0,.22);cursor:pointer;transform:rotate(var(--r,-1deg));transition:.18s}.contract:nth-child(2){--r:1.4deg}.contract:nth-child(3){--r:.8deg}.contract:nth-child(4){--r:-1.6deg}.contract:hover,.contract.active{transform:rotate(0) translateY(-5px);filter:saturate(1.1);box-shadow:0 24px 45px rgba(0,0,0,.28)}.contract b{display:block;font-family:var(--font-title);font-size:20px;margin-bottom:8px}.contract span,.contract em{display:block;line-height:1.45}.contract em{font-style:normal;margin-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:900}.contract-preview{border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(242,184,75,.16),transparent 34%),linear-gradient(180deg,rgba(23,16,10,.9),rgba(8,6,4,.82));padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.contract-preview::after{content:"";position:absolute;right:-70px;bottom:-80px;width:230px;height:230px;border:1px solid rgba(242,184,75,.15);border-radius:50%;box-shadow:0 0 0 40px rgba(242,184,75,.035)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1px}.preview-top strong{color:var(--gold2)}.contract-preview h3{font-family:var(--font-title);font-size:34px;line-height:1.08;margin:48px 0 10px;color:var(--gold2)}.reward-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.reward-row span{border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#ead0a0;border-radius:999px;padding:10px 12px;font-size:13px;font-weight:800}.codex{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(32,21,11,.92),rgba(8,6,4,.84));box-shadow:var(--shadow);overflow:hidden}.codex-tabs{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line2);overflow:auto}.tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:12px 16px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:1px;cursor:pointer;white-space:nowrap}.tab:hover,.tab.active{border-color:var(--line);background:rgba(242,184,75,.1);color:var(--gold2)}.codex-page{padding:30px}.codex-page h3{font-family:var(--font-title);font-size:36px;margin:0 0 8px;color:var(--gold2)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.feature-grid span{border:1px solid var(--line2);background:rgba(255,255,255,.035);border-radius:16px;padding:14px;color:#ead0a0;font-weight:800}.loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.loot{border:1px solid var(--line2);border-radius:26px;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(242,184,75,.18),transparent 30%),rgba(23,16,10,.76);padding:24px;min-height:230px;box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform .12s ease,border-color .18s ease}.loot:hover{border-color:rgba(242,184,75,.42)}.loot span{font-family:var(--font-title);font-size:42px;color:var(--gold);font-weight:900}.loot h3{font-family:var(--font-title);color:var(--gold2);margin:12px 0 8px}.join{background:radial-gradient(circle at 50% 0,rgba(242,184,75,.13),transparent 42%)}.join-grid{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:stretch}.join-card,.status-stone{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(23,16,10,.9),rgba(8,6,4,.82));box-shadow:var(--shadow);padding:32px}.join-lines{display:grid;gap:12px;margin-top:24px}.join-lines div,.stone-stat{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line2);background:rgba(255,255,255,.035);border-radius:18px;padding:15px}.join-lines span,.stone-stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.join-lines button,.join-lines a{border:0;background:transparent;color:var(--gold2);font-weight:900;cursor:pointer;text-align:right}.stone-title{font-family:var(--font-title);font-size:30px;color:var(--gold2);margin-bottom:18px}.stone-stat{margin-bottom:12px}.stone-stat b{color:#ead0a0;text-align:right}.footer{padding:32px 0;border-top:1px solid var(--line2);color:var(--muted);font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{margin-left:16px;color:var(--muted)}.footer a:hover{color:var(--gold2)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;z-index:100;background:rgba(23,16,10,.94);border:1px solid var(--line);border-radius:999px;padding:13px 18px;color:var(--gold2);font-weight:900;box-shadow:var(--shadow);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.show{opacity:1;transform:none}.legal{padding:130px 0 70px}.legal-card{border:1px solid var(--line);background:rgba(23,16,10,.86);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.legal-card h1{font-family:var(--font-title);font-size:clamp(38px,6vw,64px);line-height:1;margin:0 0 18px;color:var(--gold2)}.legal-card h2{font-family:var(--font-title);color:var(--gold2);margin-top:30px}.legal-card p,.legal-card li{color:var(--muted);line-height:1.65}.legal-card a{color:var(--gold2)}@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1020px){.hero-grid,.quest-layout,.join-grid{grid-template-columns:1fr}.realm-panel{max-width:620px}.loot-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.nav{display:none}.menu{display:inline-flex}.nav.open{display:flex;position:absolute;top:78px;left:18px;right:18px;flex-direction:column;background:rgba(8,6,4,.96);border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.nav.open a{width:100%;text-align:center}.nav-link{display:none}.slotbar{grid-template-columns:repeat(3,1fr)}.notice-board{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.wrap{width:min(100% - 28px,var(--wrap))}.brand small{display:none}.hero{padding-top:100px;min-height:auto}.hero-buttons .button{width:100%}.slotbar,.loot-grid,.feature-grid{grid-template-columns:1fr}.compass{height:310px;margin:16px}.terminal-card{margin:0 16px 16px}.join-lines div,.stone-stat{align-items:flex-start;flex-direction:column}.join-lines button,.join-lines a,.stone-stat b{text-align:left}.footer a{margin-left:0;margin-right:14px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.torch-glow{display:none}}


/* 2026-04 feedback pass: sharper styling, smaller hero headline, job board */
:root{
  --cut-corner: polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));
  --cut-corner-soft: polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));
}
.hero h1{font-size:clamp(34px,5.4vw,68px);max-width:11ch;letter-spacing:-1.25px}
.lead{max-width:64ch}
.pill,.menu,.server-strip,.map-pin,.reward-row span,.tab,.toast,.nav a,.nav-link,.button,.join-lines div,.stone-stat,.feature-grid span,.slot,.terminal-card,.contract-preview,.codex,.loot,.join-card,.status-stone,.legal-card,.topbar,.notice-board,.realm-panel{border-radius:8px!important}
.pill,.menu,.server-strip,.map-pin,.reward-row span,.tab,.toast,.button,.join-lines div,.stone-stat,.feature-grid span,.slot,.terminal-card,.contract-preview,.codex,.loot,.join-card,.status-stone,.legal-card,.notice-board,.realm-panel{clip-path:var(--cut-corner-soft)}
.nav a,.nav-link{border-radius:6px!important}
.contract{border-radius:6px!important;clip-path:var(--cut-corner-soft)}
.jobs-layout{grid-template-columns:1.25fr .95fr;align-items:start}
.jobs-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}
.jobs-board::before{border-radius:7px!important}
.job-button{min-height:124px;padding:16px 16px 14px;transform:none!important;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.job-button:nth-child(even),.job-button:nth-child(odd){--r:0deg}
.job-button b{font-size:18px}
.job-button span{display:block;font-size:13px;line-height:1.4}
.job-button em{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase}
.jobs-preview{min-height:100%;display:flex;flex-direction:column;justify-content:center}
.section-title h2{letter-spacing:-.7px}
.loot,.join-card,.status-stone,.codex,.contract-preview,.realm-panel{box-shadow:0 20px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03)}
@media (max-width:1080px){
  .jobs-layout{grid-template-columns:1fr}
  .jobs-board{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .hero h1{font-size:clamp(30px,9vw,46px)}
  .jobs-board{grid-template-columns:1fr}
  .job-button{min-height:auto}
}


/* 2026-04 guild board revamp */
.jobs-section{position:relative}
.guild-title{max-width:860px}
.guild-jobs-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}
.guild-panel,.guild-preview{position:relative;border:1px solid rgba(170,127,64,.58);background:linear-gradient(180deg,rgba(28,20,11,.96),rgba(11,8,5,.93));box-shadow:0 24px 50px rgba(0,0,0,.34), inset 0 0 0 3px rgba(68,46,22,.8), inset 0 0 0 10px rgba(15,10,6,.95);padding:22px;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));border-radius:0!important}
.guild-panel::before,.guild-preview::before{content:"";position:absolute;inset:12px;border:1px solid rgba(222,177,94,.16);pointer-events:none}
.guild-panel-top,.guild-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.guild-kicker{margin:0 0 6px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:1.8px;font-size:11px}
.guild-panel-top h3,.guild-preview-top h3{margin:0;color:var(--gold2);font-family:var(--font-title);font-size:34px;line-height:1}
.guild-counts{display:flex;flex-direction:column;gap:8px;min-width:150px}
.guild-counts span,.job-rank{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid rgba(164,127,66,.55);background:linear-gradient(180deg,rgba(74,49,21,.65),rgba(23,15,9,.88));color:#edd6a5;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.28)}
.guild-counts b{color:var(--gold2);margin-right:6px;font-size:16px}
.inventory-shell{border:1px solid rgba(102,77,38,.8);background:linear-gradient(180deg,rgba(20,14,9,.94),rgba(10,7,4,.95));padding:14px;box-shadow:inset 0 0 0 3px rgba(0,0,0,.4)}
.inventory-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(108,78,36,.78);background:linear-gradient(180deg,rgba(83,59,28,.65),rgba(27,18,10,.95));color:#e4cb9a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.job-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:122px;padding:12px;border:1px solid rgba(114,88,44,.9);background:linear-gradient(180deg,#4f3b20,#24170c);box-shadow:inset 0 0 0 2px rgba(124,93,43,.55), inset 0 0 0 5px rgba(13,8,4,.8), 0 8px 0 rgba(9,6,3,.65);text-align:left;color:#f1dfb8;cursor:pointer;transition:transform .08s ease,filter .12s ease,border-color .16s ease, box-shadow .12s ease;border-radius:0!important;clip-path:none!important}
.job-slot::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,214,138,.08);pointer-events:none}
.job-slot:hover,.job-slot:focus-visible{transform:translateY(-2px);filter:brightness(1.06);border-color:#d3a35a;box-shadow:inset 0 0 0 2px rgba(221,173,86,.7), inset 0 0 0 5px rgba(13,8,4,.8), 0 10px 0 rgba(9,6,3,.7)}
.job-slot.active{background:linear-gradient(180deg,#745225,#362112);border-color:#f1c173;box-shadow:inset 0 0 0 2px rgba(255,214,138,.75), inset 0 0 0 5px rgba(13,8,4,.82), 0 10px 0 rgba(9,6,3,.72), 0 0 0 1px rgba(242,184,75,.18)}
.slot-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(148,110,55,.85);background:linear-gradient(180deg,rgba(17,11,6,.8),rgba(38,24,13,.95));font-size:22px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.42)}
.slot-name{font-weight:900;text-transform:uppercase;letter-spacing:.6px;font-size:13px;color:#fff0c9}
.slot-meta{font-size:11px;color:#d5b885;text-transform:uppercase;letter-spacing:.8px}
.job-preview-icon{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:8px;border:1px solid rgba(151,116,59,.85);background:linear-gradient(180deg,#563d1f,#23160b);box-shadow:inset 0 0 0 2px rgba(0,0,0,.34);vertical-align:middle}
.guild-preview-lead{margin:0 0 10px;color:#fff2d2;font-size:20px;font-weight:800;line-height:1.3}
.guild-preview-text{margin:0;color:#d9bd88;line-height:1.7}
.guild-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.detail-card{padding:14px;border:1px solid rgba(102,77,38,.85);background:linear-gradient(180deg,rgba(54,35,16,.78),rgba(18,12,7,.92));box-shadow:inset 0 0 0 2px rgba(0,0,0,.32)}
.detail-card span{display:block;color:#bca06d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.detail-card b{color:#f0ddb6;font-size:15px}
.guild-tags{margin-top:20px}
.guild-tags span{background:linear-gradient(180deg,rgba(67,45,20,.72),rgba(19,12,7,.92));border:1px solid rgba(126,91,43,.86);color:#f2ddb7;clip-path:none!important;border-radius:0!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
@media (max-width:1080px){.guild-jobs-layout{grid-template-columns:1fr}.guild-preview{order:2}.guild-panel{order:1}}
@media (max-width:860px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guild-panel-top,.guild-preview-top{flex-direction:column}.guild-counts{width:100%;flex-direction:row;flex-wrap:wrap}.guild-counts span,.job-rank{justify-content:flex-start}}
@media (max-width:620px){.inventory-grid,.guild-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-panel,.guild-preview{padding:16px}.inventory-toolbar{flex-direction:column}.guild-panel-top h3,.guild-preview-top h3{font-size:28px}}
@media (max-width:440px){.inventory-grid,.guild-detail-grid{grid-template-columns:1fr}.job-slot{min-height:108px}}


/* 2026-04 full-site game UI pass */
body{
  background:
    radial-gradient(circle at 24% 0,rgba(122,72,26,.34),transparent 30%),
    radial-gradient(circle at 78% 12%,rgba(242,184,75,.16),transparent 28%),
    linear-gradient(180deg,#060403,#120b05 42%,#070503);
}
.topbar{
  background:linear-gradient(180deg,rgba(20,14,8,.96),rgba(8,5,3,.94));
  border-bottom:1px solid rgba(184,139,71,.48);
  box-shadow:0 12px 0 rgba(0,0,0,.18), inset 0 -3px 0 rgba(0,0,0,.38);
}
.nav-shell{height:86px}
.brand img{
  background:linear-gradient(180deg,#543817,#1d1208);
  border:1px solid rgba(171,130,67,.7);
  padding:5px;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 8px 0 rgba(0,0,0,.24);
}
.nav a,.nav-link,.pill,.menu,.button,.server-strip button,.join-lines button,.join-lines a{
  border-radius:0!important;
  clip-path:none!important;
  border:1px solid rgba(144,105,52,.85)!important;
  background:linear-gradient(180deg,#5b3f1c,#24170b)!important;
  color:#f7e6bd!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.32),0 5px 0 rgba(0,0,0,.38)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.38);
}
.nav a:hover,.nav-link:hover,.pill:hover,.menu:hover,.button:hover,.join-lines button:hover,.join-lines a:hover{
  transform:translateY(-2px);
  border-color:#e3b76c!important;
  filter:brightness(1.08);
}
.nav a:active,.nav-link:active,.pill:active,.menu:active,.button:active,.join-lines button:active,.join-lines a:active,.ui-press{
  transform:translateY(3px)!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.4),0 2px 0 rgba(0,0,0,.5)!important;
}
.hero-copy,.realm-panel,.codex,.join-card,.status-stone,.legal-card,.loot{
  border-radius:0!important;
  clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))!important;
  border:1px solid rgba(170,127,64,.58)!important;
  background:linear-gradient(180deg,rgba(28,20,11,.96),rgba(11,8,5,.93))!important;
  box-shadow:0 24px 50px rgba(0,0,0,.34),inset 0 0 0 3px rgba(68,46,22,.8),inset 0 0 0 10px rgba(15,10,6,.95)!important;
}
.hero-copy{
  padding:28px;
  position:relative;
}
.hero-copy::before,.realm-panel::before,.codex::before,.join-card::before,.status-stone::before,.legal-card::before,.loot::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(222,177,94,.13);
  pointer-events:none;
}
.hero-copy,.realm-panel,.codex,.join-card,.status-stone,.legal-card,.loot{position:relative}
.server-strip{
  border-radius:0!important;
  clip-path:none!important;
  background:linear-gradient(180deg,rgba(64,44,21,.82),rgba(15,9,5,.93))!important;
  border:1px solid rgba(144,105,52,.8)!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 8px 0 rgba(0,0,0,.24)!important;
}
.slotbar{
  max-width:760px;
  padding:12px;
  border:1px solid rgba(102,77,38,.85);
  background:linear-gradient(180deg,rgba(20,14,9,.94),rgba(10,7,4,.95));
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.4);
}
.slot,.tab,.map-pin,.feature-grid span,.reward-row span,.stone-stat,.join-lines div{
  border-radius:0!important;
  clip-path:none!important;
  border:1px solid rgba(114,88,44,.9)!important;
  background:linear-gradient(180deg,#4f3b20,#24170c)!important;
  box-shadow:inset 0 0 0 2px rgba(124,93,43,.42),inset 0 0 0 5px rgba(13,8,4,.55),0 6px 0 rgba(9,6,3,.55)!important;
}
.slot span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(148,110,55,.85);
  background:linear-gradient(180deg,rgba(17,11,6,.8),rgba(38,24,13,.95));
}
.slot:hover,.slot.active,.tab:hover,.tab.active,.map-pin:hover,.map-pin.active{
  background:linear-gradient(180deg,#745225,#362112)!important;
  border-color:#f1c173!important;
  color:#fff0c9!important;
  transform:translateY(-2px);
}
.panel-header,.codex-tabs{
  background:linear-gradient(180deg,rgba(83,59,28,.65),rgba(27,18,10,.95));
  border-bottom:1px solid rgba(108,78,36,.78);
}
.panel-header i{
  border-radius:0;
  background:#d9a84e;
  box-shadow:0 0 0 2px rgba(0,0,0,.28);
}
.compass,.terminal-card,.codex-page{
  border-radius:0!important;
  clip-path:none!important;
  border:1px solid rgba(102,77,38,.85)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(20,14,9,.94),rgba(10,7,4,.95))!important;
  background-size:28px 28px,28px 28px,auto!important;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.38)!important;
}
.compass::before,.compass::after{border-radius:0!important}
.codex-tabs{gap:10px;padding:16px}
.tab{
  min-height:48px;
  padding:12px 18px;
}
.loot-grid{gap:18px}
.loot{
  min-height:250px;
  transform-style:preserve-3d;
}
.loot span{
  display:inline-grid;
  place-items:center;
  min-width:70px;
  min-height:56px;
  margin-bottom:8px;
  border:1px solid rgba(151,116,59,.85);
  background:linear-gradient(180deg,#563d1f,#23160b);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.34);
}
.join-lines div,.stone-stat{
  padding:16px;
  align-items:center;
}
.status-stone .button.full{
  margin-top:10px;
}
.footer{
  background:linear-gradient(180deg,rgba(20,14,8,.9),rgba(8,5,3,.95));
  border-top:1px solid rgba(184,139,71,.48);
}
.footer a{
  display:inline-block;
  padding:8px 10px;
  border:1px solid rgba(85,61,29,.6);
  background:rgba(31,20,10,.55);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.22);
}
.toast{
  border-radius:0!important;
  clip-path:none!important;
  background:linear-gradient(180deg,#543817,#1d1208)!important;
  border:1px solid rgba(171,130,67,.76)!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 8px 0 rgba(0,0,0,.3)!important;
}
@media (max-width:820px){
  .nav.open{
    border-radius:0!important;
    clip-path:none!important;
    background:linear-gradient(180deg,rgba(20,14,8,.98),rgba(8,5,3,.98))!important;
    border:1px solid rgba(184,139,71,.48)!important;
    box-shadow:inset 0 0 0 3px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.42)!important;
  }
}
@media (max-width:600px){
  .hero-copy{padding:20px}
  .slotbar{grid-template-columns:repeat(2,1fr)}
}


/* 2026-04 hero fold fit adjustment */
.hero{
  min-height:760px;
  padding:88px 0 68px;
  align-items:flex-start;
}
.hero-grid{
  align-items:start;
  gap:30px;
}
.hero-copy,
.realm-panel{
  margin-top:6px;
}
.hero h1{
  margin-top:18px;
}
@media (max-width:1020px){
  .hero{
    min-height:auto;
    padding:84px 0 56px;
  }
}
@media (max-width:600px){
  .hero{
    padding-top:78px;
  }
}


/* 2026-04 hero fold fit adjustment v2 */
.nav-shell{height:82px}
.hero{
  min-height:710px;
  padding:62px 0 42px;
  align-items:flex-start;
}
.hero-grid{
  align-items:start;
  gap:26px;
}
.hero-copy,
.realm-panel{
  margin-top:0;
}
.hero-copy{
  padding:24px;
}
.hero h1{
  font-size:clamp(40px,5vw,78px);
  max-width:12.5ch;
  line-height:.93;
  margin:14px 0 14px;
}
.lead{
  font-size:clamp(16px,1.6vw,18px);
  line-height:1.58;
  margin:0 0 20px;
}
.hero-buttons{
  margin-bottom:18px;
}
.slotbar{
  padding:10px;
}
.slot{
  min-height:68px;
}
.realm-panel .compass{
  height:330px;
  margin:18px;
}
.realm-panel .terminal-card{
  margin:0 18px 18px;
  padding:18px;
}
@media (max-width:1020px){
  .hero{
    min-height:auto;
    padding:72px 0 48px;
  }
  .hero h1{
    max-width:13ch;
  }
}
@media (max-width:600px){
  .nav-shell{height:78px}
  .hero{
    padding-top:72px;
  }
}