*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#090f1d;color:#eee4ce;font-family:Arial,sans-serif}a{color:inherit}.world{position:absolute;top:0;left:0;width:100%;height:960px;z-index:-2;background:linear-gradient(90deg,#081224b8 0%,#08122455 48%,#08122400 78%),linear-gradient(0deg,#090f1d 0%,#090f1d00 68%),url('midgard.webp') center top/cover no-repeat}.top{border-bottom:1px solid #b3935266;background:linear-gradient(#0b1425eb,#0b1425a8);position:relative;z-index:2}.bar{max-width:1280px;margin:auto;padding:17px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:3px;color:#dec88c}.brand img{width:140px;height:auto;filter:drop-shadow(0 0 14px #ffc66445)}.back{font-family:Cinzel,Georgia,serif;font-size:12px;text-decoration:none;color:#eedbb0;padding:12px 20px;border:1px solid #af94555e;background:#0a142794}.shell{max-width:1280px;margin:auto;padding:0 32px}.hero{padding:90px 0 72px;min-height:620px;max-width:720px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#e7cd8b;font-family:Cinzel,Georgia,serif;font-weight:600;text-shadow:0 2px 8px #000}h1{font-family:Cinzel,Georgia,serif;font-size:65px;font-weight:500;letter-spacing:1px;line-height:1.12;margin:28px 0 18px;text-shadow:0 3px 25px #0009}h1 em{font-size:86px;font-style:normal;background:linear-gradient(#fff3c8,#d4b16b 65%,#ac7e38);background-clip:text;color:transparent;filter:drop-shadow(0 3px 12px #0006)}.intro{color:#d6dce6;line-height:1.9;font-size:15px;max-width:530px;text-shadow:0 2px 8px #000}.hero-cta{display:inline-flex;gap:45px;align-items:center;margin-top:18px;text-decoration:none;padding:17px 25px;border:1px solid #d4b370;background:linear-gradient(120deg,#a17b37,#d3ad5e,#9b7636);color:#161c26;font:600 12px Cinzel,Georgia,serif;letter-spacing:1px;box-shadow:0 0 22px #d3a84b28,inset 0 0 0 3px #1820332b;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero-cta:hover{filter:brightness(1.15)}.tag{display:block;color:#bdcee4;font-size:11px;margin-top:24px;line-height:1.7}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;border-top:1px solid #a88b4d66;padding-top:35px;margin-bottom:28px;position:relative}.toolbar:before{content:'◆';position:absolute;top:-9px;left:calc(50% - 5px);color:#b5965d;background:#0b1220;padding:0 12px}h2{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:28px;color:#eedaa7;margin:0 0 13px}.count{font-size:12px;color:#98a7be;margin:0}label{font-size:11px;color:#afbacd;display:block}input{display:block;margin-top:9px;padding:14px 17px;border:1px solid #847045;border-radius:2px;background:#121e31;color:#f0e9da;width:310px;font:inherit;font-size:13px;box-shadow:inset 0 0 15px #0005}input::placeholder{color:#8090aa}input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #eed195;outline-offset:4px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #46516a;background:linear-gradient(#1e2a3e,#101a2a);color:#aebbd0;border-radius:2px;padding:11px 16px;cursor:pointer;font:11px Cinzel,Georgia,serif}.filters button[aria-pressed=true]{background:linear-gradient(#b2904c,#81602b);color:#fff2ce;border-color:#e0be7b;box-shadow:0 0 20px #d3aa4e1c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.card{--glow:#caab65;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;padding:28px 25px 22px;border:1px solid #8b744b70;background:radial-gradient(ellipse at 50% 0%,#435a7a33,transparent 65%),linear-gradient(150deg,#1a2639f5,#0d1627);text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;min-height:330px;box-shadow:inset 0 0 0 5px #080e1d, inset 0 0 0 6px #68718b33,0 8px 22px #0002;text-align:center}.card:before,.card:after{content:'✦';position:absolute;top:7px;color:#c4a76a;font-size:13px}.card:before{left:10px}.card:after{right:10px}.card:nth-child(3n){--glow:#8a9ddb}.card:nth-child(3n+2){--glow:#88b7a9}.card:hover{transform:translateY(-5px);border-color:var(--glow);box-shadow:inset 0 0 0 5px #080e1d,inset 0 0 0 6px #a58d5266,0 0 30px #c9ab6526}.card[hidden]{display:none}.icon{width:119px;height:119px;margin:5px 0 14px;border-radius:50%;background:radial-gradient(circle,#fffaf1,#e0d3b8);border:3px double #aa8746;box-shadow:0 0 0 6px #142135,0 0 0 7px #a88a4b66,0 0 30px #83b9f51c;display:grid;place-items:center;isolation:isolate;position:relative}.icon:after{content:'';position:absolute;inset:-12px;border:1px solid #bd9f5644;border-radius:50%;border-left-color:transparent;border-right-color:transparent;pointer-events:none}.icon img{width:75px;height:100px;object-fit:contain;mix-blend-mode:multiply;image-rendering:auto}.category{font:9px Cinzel,Georgia,serif;letter-spacing:1.2px;text-transform:uppercase;color:#bdad89;margin:6px 0 12px}.card h3{margin:0 0 13px;font:500 20px Cinzel,Georgia,serif;color:#efe1bb;line-height:1.35}.card p{margin:0;color:#9eacc3;font-size:12px;line-height:1.85;max-width:290px}.read{margin-top:auto;padding-top:22px;font:10px Cinzel,Georgia,serif;letter-spacing:1.2px;color:#c8aa6b;display:flex;width:100%;justify-content:space-between;border-top:1px solid #b6995a30;margin-top:22px}.empty{padding:35px 0;color:#adb9ca}footer{border-top:1px solid #9d824b55;margin-top:65px;padding:28px 0;font:10px Cinzel,Georgia,serif;letter-spacing:1px;color:#8d9bb2;display:flex;justify-content:space-between;gap:20px}.motes{position:absolute;inset:0 0 auto;height:740px;overflow:hidden;pointer-events:none;z-index:-1}.motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d5b56e;box-shadow:0 0 12px 3px #d8b55d88;animation:drift 12s infinite ease-in-out;left:12%;top:55%}.motes i:nth-child(2){left:25%;top:40%;animation-delay:-3s}.motes i:nth-child(3){left:42%;top:75%;animation-delay:-7s}.motes i:nth-child(4){left:63%;top:35%;animation-delay:-5s}.motes i:nth-child(5){left:85%;top:65%;animation-delay:-1s}.motes i:nth-child(6){left:73%;top:80%;animation-delay:-9s}.motes i:nth-child(7){left:8%;top:85%;animation-delay:-2s}.motes i:nth-child(8){left:93%;top:23%;animation-delay:-6s}@keyframes drift{0%,100%{transform:translateY(0);opacity:0}50%{transform:translate(15px,-70px);opacity:.9}}@media(min-width:1500px){.world{background-position:center -80px}.hero{min-height:670px}}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:53px}h1 em{font-size:72px}.world{background-position:60% top}h2{font-size:24px}}@media(max-width:600px){.shell{padding:0 20px}.bar{padding:14px 20px}.brand{font-size:9px;letter-spacing:1px;gap:12px}.brand img{width:105px}.back{font-size:9px;padding:9px 10px}.world{height:800px;background-position:57% top;background-image:linear-gradient(90deg,#081224bd,#08122445),linear-gradient(0deg,#090f1d,transparent 75%),url('midgard.webp')}.hero{padding:58px 0 45px;min-height:530px}.eyebrow{font-size:8px;letter-spacing:1px;max-width:300px;line-height:2}h1{font-size:42px;letter-spacing:0}h1 em{font-size:58px}.intro{font-size:13px;max-width:300px}.hero-cta{padding:15px 20px;font-size:10px}.tag{font-size:10px}.toolbar{display:block;padding-top:30px}.toolbar label{margin-top:23px}h2{font-size:24px;line-height:1.4}input{width:100%}.grid{grid-template-columns:1fr;gap:20px}.card{min-height:320px;padding:27px 25px 22px}.filters{gap:7px}.filters button{font-size:9px;padding:10px 11px}footer{display:block;line-height:2.3;font-size:9px}footer a{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.motes i{animation:none;display:none}}
/* Classic Ragnarok menu sprites at their exact native pixel dimensions. */
.grid{gap:16px}.card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:16px;align-items:start;min-height:185px;text-align:left;padding:23px 22px 20px;background:radial-gradient(ellipse at 5% 20%,#35476455,transparent 70%),linear-gradient(150deg,#172438f5,#0d1627)}
.card .icon{grid-column:1;grid-row:1/4;align-self:start;width:56px;height:56px;margin:4px 0 0;border-radius:5px;background:linear-gradient(145deg,#253a53,#0c1525);border:1px solid #b69b6366;box-shadow:inset 0 0 0 3px #0d1728,0 0 0 1px #09111f,0 4px 10px #0004;display:flex;justify-content:center;align-items:center;isolation:auto}
.card .icon:after{display:none}.card .icon img{width:auto;height:auto;max-width:none;max-height:none;object-fit:initial;mix-blend-mode:normal;image-rendering:auto;filter:drop-shadow(0 2px 2px #0008)}
.card .category{grid-column:2;grid-row:1;margin:2px 0 8px;font-size:8px;line-height:1.6;letter-spacing:.7px}
.card h3{grid-column:2;grid-row:2;font-size:16px;line-height:1.45;margin:0 0 9px}
.card p{grid-column:2;grid-row:3;font-size:11px;line-height:1.8;margin:0;max-width:none;color:#a7b5cc}
.card .read{grid-column:1/-1;grid-row:4;margin-top:17px;padding-top:13px;align-self:end;font-size:9px}
.card:hover .icon{border-color:#d9bd7b;box-shadow:inset 0 0 0 3px #0d1728,0 0 14px #d9bd7b26}
@media(max-width:950px){.card{padding:23px 22px 20px;min-height:185px}}
@media(max-width:600px){.grid{gap:13px}.card{min-height:174px;column-gap:17px;padding:23px 22px 18px}.card h3{font-size:17px}.card p{font-size:12px}.card .category{font-size:9px}}
@media(max-width:350px){.card{padding:21px 17px 17px;grid-template-columns:48px minmax(0,1fr);column-gap:14px}.card .icon{width:48px;height:48px}.card h3{font-size:15px}}