:root{--paper:#f3eee4;--ink:#263430;--gold:#aa8148;--line:#d6c8ad}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block}.header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;letter-spacing:3px;font-size:25px}.brand img{width:70px;height:70px;border-radius:50%}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:32px;font:14px Arial,sans-serif}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current]{color:var(--gold);border-color:var(--gold)}.eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:var(--gold);line-height:1.8}h1{font-weight:400;font-size:clamp(40px,5vw,76px);margin:18px 0}h2,h3{font-weight:400}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:44% 56%;min-height:720px;padding:0 5%}.hero-copy{align-self:center;padding:60px 30px 60px 0}.hero h1{font-size:clamp(55px,5vw,102px);text-transform:uppercase;letter-spacing:3px;margin:22px 0 10px}.hero-sub{font-size:26px}.ornament{color:var(--gold);margin:26px 0}.hero-copy p{max-width:390px;font-size:20px;line-height:1.7;font-style:italic;color:#686759}.text-link{display:inline-flex;gap:35px;font:13px Arial,sans-serif;border-bottom:1px solid var(--gold);padding:14px 0}.hero-counts{display:flex;gap:30px;margin-top:50px;font:11px Arial,sans-serif;color:#777568}.hero-counts strong{font:30px Georgia,serif;color:var(--ink);display:block;margin-bottom:7px}.hero-art{position:relative;overflow:hidden;min-height:720px}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 30%;mix-blend-mode:multiply;opacity:.95;mask-image:linear-gradient(to bottom,transparent 1%,black 17%,black 87%,transparent)}.button{background:var(--ink);color:#f5e7c9;border:1px solid #a98650;padding:19px 26px;font:14px Arial,sans-serif;display:inline-flex;gap:50px;box-shadow:5px 5px 5px #888;}.button:hover{background:#3d5048}.start{position:absolute;right:12px;top:25px;z-index:2}.art-caption{position:absolute;bottom:18px;width:100%;text-align:center;letter-spacing:4px;font:10px Arial,sans-serif;color:var(--gold)}.explore{max-width:1280px;padding:50px 5% 70px;margin:auto;border-top:1px solid var(--line)}.explore>h2{font-size:36px;margin:15px 0 35px}.portals{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.portals a{padding:22px 25px 30px;border-top:1px solid var(--line)}.portals h3{font-size:26px;margin:15px 0}.portals p{color:#777568;font-size:15px}.portals a>span:last-child{font:11px Arial,sans-serif;color:var(--gold)}footer{padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:10px Arial,sans-serif;letter-spacing:1.5px;color:#878170}.catalog,.detail,.game{max-width:96%;margin:auto;padding:40px 3% 60px;}.intro{font-size:20px;max-width:700px;line-height:1.6;color:#777568;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.cards.runes{grid-template-columns:repeat(4,1fr)}.card-image{aspect-ratio:4/4;overflow:hidden;background:#ddd4c1;/*! border:1px solid var(--line) */}.runes .card-image{aspect-ratio:4/5}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}.card:hover img{transform:scale(1.04)}.card-label{padding:16px 2px}.card h2{font-size:25px;margin:0}.card p{color:#777568;line-height:1.5;margin:10px 0;font-size:14px}.card-label>span{font:10px Arial,sans-serif;letter-spacing:1px;color:var(--gold)}.back{display:inline-block;font:13px Arial,sans-serif;color:#866235;margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:42% 1fr;gap:65px;align-items:start}.detail-art{width:100%;border:1px solid var(--line)}.detail h1{font-size:52px}.subtitle{font-size:22px;font-style:italic;color:#777568;margin-bottom:30px}.prose{font-size:18px;line-height:1.75;overflow-wrap:anywhere}.prose p{margin:0 0 14px}.notice{padding:25px;background:#e9dfcc}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.game-heading p{max-width:310px;color:#777568;line-height:1.6}.board{position:relative;max-width:950px;margin:30px auto}.board>img{width:100%}.hotspot{position:absolute;width:20%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid transparent}.hotspot:hover,.hotspot:focus-visible{border-color:#e6b95e;box-shadow:0 0 30px #ffda7c}.hotspot span{opacity:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:8px 12px;white-space:nowrap;font-size:12px}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}@media(max-width:900px){.header{align-items:flex-start}.brand{font-size:18px}.brand img{width:50px;height:50px}nav{gap:15px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.hero{grid-template-columns:1fr 1fr;min-height:620px}.hero-art{min-height:620px}.hero h1{font-size:56px}.hero-sub{font-size:20px}.hero-copy p{font-size:17px}.cards.runes{grid-template-columns:repeat(3,1fr)}.detail-grid{gap:35px}.detail h1{font-size:38px}}@media(max-width:600px){.header{flex-direction:column;gap:18px;padding:18px 6%}nav{width:100%;justify-content:space-between;gap:10px}.hero{display:flex;flex-direction:column-reverse;padding:0 6%}.hero-art{min-height:430px}.hero-art>img{object-position:center 26%}.start{top:20px}.hero-copy{padding:20px 0 40px}.hero h1{font-size:52px}.hero-counts{margin-top:28px}.portals,.cards,.cards.runes{grid-template-columns:repeat(2,1fr);gap:24px 16px}.portals a{padding:15px 0}.portals a:last-child{grid-column:1/-1}.explore>h2{font-size:29px}.catalog,.detail,.game{padding:35px 6% 50px}.card h2{font-size:21px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-art{max-height:650px;object-fit:contain}.game-heading{display:block}.game-heading p{max-width:none}.game h1{font-size:42px}footer{flex-direction:column;line-height:1.6}.prose{font-size:17px}}

/* Rounded translucent start button with the supplied icon. */
.button.start {
    border-radius: 24px;
    background: rgba(38, 52, 48, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 4px 12px;
    backdrop-filter: blur(4px);
    transition: background 0.8s ease;
}
.button.start:hover { background: rgba(38, 52, 48, 0.72); }
.button.start .start-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}
.world-medallion {
    width: min(24%, 249px);
    height: auto;
    display: block;
    margin: 0 0 8px;
    border: 2px solid #aaa;
    /*! align: right; */
    float: right;
    top: -8em;
    position: relative;
    right: 8em;
}