/* Adventure Guild · approved ornate gold UI v2
   Source of truth: approved 2026-11-01 homepage concept (gold swords TRPG, gold paw Fantasy,
   little Starfeather fox at lower-right with scenery still fully visible).
   Applied only to home and two portal halls. No gameplay JS, balances, RLS, saves touched. */
:root{--og-night:#12143f;--og-midnight:#201956;--og-indigo:#31317e;--og-violet:#8963c8;--og-lilac:#f4eafd;--og-blush:#fbe1f3;--og-gold:#e2b56a;--og-gold-pale:#ffe2a8;--og-pearl:#fffaf5;--og-border:rgba(219,163,72,.8);--og-shadow:0 12px 30px #211b6280}
html{scroll-behavior:smooth}
body.ornate-v2{background:radial-gradient(ellipse 70% 500px at 52% 0%,#735abe77,transparent),radial-gradient(ellipse 34% 340px at 85% 35%,#f7a7f466,transparent),linear-gradient(180deg,#201851 0%,#574aa9 520px,#e2d6ff 900px,#f7edff 100%);background-attachment:scroll;color:#fff9ed;overflow-x:hidden}
.ornate-v2,.ornate-v2 button,.ornate-v2 input,.ornate-v2 select{font-family:system-ui,-apple-system,"Microsoft JhengHei","Noto Sans TC",sans-serif}
.ornate-v2 a,.ornate-v2 button{touch-action:manipulation}
.ornate-v2 a:focus-visible,.ornate-v2 button:focus-visible{outline:3px solid #ffe5aa;outline-offset:3px}
.og-ornament{position:relative;isolation:isolate;box-shadow:var(--og-shadow),inset 0 0 0 1px #fce1b953;border:2px solid var(--og-gold);border-radius:19px}
.og-ornament:before{position:absolute;content:"";pointer-events:none;z-index:1;inset:7px;border:1px solid #f7cf8c88;border-radius:13px}
.og-ornament:after{position:absolute;content:"✧";pointer-events:none;z-index:2;color:#ffebc3;text-shadow:0 0 10px #ffde83;top:-14px;left:50%;transform:translateX(-50%);font-size:23px}
.og-gold-header{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(93deg,#23174a,#4f2785 48%,#211a57);border:1px solid #e9b76e;border-radius:999px;padding:7px 20px;color:#ffe5ad;font:800 clamp(20px,2.3vw,29px)/1.3 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;text-shadow:0 2px 5px #1e154d;box-shadow:0 3px 10px #17144a75,inset 0 0 0 2px #7b568b}
.og-gold-header svg,.og-icon{width:1.28em;height:1.28em;flex:none;stroke:#ffe2a8;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}
.og-gold-paw{filter:drop-shadow(0 1px 1px #7e421c)}
.og-gold-paw ellipse,.og-gold-paw path{fill:#f4c36e;stroke:#af6e30;stroke-width:1}
.ornate-v2 .og-portrait-credit{font-size:12px;color:#69527e}
/* Header: same logo/nav language in all three entrances. Keep original auth button/id. */
body.ornate-v2.home-v2 .topbar{background:linear-gradient(115deg,#0e153bfa,#2d205dfa 65%,#3b2466fa);border-bottom:2px solid var(--og-gold);box-shadow:0 7px 25px #14113888}
body.ornate-v2.home-v2 .topbar .wrap{max-width:1470px;padding:0 20px}
body.ornate-v2.home-v2 .topbar .nav{min-height:81px}
body.ornate-v2.home-v2 .topbar .logo{font:900 clamp(20px,2.2vw,29px)/1.1 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;letter-spacing:1px;color:#ffe5ad;text-shadow:0 2px 8px #000c}
body.ornate-v2.home-v2 .topbar .logo .mark{font-size:27px;width:52px;height:52px;border-radius:50%;color:#ffdfa1;box-shadow:0 0 0 2px #e2b56a,inset 0 0 20px #b3814280;background:radial-gradient(circle,#403279,#100e3e)}
body.ornate-v2.home-v2 .navlinks{gap:5px;font-weight:700;font-size:13px}
body.ornate-v2.home-v2 .navlinks>a:not(.navbutton){border:1px solid transparent;padding:12px 9px;border-radius:12px;color:#ffecc7;white-space:nowrap}
body.ornate-v2.home-v2 .navlinks>a:not(.navbutton):hover,body.ornate-v2.home-v2 .navlinks>a[aria-current="page"]{border-color:#edc382;background:#a97cb644;color:#fff8d5}
body.ornate-v2.home-v2 .navlinks>.navbutton{border:1px solid #efd18f;border-radius:12px;padding:10px 12px;color:#ffebbc;background:#604a9470;white-space:nowrap}
body.ornate-v2.home-v2 .mobmenu{border:1px solid var(--og-gold);border-radius:10px;color:#ffeac3}
/* Homepage frame: left guide, center hero and banner, right updates, two halls. */
body.ornate-v2.home-v2 main{background:transparent}
body.ornate-v2.home-v2 .guild-v2-board{width:min(1460px,calc(100% - 30px));max-width:1460px;margin:16px auto 30px;display:grid;grid-template-columns:minmax(210px,248px) minmax(0,1fr) minmax(215px,255px);gap:14px;color:#fff8ed}
body.ornate-v2.home-v2 .guild-v2-board .og-guide{grid-column:1;grid-row:1 / span 2;background:linear-gradient(165deg,#1d1b50f5,#48357eea 62%,#9c74cbaa);padding:22px 17px;min-width:0}
.guild-v2-board .og-guide h2{margin:0 0 9px;font-size:18px;color:#ffe1a0}
.guild-v2-board .og-guide h3{color:#ffe1a0;border-bottom:1px solid #deb775;margin:18px 0 12px;padding-bottom:6px;font-size:15px}
.guild-v2-board .og-guide p{font-size:13px;line-height:1.85;color:#f8f0ff;margin:0}
.guild-v2-board .og-palette-title{font-size:12px;font-weight:800;letter-spacing:.3px;color:#fff2d5}
.guild-v2-board .og-colors{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 8px}
.guild-v2-board .og-swatch{display:inline-block;width:30px;height:30px;border-radius:50%;border:2px solid #fff0ce;box-shadow:0 2px 5px #0c12435c,inset 0 0 8px #ffffff4d}
.guild-v2-board .og-guide .og-small{color:#dcd8f6;font-size:11px}
.guild-v2-board .og-hero{grid-column:2;grid-row:1;min-width:0;min-height:308px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px;padding:26px 22px 24px;overflow:hidden;background:radial-gradient(circle at 54% 10%,#fff1e1a8,transparent 28%),radial-gradient(circle at 85% 58%,#f78acd8c,transparent 35%),linear-gradient(127deg,#1e3363 0%,#4d4d9c 42%,#b995d5 100%)}
.guild-v2-board .og-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;background:radial-gradient(circle at 18% 63%,#fcce9caa,transparent 19%),linear-gradient(0deg,#1c1655e8 0,transparent 70%);pointer-events:none}
.guild-v2-board .og-hero .og-banner-sky{position:absolute;inset:0;z-index:-1;opacity:.82;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}
.guild-v2-board .og-banner-sky>span{background-repeat:no-repeat;background-position:center 65%;background-size:cover;filter:saturate(1.25)}
.guild-v2-board .og-hero h1{font:900 clamp(32px,3.8vw,52px)/1.08 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;color:#fff6e2;text-shadow:0 2px 11px #1b194c,0 0 15px #f1dcad80;margin:0}
.guild-v2-board .og-hero .og-hero-en{font-family:Georgia,serif;font-size:15px;font-weight:700;color:#f7e5ad;text-shadow:0 2px 8px #14143e}
.guild-v2-board .og-hero .og-hero-sub{font-weight:900;font-size:14px;color:#f8e4bf;letter-spacing:1.7px;margin:0;text-shadow:0 1px 6px #15113c}
.guild-v2-board .og-big-entries{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:6px 0 0}
.guild-v2-board .og-main-entrance{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;padding:13px 20px;min-width:225px;min-height:76px;border:2px solid #f7cd84;border-radius:999px;background:linear-gradient(135deg,#212057ed,#40367bf2 68%,#22215aee);color:#ffedc4!important;text-decoration:none!important;box-shadow:0 5px 9px #0e104870,inset 0 0 11px #f6bf6669;text-shadow:0 2px 5px #0f114f}
.guild-v2-board .og-main-entrance:hover,.guild-v2-board .og-main-entrance:focus-visible{transform:translateY(-2px);box-shadow:0 8px 17px #0e10489e,0 0 15px #f4c47b}
.guild-v2-board .og-main-entrance.fantasy{background:linear-gradient(130deg,#4c225e,#933d80 58%,#48256f)}
.guild-v2-board .og-main-entrance strong{display:block;font-size:clamp(21px,2.5vw,30px);line-height:1.1}
.guild-v2-board .og-main-entrance small{display:block;font-size:11px;line-height:1.7;color:#fff2d8;margin-top:5px}
.guild-v2-board .og-main-entrance .og-logo{font-size:35px;color:#ffe3a2;filter:drop-shadow(0 2px 5px #0007);line-height:1}
.guild-v2-board .og-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;background:#fff7f1ef;border:1px solid #e6b46c;border-radius:999px;padding:8px 16px;box-shadow:0 4px 12px #1f175560}
.guild-v2-board .og-hero-actions a{font-size:13px;font-weight:800;color:#4c3551;text-decoration:none;padding:4px 7px;border-right:1px solid #e2b56a}
.guild-v2-board .og-hero-actions a:last-child{border-right:0}
.guild-v2-board .og-hero-actions a:hover{color:#a45491;text-decoration:underline}
.guild-v2-board .og-updates{grid-column:3;grid-row:1;min-width:0;background:linear-gradient(168deg,#fff8f9,#ffeaf7 55%,#f5ebff);padding:15px;color:#493152;display:flex;flex-direction:column}
.guild-v2-board .og-updates h2{display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#fff3c6;background:linear-gradient(130deg,#262052,#582e78);border:2px solid var(--og-gold);border-radius:999px;margin:0 0 10px;padding:6px;box-shadow:0 4px 8px #47306350}
.guild-v2-board .og-updates .og-update-star{color:#9b5e82;font-weight:900;font-size:13px;border-top:1px solid #ddb773;padding-top:10px}
.guild-v2-board .og-updates .og-update-intro{font-size:11px;color:#695570;margin:0 0 10px}
.guild-v2-board .og-updates .og-fox-thumb{border-radius:12px;padding:10px;border:1px solid #dbab60;background:linear-gradient(130deg,#3d2f77,#8b5287);color:#fff1d7;margin-bottom:10px}
.guild-v2-board .og-updates .og-fox-thumb strong{color:#ffe0aa;font-size:13px}
.guild-v2-board .og-updates .og-fox-thumb small{font-size:11px;display:block;margin-top:4px}
.guild-v2-board .og-updates .og-side-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.guild-v2-board .og-updates .og-side-list li{font-size:12px;line-height:1.5;border-bottom:1px solid #dec8dd;padding:0 0 7px}
.guild-v2-board .og-updates .og-side-list li:before{content:"✧ ";color:#a97c37}
.guild-v2-board .og-updates .og-side-list a{color:#794c83;text-decoration:none;font-size:12px;font-weight:800}
.guild-v2-board .og-updates .og-side-list a:hover{text-decoration:underline}
.guild-v2-board .og-halls{grid-column:2 / 4;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.guild-v2-board .og-hall{position:relative;overflow:hidden;min-width:0;min-height:304px;display:flex;flex-direction:column;justify-content:space-between;padding:9px 9px 0;background:linear-gradient(170deg,#28245f,#60549c)}
.guild-v2-board .og-hall.fantasy{background:linear-gradient(150deg,#573064,#a96ba3 63%,#cb9bc7)}
.guild-v2-board .og-hall .og-hall-heading{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:9px;background:linear-gradient(130deg,#21235aee,#443177dd);border:1px solid var(--og-gold);border-radius:999px;padding:7px 13px;color:#fff0c5}
.guild-v2-board .og-hall.fantasy .og-hall-heading{background:linear-gradient(125deg,#572554,#973d81dd)}
.guild-v2-board .og-hall .og-hall-heading strong{font:900 clamp(18px,2.1vw,28px)/1.2 Georgia,"Microsoft JhengHei",serif;white-space:nowrap}
.guild-v2-board .og-hall .og-hall-heading span{font-size:11px;line-height:1.3;color:#fff5e0}
.guild-v2-board .og-hall .og-hall-heading .og-hall-symbol{font-size:28px;color:#f9d992}
.guild-v2-board .og-hall .og-landscape{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.guild-v2-board .og-hall .og-landscape:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 82% 40%,#fffbd47e,transparent 30%),linear-gradient(180deg,#252357 0%,#4156a9 45%,#ba92c9 100%)}
.guild-v2-board .og-hall.fantasy .og-landscape:before{background:radial-gradient(circle at 81% 40%,#ffedccab,transparent 30%),linear-gradient(180deg,#532968,#b578bc 44%,#f5b6dc)}
.guild-v2-board .og-hall .og-landscape .og-landscape-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.94}
.guild-v2-board .og-hall .og-hall-foot{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:150px -9px 0;padding:8px 6px;background:linear-gradient(110deg,#1b2254f7,#333068ed);border-top:2px solid #e5bc73;box-shadow:0 -6px 20px #19164b87}
.guild-v2-board .og-hall.fantasy .og-hall-foot{grid-template-columns:repeat(6,minmax(0,1fr));background:linear-gradient(110deg,#492657ee,#6d3072ed)}
.guild-v2-board .og-hall .og-hall-foot a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffe9b6!important;font-size:12px;font-weight:800;min-height:63px;padding:5px 3px;border-right:1px solid #e9b76a88;text-decoration:none}
.guild-v2-board .og-hall .og-hall-foot a:last-child{border-right:0}
.guild-v2-board .og-hall .og-hall-foot a:hover{background:#fff0bf1e;text-shadow:0 0 8px #f4db95}
.guild-v2-board .og-hall .og-hall-foot .og-footicon{font-size:22px;line-height:1.3;margin-bottom:3px}
.guild-v2-board .og-showcase{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:1.1fr 1fr 1.35fr;gap:13px;margin-top:0}
.guild-v2-board .og-sample{padding:13px 15px 15px;background:linear-gradient(130deg,#fffaf7,#f8e9fc);color:#5a3865;min-width:0}
.guild-v2-board .og-sample h3{font-size:15px;background:linear-gradient(110deg,#251a56,#573277);border:1px solid #e4b871;border-radius:999px;color:#ffe4aa;display:inline-flex;margin:0 0 12px;padding:5px 13px}
.guild-v2-board .og-demo-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.guild-v2-board .og-demo-primary{background:linear-gradient(115deg,#55256e,#9b3d94);border:2px solid #e2b56a;color:#ffebbb;border-radius:99px;font-size:16px;font-weight:900;padding:10px 22px;box-shadow:0 6px 14px #52335b5b}
.guild-v2-board .og-demo-secondary{background:#fff6ef;border:1px solid #d6b06a;border-radius:99px;padding:8px 15px;color:#624c66;font-weight:800;font-size:12px}
.guild-v2-board .og-chip{height:76px;aspect-ratio:3/2;border-radius:13px;border:2px solid #dda55e;background:linear-gradient(145deg,#1a2050,#6f4fab);display:inline-block;position:relative;box-shadow:0 4px 9px #5b346a40}
.guild-v2-board .og-chip.light{background:linear-gradient(145deg,#fffdf5,#fae5de)}
.guild-v2-board .og-chip.magic{background:linear-gradient(145deg,#e2cafa,#a87ade)}
.guild-v2-board .og-showcase .og-icons{display:flex;gap:7px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.guild-v2-board .og-showcase .og-mini-icon{background:#222052;border:1px solid #e4b871;border-radius:9px;color:#ffe5a4;padding:7px 10px;font-size:22px}
body.ornate-v2.home-v2 #portal-home-news{background:linear-gradient(180deg,#e4d9fc,#f4eafa);border-top:1px solid #d6b06a}
body.ornate-v2.home-v2 #portal-home-news .news-shell{max-width:1200px}
body.ornate-v2.home-v2 #portal-home-news h2,body.ornate-v2.home-v2 #portal-home-news h3{color:#452b67}
body.ornate-v2.home-v2 #portal-home-news .muted{color:#6a5b7b}
body.ornate-v2.home-v2 #portal-home-news .news-banner{border-color:#d5ac6c}
body.ornate-v2.home-v2 #account,body.ornate-v2.home-v2 #features,body.ornate-v2.home-v2 #play,body.ornate-v2.home-v2 #progress{--gold:#e2b56a;--gold2:#b17e3b;border-top:1px solid #d6b06a}
body.ornate-v2.home-v2 #account .account-box,body.ornate-v2.home-v2 #features .card{border-color:#c69e6a}
/* Portal halls share the same gold craftsmanship, but not TRPG currency/inventory or logic. */
body.ornate-v2.trpg-v2{background:radial-gradient(ellipse at 60% 0%,#47428f77,transparent 50%),linear-gradient(145deg,#0c1331,#25205d 42%,#2d2264 70%,#0c122a);color:#f7eedf}
body.ornate-v2.trpg-v2 header{background:linear-gradient(100deg,#111836,#30245a)!important;border-bottom:2px solid var(--og-gold)!important}
body.ornate-v2.trpg-v2 header .shell{max-width:1400px}
body.ornate-v2.trpg-v2 header a.brand{color:#ffe1a8;font-size:22px;font-weight:900}
body.ornate-v2.trpg-v2 header nav a{border-color:#d3aa69;color:#ffe1b1}
body.ornate-v2.trpg-v2 header nav a[aria-current="page"]{background:#e1b46b;color:#24204b}
body.ornate-v2.trpg-v2 .shell{max-width:1250px}
body.ornate-v2.trpg-v2 main .hero{padding:32px 32px 46px;margin:28px 0 18px;min-height:296px;border:2px solid #e0b36b;border-radius:22px;background:linear-gradient(90deg,#121741e8,#242466b7 66%,#3d357186);box-shadow:0 15px 30px #0006,inset 0 0 0 7px #e0b36b22;overflow:hidden;position:relative;isolation:isolate}
body.ornate-v2.trpg-v2 main .hero:before{position:absolute;content:"";z-index:-1;inset:0;background:var(--og-scene-trpg,radial-gradient(circle at 60% 50%,#8793dcaa,transparent 35%));background-size:cover;background-position:center 45%;opacity:.48;filter:saturate(1.2)}
body.ornate-v2.trpg-v2 main .hero .eyebrow{color:#e9c88c}
body.ornate-v2.trpg-v2 main .hero h1{color:#ffe2a6;text-shadow:0 3px 10px #121437}
body.ornate-v2.trpg-v2 main .hero p{color:#fff2df;text-shadow:0 2px 4px #15123c;max-width:780px}
body.ornate-v2.trpg-v2 .decor{background:linear-gradient(90deg,#f4d08a,#9875d9,transparent)}
body.ornate-v2.trpg-v2 .grid.three .card{border:1px solid #cb9b54;background:linear-gradient(145deg,#222152,#342b6b);border-radius:20px;box-shadow:0 13px 22px #0005,inset 0 0 0 5px #d6b06a18}
body.ornate-v2.trpg-v2 .grid.three .card h3{color:#f8d69f}
body.ornate-v2.trpg-v2 .grid.three .card p{color:#d4d7f1}
body.ornate-v2.trpg-v2 .grid.three .badge{border-color:#cb9b54;color:#ffe4ac}
body.ornate-v2.trpg-v2 .panel{border:1px solid #cba15d;background:linear-gradient(145deg,#1c224f,#28255d);border-radius:17px}
body.ornate-v2.trpg-v2 .intro-stats>*{border-color:#cba15d}
body.ornate-v2.trpg-v2 footer{border-top:1px solid #d6b06a}
/* Fantasy hall: lavender sunset + full scenic panel + small fox at lower-right (do not fill the frame). */
body.ornate-v2.fantasy-v2{background:radial-gradient(circle at 83% 6%,#fce9aa,transparent 24%),radial-gradient(circle at 15% 7%,#a697ed4f,transparent 35%),linear-gradient(145deg,#eee4ff 0%,#fae3f6 55%,#f1e8ff);color:#59445f}
body.ornate-v2.fantasy-v2 header{background:linear-gradient(120deg,#151744,#312367)!important;border-bottom:2px solid #e3b66a!important;color:#ffe5b4}
body.ornate-v2.fantasy-v2 header .logo{color:#ffe0a0;font-size:22px}
body.ornate-v2.fantasy-v2 header nav a{color:#ffe8c4}
body.ornate-v2.fantasy-v2 header nav a[aria-current="page"]{background:#e2b56a;color:#24194e;border-color:#f6d99b}
body.ornate-v2.fantasy-v2 main{padding-top:26px}
body.ornate-v2.fantasy-v2 main .hero{gap:16px}
body.ornate-v2.fantasy-v2 .hero-content{background:linear-gradient(145deg,#fffcffeb,#f0e6faed);border:2px solid #d6b06a;border-radius:24px;box-shadow:0 17px 28px #a37bb33d,inset 0 0 0 6px #fff8f585}
body.ornate-v2.fantasy-v2 .hero-content h1{color:#703b7e;text-shadow:0 2px 4px #ffe5eb}
body.ornate-v2.fantasy-v2 .hero-content .eyebrow{color:#9c639a}
body.ornate-v2.fantasy-v2 .hero-content p{color:#735a7b}
body.ornate-v2.fantasy-v2 .hero-art.fox-feature{min-height:320px;border:2px solid #e0b46b;border-radius:24px;box-shadow:0 16px 30px #a17cac5c;overflow:hidden;position:relative;padding:14px;background:var(--og-scene-fantasy,linear-gradient(140deg,#be9de0,#f7c5e7 60%,#f5e2a9)) center/cover no-repeat}
body.ornate-v2.fantasy-v2 .hero-art.fox-feature:after{content:"";pointer-events:none;position:absolute;inset:7px;border:1px solid #f5d5a1;border-radius:19px}
body.ornate-v2.fantasy-v2 .fox-feature .fox-portrait{position:absolute;right:9%;bottom:13%;display:block;width:35%;max-width:138px;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #f5daae;border-radius:32% 32% 24% 24%;box-shadow:0 5px 16px #5e397b48}
body.ornate-v2.fantasy-v2 .fox-feature .fox-gold-paw{top:14px;left:16px;font-size:24px}
body.ornate-v2.fantasy-v2 .fox-feature .fox-feature-name{position:absolute;left:18px;bottom:50px;font-size:18px;color:#fff5e4;background:#54356bbb;padding:3px 13px;border:1px solid #e0b46b;border-radius:30px}
body.ornate-v2.fantasy-v2 .fox-feature p{position:absolute;bottom:12px;left:13px;right:13px;text-align:left;font-size:12px;color:#fff7ee;text-shadow:0 1px 4px #372158;background:#402857b0;padding:4px 10px;border-radius:9px;margin:0}
body.ornate-v2.fantasy-v2 .tile,body.ornate-v2.fantasy-v2 .group{border-color:#d5aa6b;box-shadow:0 9px 25px #a777b029}
body.ornate-v2.fantasy-v2 .tile{background:linear-gradient(145deg,#fffdfd,#f8eafc);border-width:1.5px}
body.ornate-v2.fantasy-v2 .tile h3,body.ornate-v2.fantasy-v2 .group h2{color:#754581}
body.ornate-v2.fantasy-v2 .tile .icon{filter:drop-shadow(0 2px 4px #d3a66166)}
body.ornate-v2.fantasy-v2 .tile a{color:#815092;border-bottom-color:#d6b06a}
body.ornate-v2.fantasy-v2 #hostedPrototypeLink{border:2px solid #d6b06a!important;background:linear-gradient(130deg,#fcf2fd,#f5e3ef)!important}
body.ornate-v2.fantasy-v2 #hostedPrototypeLink .soft-btn.primary{border:2px solid #e4bd78!important;background:linear-gradient(110deg,#6d368d,#a25298)!important;color:#fff8e4!important}
body.ornate-v2.fantasy-v2 .notice{border-color:#d8b16d;color:#6f4c54;background:#fff5df}
body.ornate-v2.fantasy-v2 footer{border-top:1px solid #d6b06a;color:#805e83}
@media(max-width:1220px){
 body.ornate-v2.home-v2 .guild-v2-board{grid-template-columns:210px minmax(0,1fr) 218px;gap:11px}
 .guild-v2-board .og-main-entrance{min-width:190px}
 .guild-v2-board .og-hall .og-hall-heading span{display:none}
 .guild-v2-board .og-hall .og-hall-foot a{font-size:11px}
}
@media(max-width:980px){
 body.ornate-v2.home-v2 .guild-v2-board{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:12px}
 body.ornate-v2.home-v2 .guild-v2-board .og-hero{grid-column:1;grid-row:1}
 body.ornate-v2.home-v2 .guild-v2-board .og-updates{grid-column:2;grid-row:1}
 body.ornate-v2.home-v2 .guild-v2-board .og-halls{grid-column:1/-1;grid-row:2}
 body.ornate-v2.home-v2 .guild-v2-board .og-guide{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:20px}
 body.ornate-v2.home-v2 .guild-v2-board .og-guide>h2{grid-column:1/-1}
 body.ornate-v2.home-v2 .guild-v2-board .og-guide h3{margin:0 0 11px}
 body.ornate-v2.home-v2 .guild-v2-board .og-showcase{grid-row:4}
 .guild-v2-board .og-main-entrance{min-width:185px}
 body.ornate-v2.home-v2 .navlinks{gap:0}
}
@media(max-width:760px){
 body.ornate-v2.home-v2 .topbar .nav{min-height:69px}
 body.ornate-v2.home-v2 .topbar .navlinks{display:none;position:absolute;left:12px;right:12px;top:100%;padding:13px;background:#242051;border:1px solid #d6b06a;border-radius:16px;flex-direction:column;box-shadow:0 14px 25px #16134499}
 body.ornate-v2.home-v2 .topbar .navlinks.open{display:flex}
 body.ornate-v2.home-v2 .topbar .navlinks>a{width:100%;padding:10px 12px}
 body.ornate-v2.home-v2 .guild-v2-board{display:flex;flex-direction:column;width:calc(100% - 22px);margin:12px auto 22px}
 .guild-v2-board .og-hero{min-height:355px}
 .guild-v2-board .og-big-entries{width:100%;gap:9px}
 .guild-v2-board .og-main-entrance{min-width:0;flex:1 1 195px;padding:13px}
 .guild-v2-board .og-halls{display:grid;grid-template-columns:1fr;gap:12px}
 .guild-v2-board .og-hall{min-height:280px}
 .guild-v2-board .og-hall .og-hall-foot{margin-top:143px}
 .guild-v2-board .og-updates{min-height:190px}
 .guild-v2-board .og-guide{display:block}
 .guild-v2-board .og-showcase{grid-template-columns:1fr}
 .guild-v2-board .og-guide .og-color-guide{display:inline-block;vertical-align:top;width:min(100%,290px);margin:0 12px 12px 0}
 body.ornate-v2.fantasy-v2 .fox-feature .fox-portrait{max-width:126px}
}
@media(max-width:470px){
 .guild-v2-board .og-hero{padding:21px 14px}
 .guild-v2-board .og-main-entrance{flex-basis:100%;min-height:62px}
 .guild-v2-board .og-hero-actions{border-radius:18px;padding:9px}
 .guild-v2-board .og-hero-actions a{font-size:12px}
 .guild-v2-board .og-hall .og-hall-foot a{font-size:10px}
 .guild-v2-board .og-hall .og-hall-foot .og-footicon{font-size:18px}
 .guild-v2-board .og-hall .og-hall-heading strong{font-size:19px}
 body.ornate-v2.fantasy-v2 .hero-art.fox-feature{min-height:285px}
}
@media(prefers-reduced-motion:reduce){.ornate-v2 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Homepage high-resolution artwork: each world gets its own WebP landscape.
   Keep the original tiny 640x100 sprite as a fallback layer while the independent
   image assets are being uploaded. Preserve live HTML text and links. */
.guild-v2-board .og-hall .og-landscape-photo{top:51px;bottom:68px;background-image:url('/assets/illustrations/guild-hall-trpg.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-size:cover,200% 100%;background-repeat:no-repeat;background-position:center,left top}
.guild-v2-board .og-hall.fantasy .og-landscape-photo{background-image:url('/assets/illustrations/guild-hall-fantasy.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-position:center,right top}
.guild-v2-board .og-hero .og-banner-sky{z-index:0;opacity:.78;overflow:hidden}
.guild-v2-board .og-hero .og-banner-sky>span{background-image:url('/assets/illustrations/guild-hall-trpg.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-size:cover,200% 100%;background-repeat:no-repeat}
.guild-v2-board .og-hero .og-banner-sky>.og-banner-left{background-position:center,left center}
.guild-v2-board .og-hero .og-banner-sky>.og-banner-right{background-image:url('/assets/illustrations/guild-hall-fantasy.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-position:center,right center}
.guild-v2-board .og-hero:before{z-index:1;inset:0;background:linear-gradient(180deg,#21225246 0%,#24225c83 57%,#35245ab8 100%);opacity:1}
.guild-v2-board .og-hero>*:not(.og-banner-sky){position:relative;z-index:2}
.guild-v2-board .og-updates .og-recent-feed{display:grid;gap:6px;padding:0;margin:8px 0 6px;max-height:300px;overflow:hidden;min-height:70px}
.guild-v2-board .og-updates .og-recent-feed .news-entry{background:#fffdf9;border:1px solid #e7c9a0;border-radius:9px;padding:8px 9px;color:#523758;box-shadow:0 2px 5px #73597614}
.guild-v2-board .og-updates .og-recent-feed .news-entry h3{font:800 12px/1.6 system-ui,"Microsoft JhengHei",sans-serif;color:#68406d;margin:3px 0}
.guild-v2-board .og-updates .og-recent-feed .news-entry p{display:none}
.guild-v2-board .og-updates .og-recent-feed .news-entry-top{display:flex;gap:4px;flex-wrap:wrap}
.guild-v2-board .og-updates .og-recent-feed .news-pill{font-size:10px;padding:2px 5px;border-radius:5px}
.guild-v2-board .og-updates .og-recent-feed .news-entry-bottom{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:#86648a;font-size:10px}
body.ornate-v2.trpg-v2 main .hero:before{background-image:linear-gradient(90deg,#121431a8,#1822539c),url('/assets/illustrations/guild-hall-trpg.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-size:auto,cover,200% 100%;background-position:center,center,left top}
body.ornate-v2.fantasy-v2 .hero-art.fox-feature{background-image:linear-gradient(180deg,#ffffff06,#5d2d5d15),url('/assets/illustrations/guild-hall-fantasy.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');background-size:auto,cover,200% 100%;background-position:center,center,right top}
body.ornate-v2.fantasy-v2 .fox-feature .fox-portrait{display:none}
body.ornate-v2.fantasy-v2 .fox-feature .fox-feature-name{bottom:48px;left:14px;font-size:15px}
body.ornate-v2.fantasy-v2 .fox-feature p{right:12px;max-width:calc(100% - 25px)}
/* Better section readability and scroll targets on fixed header. */
.ornate-v2 [id]{scroll-margin-top:98px}
@media(max-width:760px){
.guild-v2-board .og-hall .og-landscape-photo{top:49px;bottom:67px}
.guild-v2-board .og-updates .og-recent-feed{max-height:none}
}


/* Tablet nav: keep an always-available hamburger instead of hiding all links from 760–900px. */
@media(max-width:980px){
 body.ornate-v2.home-v2 .topbar .mobmenu{display:block}
 body.ornate-v2.home-v2 .topbar .navlinks{display:none;position:absolute;left:12px;right:12px;top:100%;z-index:25;
  max-height:min(76vh,600px);overflow:auto;padding:13px;background:#252051;border:1px solid #d6b06a;
  border-radius:16px;flex-direction:column;box-shadow:0 14px 25px #16134499}
 body.ornate-v2.home-v2 .topbar .navlinks.open{display:flex}
 body.ornate-v2.home-v2 .topbar .navlinks>a{width:100%;padding:10px 12px}
}

/* Featured promo uses the approved Fantasy landscape (includes the same small fox), not a new mascot. */
.guild-v2-board .og-updates .og-fox-thumb{display:block;min-height:77px;padding:11px 13px;
 background-image:linear-gradient(90deg,#2f1c60ef 0%,#483064da 60%,#2a1a4980 100%),url('/assets/illustrations/guild-hall-fantasy.webp'),url('/assets/illustrations/guild-approved-hall-sprite.webp');
 background-size:auto,cover,200% 100%;background-repeat:no-repeat;background-position:center,center,right center;text-decoration:none}
.guild-v2-board .og-updates .og-fox-thumb strong,.guild-v2-board .og-updates .og-fox-thumb small{display:block;max-width:84%;text-shadow:0 1px 3px #160c3d}
.guild-v2-board .og-updates .og-fox-thumb:hover{border-color:#f8d7a2;filter:brightness(1.06)}
.guild-v2-board .og-updates .og-recent-feed .news-entry-bottom{display:none}
.guild-v2-board .og-updates .og-recent-feed .news-entry{padding:6px 9px}
.guild-v2-board .og-updates .og-recent-feed .news-entry h3{line-height:1.35}