/* 7KMartelo — forja-fjord-aurora-b18k. Unique frost-forge lobby skeleton. */
@font-face{font-family:FjordMark;src:url(/fonts/germania-one.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:FjordSans;src:url(/fonts/outfit-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:FjordSans;src:url(/fonts/outfit-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#061018;--ice:#7ee8ff;--steel:#c8d4e0;--violet:#7a4cff;--aurora:#2ef0c8;
  --green:#3cff8a;--ember:#ff6a3c;--ivory:#eef6ff;--mute:#9aadc0;--line:rgba(126,232,255,.42);
  --deep:#040a10;--cta:#2ef0ff;--cta-ink:#041018;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink);color:var(--ivory);
  font-family:FjordSans,system-ui,sans-serif;font-size:16px;line-height:1.55;font-weight:500}
img{max-width:100%;height:auto;display:block}
a{color:var(--ice);text-decoration:none}
a:hover{color:#c6f7ff}
:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.fj-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.fj-skip:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:var(--ice);color:var(--cta-ink);z-index:90}

/* rune-anvil header */
.fj-anvil{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:5px 14px;height:62px;min-height:62px;
  background:
    linear-gradient(180deg,rgba(46,240,200,.18),transparent 48%),
    linear-gradient(90deg,#0a1a28 0%,#061018 40%,#12081c 100%);
  border-bottom:2px solid #5ad8f0;
  box-shadow:0 8px 28px #000c, inset 0 -1px 0 #7a4cff66, 0 0 24px #2ef0c844}
.fj-brand{display:flex;align-items:center;gap:8px;color:var(--ice);white-space:nowrap;flex:none}
.fj-brand img{width:54px;height:54px;flex:none;border-radius:12px;object-fit:cover;
  box-shadow:0 0 16px #7ee8ff88,0 0 0 1px #7a4cff88}
.fj-word{font-family:FjordMark,FjordSans,sans-serif;font-weight:400;font-size:50px;line-height:1;
  letter-spacing:.02em;display:flex;align-items:baseline;
  background:linear-gradient(180deg,#f4ffff 0%,#7ee8ff 42%,#c8d4e0 78%,#a78cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #02080e) drop-shadow(0 0 14px rgba(126,232,255,.85))}
.fj-chips{display:flex;flex-wrap:nowrap;gap:5px;margin-left:auto;align-items:center}
.fj-chip{display:inline-flex;align-items:center;gap:5px;height:40px;min-height:40px;padding:0 10px;border-radius:20px;
  border:1px solid rgba(126,232,255,.55);background:linear-gradient(180deg,#122232,#0a141e);
  color:var(--ivory);font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 #7ee8ff33,0 2px 0 #0008}
.fj-chip svg{width:18px;height:18px;flex:none}
.fj-chip[aria-current="page"],.fj-chip:hover{border-color:var(--ice);color:var(--ice);
  box-shadow:0 0 0 1px var(--ice),0 0 14px #7a4cff66}
.fj-burger{display:none;background:none;border:1px solid var(--ice);color:var(--ice);
  border-radius:10px;padding:8px 10px;font:inherit;min-height:40px}

.fj-go,.fj-go-rec{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:40px;min-height:40px;padding:0 14px;border-radius:12px;font-weight:800;font-size:13px;letter-spacing:.04em;
  border:0;cursor:pointer;white-space:nowrap}
.fj-go{background:linear-gradient(180deg,#b8fbff,#2ef0ff 42%,#12b8d8);color:var(--cta-ink);
  box-shadow:0 0 0 1px #e8ffff,0 0 18px #2ef0ff99,0 4px 0 #0a5a68}
.fj-go:hover{color:var(--cta-ink);filter:brightness(1.08)}
.fj-go-rec{background:linear-gradient(180deg,#c4b0ff,#7a4cff 40%,#4a28c8);color:#f6f0ff;
  box-shadow:0 0 0 1px #ddd0ff,0 0 16px #7a4cff88,0 3px 0 #2a1070}
.fj-go-rec:hover{color:#fff;filter:brightness(1.06)}
.fj-go .fj-arr,.fj-go-rec .fj-arr{width:16px;height:16px}

/* aurora ticker — slogans only, no body copy in the fold */
.fj-aurora{height:22px;overflow:hidden;background:#040c14;border-bottom:1px solid #2ef0c866;
  display:flex;align-items:center}
.fj-aurora-track{display:flex;gap:64px;white-space:nowrap;animation:fj-marq 28s linear infinite;padding-left:20px;
  font-size:13px;font-weight:800;color:var(--ice);letter-spacing:.08em;text-transform:uppercase}
.fj-aurora-track b{color:var(--aurora);margin:0 6px}
@keyframes fj-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* compact frost-forge hero — 278px, full-width illustrated */
.fj-forge{position:relative;height:278px;overflow:hidden;margin:0;
  border-bottom:1px solid var(--line);
  box-shadow:0 0 48px #7a4cff44, inset 0 0 60px #7ee8ff18}
.fj-forge-art{width:100%;height:278px;object-fit:cover;object-position:center 42%;display:block;
  filter:brightness(1.14) saturate(1.16) contrast(1.06)}
.fj-forge::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse 70% 55% at 16% 100%,rgba(46,240,200,.28),transparent 62%),
    radial-gradient(ellipse 46% 50% at 58% 40%,rgba(122,76,255,.22),transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 70%,rgba(126,232,255,.16),transparent 60%);
  mix-blend-mode:screen}
.fj-forge::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,rgba(6,16,24,.62) 0 20%,rgba(6,16,24,.12) 52%,rgba(6,16,24,.28) 100%),
             linear-gradient(180deg,rgba(6,16,24,.10) 0,transparent 36%,rgba(6,16,24,.22) 100%)}
.fj-forge-box{position:absolute;inset:0;z-index:2;display:grid;
  grid-template-columns:1fr auto;align-items:center;gap:16px;
  max-width:1280px;margin:0 auto;padding:10px 22px;width:100%}
.fj-forge-copy h1{margin:0 0 12px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.fj-h1-main{font-family:FjordMark,FjordSans,sans-serif;font-weight:400;font-size:68px;line-height:.90;
  letter-spacing:.01em;text-transform:uppercase;display:block;
  background:linear-gradient(180deg,#ffffff 0%,#c8f6ff 16%,#7ee8ff 48%,#b0a0ff 82%,#7a4cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 #041018) drop-shadow(0 0 16px rgba(126,232,255,.95)) drop-shadow(0 0 28px rgba(122,76,255,.6))}
.fj-h1-sub{font-family:FjordMark,FjordSans,sans-serif;font-weight:400;font-size:68px;line-height:.90;
  letter-spacing:.06em;text-transform:uppercase;display:block;
  background:linear-gradient(180deg,#e8deff 0%,#b49cff 30%,#7a4cff 70%,#4a2ab0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 #041018) drop-shadow(0 0 16px rgba(122,76,255,.95))}
.fj-forge-copy .fj-go, .fj-go-hero{height:52px;min-height:52px;padding:0 26px;font-size:18px;font-weight:800;
  letter-spacing:.06em;border-radius:14px}

/* hammer RTP badge */
.fj-rtp{width:150px;min-height:132px;align-self:start;justify-self:end;margin-top:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:
    radial-gradient(circle at 50% 20%,#7ee8ff55 0 16%,transparent 46%),
    linear-gradient(180deg,#1a1030,#0a1420 50%,#061018);
  border-radius:16px 16px 28px 28px;
  border:2px solid var(--ice);
  box-shadow:0 0 0 2px #7a4cff66,0 0 24px #7ee8ff66,inset 0 0 18px #0008;color:var(--ice);
  padding:10px 8px 12px}
.fj-rtp strong{font-family:FjordMark,FjordSans,sans-serif;font-size:1.85rem;font-weight:400;line-height:1;
  color:#e8ffff;text-shadow:0 0 12px #7ee8ff,0 0 18px #7a4cff;margin-top:2px}
.fj-rtp span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#dff6ff;text-transform:uppercase}
.fj-rtp small{display:block;font-size:.62rem;font-weight:700;color:#c8d4e0;line-height:1.25;max-width:16ch;margin-top:4px}

/* slim rune-plaque promo rail — art + one 26px title, no sentences, no buttons */
.fj-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  max-width:1280px;margin:0 auto;padding:6px 16px 4px}
.fj-banner{position:relative;display:block;height:128px;border-radius:10px;overflow:hidden;
  border:2px solid rgba(126,232,255,.45);
  box-shadow:0 4px 0 #040a10,0 0 16px #7a4cff33}
.fj-banner img{width:100%;height:128px;object-fit:cover;filter:brightness(1.08) saturate(1.1)}
.fj-banner h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 12px 8px;
  font-family:FjordSans,sans-serif;font-weight:800;font-size:26px;line-height:1.1;letter-spacing:.04em;
  text-transform:uppercase;color:#f4ffff;text-align:center;
  text-shadow:0 2px 0 #041018,0 0 12px #061018,0 0 18px #7ee8ff;
  background:linear-gradient(180deg,transparent,rgba(4,10,16,.82) 55%)}
.fj-banner:hover{border-color:var(--ice);box-shadow:0 0 0 1px var(--ice),0 0 18px #7ee8ff55}

/* anvil-row of 8 steel-ice tiles, two rows, fully visible on 1280x800 */
.fj-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  max-width:1280px;margin:0 auto;padding:6px 16px 10px}
.fj-tile{position:relative;display:block;height:140px;border-radius:10px;overflow:hidden;
  border:2px solid rgba(200,212,224,.55);
  box-shadow:0 3px 0 #040a10,0 0 12px #7ee8ff22, inset 0 0 0 1px #7a4cff33}
.fj-tile img{width:100%;height:140px;object-fit:cover;filter:brightness(1.1) saturate(1.12)}
.fj-tag{position:absolute;top:6px;left:6px;z-index:2;padding:2px 7px;border-radius:4px;
  font-size:10px;font-weight:800;letter-spacing:.08em;color:#041018}
.fj-tag-hot{background:linear-gradient(180deg,#ffb09a,#ff6a3c);box-shadow:0 0 8px #ff6a3c88}
.fj-tag-novo{background:linear-gradient(180deg,#b8fbff,#2ef0ff);box-shadow:0 0 8px #2ef0ff88}
.fj-name{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:7px 8px 6px;
  font-family:FjordSans,sans-serif;font-weight:800;font-size:16px;line-height:1.1;letter-spacing:.02em;
  color:#f4ffff;text-align:center;text-shadow:0 1px 0 #000,0 0 8px #000;
  background:linear-gradient(180deg,transparent,rgba(4,10,16,.92) 40%)}
.fj-tile:hover{border-color:var(--ice);box-shadow:0 0 0 1px var(--ice),0 0 16px #7a4cff55}

/* below-fold longship ranking + sections */
.fj-wrap{max-width:1280px;margin:0 auto;padding:18px 16px 40px}
.fj-longship{margin:8px 16px 0;max-width:1248px;margin-left:auto;margin-right:auto;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,#0c1824,#061018)}
.fj-longship h2{margin:0;padding:10px 16px;font-family:FjordMark,sans-serif;font-size:28px;font-weight:400;
  color:var(--ice);letter-spacing:.04em;border-bottom:1px solid var(--line);
  text-shadow:0 0 12px #7ee8ff66}
.fj-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.fj-fact{padding:12px 14px;border-right:1px solid rgba(126,232,255,.18)}
.fj-fact:last-child{border-right:0}
.fj-fact b{display:block;font-family:FjordMark,sans-serif;font-size:22px;color:#fff;line-height:1.1;
  text-shadow:0 0 10px #7ee8ff66}
.fj-fact span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.fj-fact small{display:block;font-size:11px;color:#8aa0b4;margin-top:4px}

.fj-panel{margin:22px 0;background:linear-gradient(180deg,#0a1620,#061018);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fj-panel h2{margin:0;padding:12px 16px;font-family:FjordMark,sans-serif;font-size:28px;color:var(--ice);border-bottom:1px solid var(--line)}
.fj-panel .fj-body{padding:16px}
.fj-panel p{margin:0 0 12px;color:var(--steel)}
.fj-cover{width:100%;height:auto;border-radius:0;aspect-ratio:1200/630;object-fit:cover}
.fj-crumb{font-size:13px;font-weight:600;color:var(--mute);padding:10px 16px 0}
.fj-crumb a{color:var(--aurora)}
.fj-note{font-size:13px;color:var(--mute)}
.fj-disc{font-size:12px;color:#8aa0b4;margin-top:6px}
.fj-footer{border-top:1px solid var(--line);padding:22px 16px 32px;text-align:center;color:var(--mute);font-size:13px;
  background:#040a10}
.fj-footer a{color:var(--ice)}
.fj-18{display:inline-block;margin:0 6px;padding:1px 7px;border:1px solid var(--ember);color:var(--ember);
  border-radius:4px;font-weight:800;letter-spacing:.06em}

/* inner article typography */
.fj-article{max-width:860px}
.fj-article h2{font-family:FjordMark,sans-serif;font-size:28px;color:var(--ice);font-weight:400;margin:22px 0 8px}
.fj-article h3{font-size:18px;color:#c6f7ff;margin:18px 0 6px}
.fj-article ul,.fj-article ol{color:var(--steel)}
.fj-src{font-size:13px;color:#8aa0b4}
.fj-src a{color:var(--aurora)}

/* reviews hub — rune-stamp slips, 5 ledgers */
.fj-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;align-items:center;
  border-bottom:1px solid var(--line)}
.fj-tools input[type="search"]{flex:1;min-width:200px;height:40px;border-radius:10px;border:1px solid var(--line);
  background:#0a1420;color:var(--ivory);padding:0 12px;font:inherit}
.fj-ledgers{display:flex;flex-wrap:wrap;gap:6px}
.fj-ledgers button{height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--line);
  background:#0a1420;color:var(--ivory);font:inherit;font-weight:700;cursor:pointer}
.fj-ledgers button[aria-pressed="true"],.fj-ledgers button:hover{border-color:var(--ice);color:var(--ice);
  box-shadow:0 0 10px #7ee8ff44}
.fj-slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:12px 16px 8px}
.fj-slip{background:linear-gradient(180deg,#101c2a,#0a1420);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.fj-slip h3{margin:0 0 6px;font-size:16px;color:#f4ffff}
.fj-slip p{margin:0 0 8px;font-size:13px;color:var(--mute)}
.fj-slip .fj-stamp{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--violet);color:#c8b8ff;border-radius:4px;padding:2px 6px;margin-bottom:8px}
.fj-more{display:block;margin:8px auto 16px;height:40px;padding:0 20px;border-radius:10px;
  border:1px solid var(--ice);background:#0a1420;color:var(--ice);font:inherit;font-weight:800;cursor:pointer}
.fj-fulls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:8px 16px 16px}
.fj-full{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0a1420}
.fj-full img{width:100%;height:140px;object-fit:cover}
.fj-full strong{display:block;padding:10px 12px 12px;color:#f4ffff}

@media (max-width:900px){
  .fj-word{font-size:34px}
  .fj-brand img{width:44px;height:44px}
  .fj-anvil{height:56px;min-height:56px}
  .fj-chips{display:none}
  .fj-anvil.is-open .fj-chips{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;
    background:#061018;padding:8px;border-bottom:1px solid var(--line);z-index:60}
  .fj-burger{display:inline-flex;margin-left:auto}
  .fj-forge,.fj-forge-art{height:240px}
  .fj-h1-main,.fj-h1-sub{font-size:42px}
  .fj-rtp{display:none}
  .fj-banners{grid-template-columns:1fr;padding:8px}
  .fj-banner{height:110px}
  .fj-banner img{height:110px}
  .fj-banner h2{font-size:22px}
  .fj-rack{grid-template-columns:repeat(2,1fr)}
  .fj-tile,.fj-tile img{height:150px}
  .fj-facts{grid-template-columns:1fr 1fr}
  .fj-go-hero{height:48px}
}
@media (max-width:480px){
  .fj-h1-main,.fj-h1-sub{font-size:32px}
  .fj-word{font-size:28px}
}