/* OranCraft 3.3.6 — charcoal surfaces and quiet block patterns. */
.oran-public {
  color-scheme: dark;
  --experience-ink: #f2f0eb;
  --experience-text: #d4dae2;
  --experience-muted: #b0b8c4;
  --experience-blue: #72d2db;
  --experience-gold: #f4c477;
  --experience-line: #46505d;
  --experience-sky: #343b44;
  --experience-ground: #202328;
  --experience-surface: #2b3038;
  --experience-recessed: #24292f;
  --experience-on-accent: #202328;
  --bg: var(--experience-ground);
  --surface: var(--experience-surface);
  --surface2: var(--experience-sky);
  --text: var(--experience-text);
  --ink: var(--experience-ink);
  --oran-ink: var(--experience-ink);
  --muted: var(--experience-muted);
  --line: var(--experience-line);
  --accent: var(--experience-blue);
  --accent2: var(--experience-gold);
  color: var(--experience-ink);
  background-color: var(--experience-ground);
  background-image: radial-gradient(ellipse at 8% 5%,#ffffff09,transparent 48%), linear-gradient(#ffffff05 1px,transparent 1px), linear-gradient(90deg,#ffffff05 1px,transparent 1px);
  background-size: 100% 100%, 80px 80px, 80px 80px;
  background-position: center, center top, center top;
  background-repeat: no-repeat, repeat, repeat;
  background-attachment: scroll;
  font-size: 1rem;
  line-height: 1.8;
}
.oran-public .section { padding-block: clamp(56px, 7vw, 100px); }
.oran-public .section-kicker { font-size: .875rem; letter-spacing: .12em; color: #086d89; font-weight: 800; }
.oran-public :is(.section-head,.board-title) h2 { font-size: clamp(1.75rem, 3.3vw, 2.75rem); color: var(--experience-ink); line-height: 1.35; letter-spacing: .02em; }
.oran-public :is(.section-head,.board-title) p { color: var(--experience-muted); font-size: 1rem; }
.oran-public .section-head { align-items: end; margin-bottom: 36px; }
.oran-public .btn { min-height: 44px; font-size: .9375rem; border-radius: 10px; }
.oran-public :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #e69a20; outline-offset: 4px; }

/* Navigation keeps the existing links and mobile controls. */
.oran-public .topbar.oran-site-header {
  border: 1px solid #9bc8dc70 !important;
  border-radius: 16px !important;
  background: #0b2c3eed !important;
  box-shadow: 0 10px 32px #08263928 !important;
  backdrop-filter: blur(18px);
}
.oran-public .oran-brand { text-shadow: none !important; color: #fff !important; font-size: 1.25rem !important; }
.oran-public .oran-navlinks>a { color: #e2eff6 !important; border-radius: 8px !important; text-shadow: none; font-size: .9375rem !important; }
.oran-public .oran-navlinks>a:is(:hover,.active-nav) { background: #c8f0ff1c !important; color: #fff !important; }
.oran-public .oran-navlinks>a.active-nav { box-shadow: inset 0 -3px #f5bb58; }
.oran-public .oran-navlinks>a::after { display: none; }
.oran-public .oran-header-socials .oran-social-icon { padding: 8px !important; }
.oran-public .oran-server-pill { background: #071c2c65; border: 1px solid #b4d9e82e; }
.oran-public .server-pill-copy small { color: #bbd4df; }

/* The homepage opens with the landscape and a large welcome, without a paper panel. */
.oran-public .oran-brand-hero.oran-depth-hero { min-height: 720px !important; box-shadow: none; perspective: none; }
.oran-public .oran-brand-hero.oran-depth-hero::before { mask-image: none; -webkit-mask-image: none; }
.oran-public .oran-depth-shell { padding-bottom: 34px; }
.oran-public .oran-depth-layout {
  grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr) !important;
  gap: clamp(24px,5vw,72px) !important;
  padding-top: 160px !important;
  padding-bottom: 64px !important;
  align-items: center !important;
}
.oran-public .depth-paper-card {
  grid-column: 1; grid-row: 1;
  justify-self: start !important;
  width: 100%; max-width: none;
  padding: 0 !important;
  border: 0 !important; background: transparent !important;
  border-radius: 0 !important; box-shadow: none !important;
  transform: none !important; text-align: left;
}
.oran-public .depth-paper-card::before,
.oran-public .depth-paper-card::after,
.oran-public .paper-pin,
.oran-public .depth-paper-card .oran-hero-emblem,
.oran-public .hero-pixel-edge { display: none; }
.oran-public .depth-paper-card h1 {
  color: #fff !important;
  font-size: clamp(2.3rem,4.3vw,3.75rem) !important;
  line-height: 1.35 !important;
  font-weight: 850; letter-spacing: .025em;
  text-shadow: 0 3px 26px #021723aa;
  margin: 12px 0 24px;
}
.oran-public .depth-paper-card h1 span:first-child { color: #ffcd7a; font-size: .68em; }
.oran-public .depth-paper-card p { color: #f2f8fb !important; font-size: 1.0625rem !important; font-weight: 500 !important; line-height: 1.9 !important; text-shadow: 0 2px 8px #051d2e; max-width: 36em; }
.oran-public .depth-paper-card .section-kicker { color: #ffe0aa; }
.oran-public .hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 14px; margin-top: 30px; }
.oran-public .hero-actions .btn { min-height: 52px; padding: 12px 24px !important; border-radius: 10px !important; font-size: 1rem !important; text-shadow: none !important; box-shadow: none !important; }
.oran-public .hero-actions .btn-primary { background: #ffc66c !important; color: #193c4a !important; border: 1px solid #ffdca2 !important; }
.oran-public .hero-actions .btn-discord { background: #173f5bef !important; color: #fff !important; border: 1px solid #b7dbf183 !important; }
.oran-public .hero-brand-stage { grid-column: 2; grid-row: 1; text-align: center; }
.oran-public .hero-brand-logo { width: min(470px,100%) !important; filter: drop-shadow(0 14px 30px #03202e88); }
.oran-public .hero-tagline-plaque { background: #0b2d43ad !important; color: #fff; border: 1px solid #c2e9ff55 !important; box-shadow: none !important; font-size: .875rem; padding: 10px 18px; border-radius: 8px; width: fit-content; margin: 18px auto 0; }
.oran-public .hero-brand-copy { color: #eff8fc; font-size: 1rem; max-width: 26em; margin: 18px auto 0; text-shadow: 0 2px 9px #092b39; }
.oran-public .depth-hud {
  position: relative !important; left: auto !important; right: auto !important; bottom: auto !important;
  transform: none !important; width: 100% !important; margin: 0;
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  background: #fafdffff !important; border: 1px solid #fff !important; border-radius: 14px !important;
  padding: 16px 10px; box-shadow: 0 14px 40px #0627381f !important;
}
.oran-public .depth-hud>div { display: grid !important; gap: 3px; padding: 2px 24px; border-right: 1px solid #ddeaf1; }
.oran-public .depth-hud>div:last-child { border-right: 0; }
.oran-public .depth-hud small { color: #587786 !important; font-size: .875rem !important; text-shadow: none; }
.oran-public .depth-hud b { color: #164c63 !important; font-size: clamp(1rem,1.7vw,1.25rem) !important; text-shadow: none; overflow-wrap: anywhere; }

/* Open sections and distinct shapes for server content. */
.oran-public .world-welcome { background: var(--experience-ground); border-color: var(--experience-line); padding-block: 64px; }
.oran-public :is(.join-board,.adventurer-board,.community-news-panel,.supporter-board) { padding: 30px; border: 1px solid var(--experience-line) !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 8px 24px #244e6309 !important; }
.oran-public .join-board::before { display: none; }
.oran-public .join-board { grid-template-columns: minmax(0,1fr); gap: 20px; align-content: start; align-self: start; }
.oran-public .join-board-emblem { width: 66px; height: 66px; border: 0; box-shadow: none; border-radius: 14px; background: #e4f4fc; }
.oran-public .join-board-emblem img { width: 54px; height: 54px; }
.oran-public .join-board h2 { font-size: clamp(1.6rem,2.5vw,2.1rem); line-height: 1.4; color: var(--experience-ink); }
.oran-public .join-board p { font-size: 1rem; color: var(--experience-muted); }
.oran-public .join-addresses { gap: 12px; }
.oran-public .join-addresses>* { padding: 16px; background: #f3f9fc !important; border: 1px solid #c8e2ed !important; border-radius: 10px; box-shadow: none !important; color: #12506a; }
.oran-public .join-addresses small { color: #517588; font-size: .75rem; }
.oran-public .join-addresses strong { font-size: 1.125rem; }
.oran-public .join-addresses span { color: #3c677d; font-size: .875rem; }
.oran-public .recent-player { padding: 14px 0; background: transparent; border: 0; border-bottom: 1px solid #e1edf3; box-shadow: none; }
.oran-public .recent-player b { font-size: 1rem; color: #164c61; }
.oran-public .recent-player small { font-size: .875rem; color: #5e7987; }
.oran-public .recent-player em { color: #597b8e; font-size: .75rem; }
.oran-public .feature-section { background: #eceeef; }
.oran-public .feature-grid { gap: 26px; }
.oran-public .feature-card { border: 1px solid var(--experience-line) !important; border-bottom-width: 1px !important; border-radius: 18px !important; background: #fafdff !important; box-shadow: none !important; }
.oran-public .feature-cover { height: auto; aspect-ratio: 4/3; }
.oran-public .feature-card:hover { transform: translateY(-5px) !important; border-color: #86bed5 !important; box-shadow: 0 18px 40px #204c6418 !important; }
.oran-public .feature-content { padding: 28px !important; }
.oran-public .feature-content h3 { color: #16475b; font-size: 1.5rem; }
.oran-public .feature-content p { font-size: 1rem; color: #526c7b; }
.oran-public .feature-icon { background: #e5f4fb; color: #0d6c8d; box-shadow: none; border: 1px solid #b9dbe9; border-radius: 12px; }
.oran-public .story-section { background: #e2e5e7; }
.oran-public .story-grid { gap: clamp(30px,6vw,80px); align-items: center; }
.oran-public .story-image { border: 0 !important; border-radius: 22px !important; box-shadow: 16px 16px 0 #cfe7f3 !important; transform: none !important; }
.oran-public .story-text p { color: #496c7f; font-size: 1.0625rem; line-height: 1.95; }
.oran-public .community-board-section { background: var(--experience-ground); }
.oran-public .community-board {
  grid-template-columns: minmax(0,1.7fr) minmax(19rem,.8fr);
  grid-template-rows: auto 1fr;
  gap: 24px 30px;
  align-items: start;
}
.oran-public :is(.community-news-panel,.community-support-panel) {
  display: grid;
  align-self: stretch;
  grid-row: 1 / 3;
  grid-template-rows: auto 1fr;
  gap: 24px;
  min-width: 0;
}
/* Shared heading rows keep long CMS titles from shifting either column. */
@supports(grid-template-rows:subgrid) {
  .oran-public :is(.community-news-panel,.community-support-panel) { grid-template-rows: subgrid; }
}
.oran-public .community-news-panel { grid-column: 1; }
.oran-public .community-support-panel { grid-column: 2; }
.oran-public .community-board .board-title { align-self: start; align-items: end; margin: 0; min-height: 5.25rem; }
.oran-public .community-board .board-title>div { min-width: 0; }
.oran-public .community-board .board-title h2 { font-size: clamp(1.75rem,2.7vw,2.125rem); line-height: 1.4; margin: 6px 0 0; }
.oran-public .community-board .board-title>a { flex-shrink: 0; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
.oran-public .community-board .section-kicker { color: #a96920; }
.oran-public .community-news-panel { background: transparent !important; padding: 0; border: 0 !important; box-shadow: none !important; }
.oran-public .community-support-panel .supporter-board {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  border-top: 4px solid #d5a657 !important;
  background: linear-gradient(150deg,#fffdf7,#fff 65%) !important;
}
.oran-public .community-support-panel .board-subtitle { margin: 0; font-size: 1rem; }
.oran-public .community-support-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; border: 1px solid #dbc395; background: #fff6e2; color: #74501b; font-weight: 750; white-space: nowrap; box-shadow: none; }
.oran-public .community-support-link:hover { background: #ffedc8; border-color: #bf9042; }
.oran-public :is(.announcement-mini-grid,.announcement-grid) { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: stretch; }
.oran-public .announcement-mini-grid { align-self: start; }
.oran-public :is(.announcement-mini-grid,.announcement-grid)>.ornament-empty { grid-column: 1 / -1; }
.oran-public .announcement-mini-card { background: #fff; border: 1px solid var(--experience-line) !important; border-radius: 16px !important; box-shadow: 0 8px 24px #214f610a !important; }
.oran-public .announcement-mini-card>a { display: flex; flex-direction: column; height: 100%; }
.oran-public .announcement-mini-cover { flex: none; height: auto; min-height: 0; aspect-ratio: 16/10; }
.oran-public .announcement-mini-cover img { position: absolute; inset: 0; }
.oran-public .announcement-mini-cover::after { height: 3px; background: #e9bb68; }
.oran-public .announcement-mini-cover.placeholder { display: grid; place-items: center; background: #e8f4fc; }
.oran-public .announcement-mini-cover.placeholder img { width: 80px; height: 80px; object-fit: contain; }
.oran-public .announcement-mini-body { display: flex; flex-direction: column; flex: 1; gap: 12px; padding: 22px; min-width: 0; }
.oran-public .announcement-mini-tags { display: flex; align-items: center; gap: 8px; min-height: 2rem; }
.oran-public .announcement-mini-tags .tag { margin: 0; align-self: auto; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; }
.oran-public .announcement-mini-tags .mini-discord { margin: 0; flex: none; font-size: .75rem; }
.oran-public .announcement-mini-body h3 { font-size: 1.25rem; line-height: 1.45; color: #1d455b; margin: 0; height: 2.9em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.oran-public .announcement-mini-body p { font-size: 1rem; line-height: 1.8; margin: 0; height: 5.4em; min-height: 5.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.oran-public .announcement-mini-body .mini-meta { margin-top: auto; padding-top: 14px; border-top: 1px solid #e3edf1; align-items: center; flex-wrap: wrap; min-height: 44px; }
.oran-public .mini-meta>* { white-space: nowrap; }
.oran-public :is(.mini-meta,.supporter-row-main small,.board-subtitle) { font-size: .875rem; color: #527082; }
.oran-public .board-title>a { font-size: .875rem; color: #096b89; }
.oran-public .supporter-row-list { grid-template-columns: minmax(0,1fr); gap: 12px; }
.oran-public .supporter-row { border: 1px solid #dbeaf0 !important; background: #f8fcfe; border-radius: 10px; box-shadow: none; padding: 12px; gap: 12px; grid-template-columns: 42px minmax(0,1fr) auto; }
.oran-public .supporter-row-main { gap: 4px; }
.oran-public .supporter-row-main b { font-size: .9375rem; line-height: 1.5; overflow-wrap: anywhere; }
.oran-public .supporter-row-main small { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.6; }
.oran-public .supporter-row strong { font-size: .875rem; text-align: right; white-space: nowrap; color: #267041; }
.oran-public .adventure-hub { background: #e2e5e7; }
.oran-public .portal-card { border: 1px solid #b9d8e7 !important; border-radius: 18px !important; box-shadow: none !important; padding: 32px; background: #fff !important; }
.oran-public .portal-card h3 { font-size: 1.75rem; color: #174c61; }
.oran-public .portal-card p { font-size: 1rem; color: #526d7a; }
.oran-public .portal-card b { font-size: 1rem; color: #076c8b; }
.oran-public .gallery-grid { gap: 18px; }
.oran-public .gallery-item { border: 0 !important; border-radius: 18px; box-shadow: none !important; }
.oran-public .gallery-item figcaption { font-size: 1rem; padding: 24px; color: #fff; background: linear-gradient(transparent,#042536d9); }
.oran-public .cta { background-color: #103c53; }
.oran-public .cta-box { padding: 42px 0; border: 0 !important; box-shadow: none !important; background: transparent !important; }

/* Hall: a broad first exhibit and spacious, equally treated member cards. */
.oran-public .page-hero { min-height: 365px; padding-top: 154px !important; padding-bottom: 62px !important; border-bottom: 0 !important; }
.oran-public .page-hero h1 { font-size: clamp(2.25rem,5vw,4rem); letter-spacing: .04em; color: #fff; text-shadow: 0 3px 20px #03213385; }
.oran-public .page-hero p { max-width: 44em; color: #f5fbff; font-size: 1.0625rem; }
.oran-public .page-hero .section-kicker { color: #ffe0a2; }
.oran-public .hall-anchor-nav { top: 84px; background: #ffffffef; box-shadow: 0 8px 22px #133e5109; }
.oran-public .hall-anchor-nav a { border-radius: 9px; min-height: 46px; font-size: 1rem; }
.oran-public .hall-anchor-nav a:first-child { background: #0c6481; border-color: #0c6481; color: #fff; }
.oran-public .hall-anchor-nav a:first-child span { background: #ffffff24; color: #fff; }
.oran-public .hall-build-grid { gap: 32px; }
.oran-public .hall-build-grid>.hall-build-card:first-child { grid-column: 1/-1; }
.oran-public .hall-build-grid>.hall-build-card:first-child>a { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); }
.oran-public .hall-build-grid>.hall-build-card:first-child .hall-card-image { aspect-ratio: auto; min-height: 390px; }
.oran-public .hall-build-grid>.hall-build-card:first-child .hall-card-body { justify-content: center; padding: clamp(26px,3.2vw,46px); background: #edf7fc; }
.oran-public .hall-build-grid>.hall-build-card:first-child h3 { font-size: clamp(1.75rem,3.1vw,2.5rem); }
.oran-public .hall-card { border: 1px solid #cfe1eb; border-radius: 18px; box-shadow: 0 9px 26px #16435d09; }
.oran-public .hall-card-image { aspect-ratio: 16/10; }
.oran-public .hall-card-body { padding: 28px; gap: 14px; }
.oran-public .hall-card h3 { color: #133e55; }
.oran-public .hall-category { color: #006a87; font-size: .875rem; font-weight: 750; }
.oran-public .hall-featured { color: #49300c; background: #ffcb73; font-size: .875rem; padding: 8px 14px; }
.oran-public .hall-honor-section { background: var(--experience-ground); border-top: 1px solid var(--experience-line); }
.oran-public .hall-honor-card>a { border-top: 4px solid #1384a2; padding: 30px; gap: 26px; }
.oran-public .hall-honor-top img { width: 76px; height: 76px; border-color: #acdae9; border-radius: 12px; box-shadow: 5px 5px 0 #e2f2f9; }
.oran-public .hall-honor-top b { color: #996016; font-size: .9375rem; }
.oran-public .hall-story { padding: clamp(24px,4vw,48px); border-radius: 18px; }
.oran-public .hall-facts { border-top: 4px solid #1885a4; }
.oran-public .hall-gallery { gap: 22px; }
.oran-public .hall-gallery-item { border-radius: 13px; }
.oran-public .hall-gallery-item:hover { border-color: #5096b3; }

/* Sponsorship: calmer form, more readable plan selection and a dedicated honour wall. */
.oran-public .sponsor-page-section { background: var(--experience-ground); }
.oran-public .sponsor-layout { gap: clamp(28px,4vw,56px); }
.oran-public .sponsor-plan-grid { gap: 18px; }
.oran-public .sponsor-plan-card { min-height: 160px; padding: 28px 24px; border: 1px solid #c6dce8; border-radius: 15px; background: #fff; box-shadow: 0 6px 16px #174f6106; }
.oran-public .sponsor-plan-card:hover { transform: translateY(-3px); border-color: #549bb7; }
.oran-public .sponsor-plan-card.selected { background: #e9f6fc; border: 2px solid #117693; padding: 27px 23px; box-shadow: 0 0 0 3px #1680a013; }
.oran-public .plan-name { color: #175672; font-size: 1rem; padding-right: 25px; }
.oran-public .sponsor-plan-card strong { color: #123e56; font-size: 1.875rem; }
.oran-public .sponsor-plan-card p { color: #4e6e7f; font-size: 1rem; }
.oran-public .sponsor-plan-card.selected .plan-check { color: #fff; background: #096f8b; border-color: #096f8b; }
.oran-public .sponsor-checkout-card { background: #fff; border: 1px solid #c9dee8 !important; border-top: 4px solid #11738e !important; border-radius: 20px; padding: 30px !important; box-shadow: 0 16px 40px #184a6010 !important; }
.oran-public .sponsor-checkout-card::before { display: none; }
.oran-public .checkout-head { padding-bottom: 16px; border-bottom: 1px solid #dfebf0; }
.oran-public .checkout-head h2 { font-size: 1.75rem; color: #164458; }
.oran-public .checkout-head p { font-size: .9375rem; color: #567484; margin-bottom: 0; }
.oran-public .field-public label { font-size: .9375rem; color: #244c60; }
.oran-public .field-public :is(input,select,textarea) { min-height: 46px; font-size: 1rem; background: #f8fcfe; border-color: #c5dce7; border-radius: 9px; }
.oran-public :is(.field-public small,.field-count,.public-check small) { font-size: .875rem; color: #5a7482; line-height: 1.7; }
.oran-public .privacy-box { background: #f3f8fb !important; border-radius: 12px; padding: 10px; }
.oran-public .public-check { background: #fff; border-color: #dbe9f0; }
.oran-public .public-check b { font-size: .9375rem; color: #284e60; }
.oran-public .checkout-summary { background: #edf6fb; border: 1px solid #d0e4ed; border-radius: 12px; padding: 18px; }
.oran-public .checkout-summary span { color: #4a6f83; font-size: .875rem; }
.oran-public .checkout-summary strong { font-size: 1rem; color: #194e65; }
.oran-public #summaryAmount { font-size: 1.5rem; color: #006480; }
.oran-public .sponsor-disclaimer p { font-size: .875rem; }
.oran-public .sponsor-pay-btn { background: #096c8a !important; color: #fff !important; border-color: #096c8a !important; min-height: 52px; box-shadow: none; }
.oran-public .sponsor-trust { gap: 10px; }
.oran-public .sponsor-trust span { color: #fff; background: #092b416b; border-color: #d2efff45; font-size: .875rem; border-radius: 8px; }
.oran-public .supporter-wall-section { background: #eceeef; }
.oran-public .supporter-card { background: #f8fcfe; border: 1px solid #d3e5ed !important; border-radius: 16px !important; box-shadow: none !important; }
.oran-public .supporter-card blockquote { font-size: 1rem; color: #4a697b; }
.oran-public .sponsor-hall-section { background: linear-gradient(125deg,#30363b,#42484c); border: 0; }
.oran-public .sponsor-hall-section .section-head h2 { color: #fff; }
.oran-public .sponsor-hall-section .section-kicker { color: #f5c66e; }
.oran-public .sponsor-hall-section .section-head p { color: #bfd8e5; }
.oran-public .sponsor-hall-grid { gap: 26px; }
.oran-public .sponsor-hall-card { padding: 30px; border: 1px solid #cae1ec; border-top: 4px solid #f6c364; border-radius: 16px; background: #fafdff; box-shadow: none; }
.oran-public .sponsor-hall-member { grid-template-columns: 76px minmax(0,1fr); }
.oran-public .sponsor-hall-member img { width: 76px; height: 76px; border: 2px solid #eec777; border-radius: 12px; box-shadow: 5px 5px 0 #deedf4; }
.oran-public .sponsor-hall-member span { color: #8b5a19; font-size: .8125rem; letter-spacing: .05em; }
.oran-public .sponsor-hall-member h3 { color: #194657; font-size: 1.5rem; }
.oran-public .sponsor-hall-card blockquote { color: #456a7d; font-size: 1.0625rem; line-height: 1.9; margin-block: 26px; }
.oran-public .sponsor-hall-foot { border-top: 1px solid #dae6ed; font-size: .875rem; }
.oran-public .sponsor-hall-foot>span { color: #9c6119; }
.oran-public .sponsor-hall-policy { color: #b9d3e1; font-size: .875rem; }
.oran-public .sponsor-hall-section .ornament-empty { background: #ffffff0b; border-color: #759cac66; color: #e3eff7; grid-column: 1/-1; }
.oran-public .sponsor-hall-section .ornament-empty b { color: #e3eff7; }

.oran-public .oran-site-footer { background: #282e32 !important; border-top: 1px solid #434b50 !important; }
.oran-public .footer-grass { display: none; }
.oran-public .oran-footer-main { padding-block: 46px; }
.oran-public .oran-footer-brand strong { color: #fff; }
.oran-public .oran-footer-brand p { color: #b5cfdc; font-size: .9375rem; }
.oran-public .oran-footer-links a { font-size: .875rem; color: #c1d8e5; }

/* CSS-only decoration: photographic page headers remain editable in Content Studio. */
.oran-public::before { display: none; }
.oran-public :is(.policy-page-shell,.guide-page) { background: var(--experience-ground); }
.oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section) {
  position: relative;
  isolation: isolate;
  background: linear-gradient(145deg,#202328,#2a2e34 58%,#23272d);
  border-color: var(--experience-line);
}
.oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(#ffffff08 1px,transparent 1px), linear-gradient(90deg,#ffffff08 1px,transparent 1px), radial-gradient(ellipse at 5% 35%,#ffffff08,transparent 55%);
  background-position: center top;
  background-size: 80px 80px, 80px 80px, 100% 100%;
  opacity: .7;
  -webkit-mask-image: linear-gradient(180deg,transparent,#000 18%,#000 76%,transparent);
  mask-image: linear-gradient(180deg,transparent,#000 18%,#000 76%,transparent);
}
.oran-public .gallery-section::before { opacity: .4; }

@media(max-width:1050px) {
  .oran-public .oran-depth-layout { grid-template-columns: minmax(0,1fr) minmax(0,.8fr) !important; gap: 26px !important; }
  .oran-public .world-welcome-grid { grid-template-columns: 1fr; }
  .oran-public .sponsor-hall-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:1040px) {
  .oran-public .community-board { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 40px; }
  .oran-public :is(.community-news-panel,.community-support-panel) { grid-column: auto; grid-row: auto; grid-template-rows: auto auto; }
  .oran-public .community-board .board-title { min-height: 0; }
}
@media(max-width:760px) {
  .oran-public :is(.announcement-mini-grid,.announcement-grid) { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .oran-public .announcement-mini-cover { aspect-ratio: 16/9; }
  .oran-public .community-support-panel .supporter-board { padding: 22px; }
  .oran-public .announcement-mini-body { padding: 22px; }
  .oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section)::before { background-size: 56px 56px, 56px 56px, 100% 100%; opacity: .5; }
}
@media(max-width:900px) {
  .oran-public .oran-navlinks { background: #0b3044 !important; border: 1px solid #46718a !important; border-radius: 12px !important; }
  .oran-public .oran-navlinks>a { font-size: 1rem !important; padding: 13px 16px !important; text-align: left; min-height: 48px; }
  .oran-public .oran-navlinks .oran-server-pill { margin-left: 0; }
  .oran-public .sponsor-layout { grid-template-columns: 1fr; }
  .oran-public .sponsor-checkout-card { position: static; }
  .oran-public .hall-build-grid>.hall-build-card:first-child>a { grid-template-columns: 1fr; }
  .oran-public .hall-build-grid>.hall-build-card:first-child .hall-card-image { aspect-ratio: 16/9; min-height: 0; }
}
@media(max-width:700px) {
  .oran-public .oran-brand-hero.oran-depth-hero { min-height: 0 !important; }
  .oran-public .oran-depth-layout { grid-template-columns: 1fr !important; padding-top: 112px !important; padding-bottom: 32px !important; gap: 28px !important; }
  .oran-public .hero-brand-stage { grid-column: 1; grid-row: 1; }
  .oran-public .hero-brand-logo { width: min(320px,78vw) !important; }
  .oran-public .hero-brand-copy { display: none; }
  .oran-public .hero-tagline-plaque { margin-top: 8px; }
  .oran-public .depth-paper-card { grid-column: 1; grid-row: 2; text-align: center; padding: 0 4px !important; }
  .oran-public .depth-paper-card h1 { font-size: clamp(1.75rem,7.7vw,2.5rem) !important; margin: 0 0 18px; }
  .oran-public .depth-paper-card p { font-size: 1rem !important; margin-inline: auto; }
  .oran-public .hero-actions { justify-content: center; margin-top: 22px; gap: 10px; }
  .oran-public .hero-actions .btn { flex: 1 1 145px; padding: 12px 16px !important; }
  .oran-public .depth-hud { width: 100% !important; grid-template-columns: 1fr !important; padding: 10px 16px; }
  .oran-public .depth-hud>div { display: flex !important; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-right: 0; padding: 8px 0; border-bottom: 1px solid #e0eaf0; }
  .oran-public .depth-hud>div:last-child { border-bottom: 0; }
  .oran-public .page-hero { min-height: 300px !important; padding-top: 123px !important; padding-bottom: 42px !important; }
  .oran-public .page-hero h1 { font-size: clamp(2rem,9vw,2.6rem) !important; }
  .oran-public .section-head { align-items: start; margin-bottom: 26px; }
  .oran-public :is(.join-board,.adventurer-board,.supporter-board) { padding: 24px; }
  .oran-public .join-board-emblem { margin-inline: auto; }
  .oran-public .join-addresses { grid-template-columns: 1fr; }
  .oran-public .story-image { box-shadow: 8px 8px 0 #cfe7f3 !important; }
  .oran-public .hall-anchor-nav { top: 73px; }
  .oran-public .hall-anchor-nav a { padding: 9px 12px; font-size: .9375rem; }
  .oran-public .hall-build-grid { gap: 24px; }
  .oran-public .hall-card-body { padding: 24px; }
  .oran-public .hall-card-meta { flex-wrap: wrap; }
  .oran-public .hall-honor-card>a { padding: 24px; }
  .oran-public .sponsor-hall-grid { grid-template-columns: 1fr; }
  .oran-public .sponsor-hall-card { padding: 26px; }
  .oran-public .sponsor-plan-grid { grid-template-columns: 1fr; }
  .oran-public .sponsor-plan-card { min-height: 0; }
  .oran-public .sponsor-checkout-card { padding: 23px !important; }
  .oran-public .sponsor-hero-inner { align-items: start; flex-direction: column; gap: 22px; }
  .oran-public .sponsor-trust { flex-direction: row; flex-wrap: wrap; }
  .oran-public .sponsor-trust span { font-size: .8125rem; }
  .oran-public .gallery-grid { grid-auto-rows: 260px; }
  .oran-public .cta-box { padding-block: 24px; }
}
/* Shared charcoal palette. Keep geometry and user-managed images independent. */
.oran-public ::selection { color: #202328; background: #f4c477; }
.oran-public a { color: var(--experience-blue); }
.oran-public :is(h1,h2,h3,h4,h5,h6) { color: var(--experience-ink); }
.oran-public :is(.announcement-index-section,.announcement-detail-section,.announcement-section,.hall-detail,.guide-page,.policy-page-shell) { background: transparent; color: var(--experience-text); }
.oran-public .section::before { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section)::before {
  background-image: linear-gradient(#ffffff08 1px,transparent 1px), linear-gradient(90deg,#ffffff08 1px,transparent 1px), radial-gradient(ellipse at 5% 35%,#ffffff08,transparent 55%) !important;
  background-size: 80px 80px, 80px 80px, 100% 100% !important;
}
.oran-public .topbar.oran-site-header { background: #202328ed !important; border-color: #59616d !important; box-shadow: 0 12px 32px #0003 !important; }
.oran-public :is(.oran-server-pill,.hero-tagline-plaque,.server-panel) { background: #202328cf !important; color: var(--experience-ink); border-color: var(--experience-line) !important; }
.oran-public .oran-site-footer { background: #1b1e23 !important; border-color: var(--experience-line) !important; }
.oran-public .sponsor-hall-section { background: linear-gradient(135deg,#1c2025,#272c33); }
.oran-public .supporter-wall-section { background: linear-gradient(135deg,#23272d,#1c2025) !important; }
.oran-public .supporter-wall-section :is(.section-head p,.supporter-card time,.muted-quote) { color: var(--experience-muted); }
.oran-public .policy-hero-copy p { white-space: pre-line; }

/* Policy headers share the guide's full-width image and spacing. The mount is unstyled. */
.oran-public :is(.guide-hero,.policy-hero,.policy-loading-hero) { padding:138px 0 42px; border-bottom:4px solid var(--experience-gold); }
.oran-public .policy-hero-inner { grid-template-columns:minmax(0,1fr); }
.oran-public .policy-hero.has-image .policy-hero-inner { grid-template-columns:minmax(0,1fr) minmax(220px,330px); }
.oran-public .policy-hero-overlay { display:none; }
.oran-public :is(.guide-hero,.policy-hero) h1 { font-size:clamp(38px,5vw,62px); margin:6px 0 8px; line-height:1.35; color:#fff; text-shadow:0 3px 20px #03213385; }
.oran-public .policy-hero .section-kicker { color:#ffd48c; }
.oran-public .policy-updated { margin-top:18px; font-size:.8125rem; background:#202328a6; }
.oran-public .policy-updated span { color:#d4dae2; }
@media(max-width:900px) { .oran-public .policy-hero.has-image .policy-hero-inner { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) { .oran-public :is(.guide-hero,.policy-hero,.policy-loading-hero) { padding-top:115px; } }

.oran-public :is(.depth-hud,.join-board,.adventurer-board,.supporter-board,.feature-card,.story-text,.portal-card,.announcement-card,.announcement-mini-card,.announcement-index-card,.announcement-detail-card,.announcement-full,.supporter-card,.hall-card,.hall-story,.hall-facts,.hall-gallery-item,.sponsor-plan-card,.sponsor-checkout-card,.sponsor-hall-card,.checkout-panel,.sponsor-plan-shell,.guide-content,.guide-toc-card,.guide-nav-link,.guide-search-item,.guide-tip,.guide-steps li,.guide-faq details,.guide-related a,.policy-document-card,.policy-toc-card,.policy-image-text,.policy-faq-list details,.policy-contact-card,.legal-card,.cms-faq-section details,.payment-dialog-card) {
  background: var(--experience-surface) !important;
  color: var(--experience-text);
  border-color: var(--experience-line) !important;
  box-shadow: 0 8px 24px #00000024 !important;
}
.oran-public .community-news-panel { background: transparent !important; box-shadow: none !important; }
.oran-public .community-support-panel .supporter-board { background: linear-gradient(145deg,#35332f,#2b3038 65%) !important; border-top-color: var(--experience-gold) !important; }
.oran-public .hall-build-grid>.hall-build-card:first-child .hall-card-body { background: #303640; }
.oran-public :is(.hall-anchor-nav,.announcement-filters) { background: #24292ff2; border-color: var(--experience-line); box-shadow: 0 8px 22px #0003; backdrop-filter: blur(12px); }
.oran-public :is(.feature-card,.announcement-mini-card,.announcement-index-card,.hall-card,.portal-card,.sponsor-plan-card):hover { border-color: #778794 !important; box-shadow: 0 14px 30px #0004 !important; }
.oran-public .story-image { box-shadow: 16px 16px 0 #39414b !important; }

.oran-public :is(.join-addresses>*,.supporter-row,.hall-anchor-nav a,.hall-anchor-nav span,.hall-card-image,.hall-image-placeholder,.announcement-cover.placeholder,.announcement-mini-cover,.announcement-index-cover,.announcement-detail-cover,.feature-icon,.join-board-emblem,.public-check,.privacy-box,.checkout-summary,.guide-command-inline,.command-card,.guide-rich-image img,.payment-info-list>div,.order-track-grid>div,.player-stat-grid>div,.content-retry,.skeleton) {
  background: var(--experience-recessed) !important;
  color: var(--experience-text);
  border-color: var(--experience-line) !important;
  box-shadow: none !important;
}
.oran-public :is(.hall-gallery img[data-responsive-src],.feature-cover img[data-responsive-src],.announcement-index-cover img[data-responsive-src]) { background: var(--experience-recessed); }
.oran-public :is(.hall-honor-top img,.hall-player-stage>img,.sponsor-hall-member img) { background: #343b44; border-color: #88724c; box-shadow: 5px 5px 0 #202328; }
.oran-public .skeleton::after { background: linear-gradient(90deg,transparent,#ffffff0d,transparent); }
.oran-public :is(.ornament-empty,.hall-detail .ornament-empty) { background: #2b303880; color: var(--experience-muted); border-color: #687483; }
.oran-public .ornament-empty b { color: var(--experience-ink); }
.oran-public .ornament-empty a { color: var(--experience-blue); }

.oran-public :is(.feature-content h3,.story-text h2,.announcement-mini-body h3,.announcement-article-title,.announcement-index-body h3,.announcement-content h3,.hall-card h3,.hall-story h2,.hall-facts h2,.portal-card h3,.plan-name,.sponsor-plan-card strong,.checkout-head h2,.sponsor-hall-member h3,.guide-content h1,.guide-content h2,.guide-rich-content h3,.policy-heading-block h2,.policy-heading-block h3,.policy-image-text h3,.policy-faq>h2,.policy-faq-list summary,.policy-contact-card h3,.cms-faq-section summary,.payment-dialog-head h2) { color: var(--experience-ink); }
.oran-public :is(.depth-hud b,.recent-player b,.supporter-row-main b,.supporter-top b,.supporter-card-foot b,.public-check b,.checkout-summary strong,.hall-facts dd,.hall-card-meta b,.guide-tip b,.guide-toc-card>strong,.policy-toc-head b,.payment-info-list dd,.player-stat-grid b) { color: var(--experience-ink) !important; }
.oran-public :is(.feature-content p,.story-text p,.announcement-mini-body p,.announcement-content p,.announcement-index-body p,.announcement-full .body,.hall-card p,.hall-story p,.portal-card p,.sponsor-plan-card p,.supporter-card blockquote,.sponsor-hall-card blockquote,.field-public label,.guide-content p,.guide-content li,.guide-search-item,.policy-paragraph,.policy-list-block ul,.policy-list-block ol,.policy-image-text p,.policy-faq-list details>div,.policy-contact-card p,.policy-table-wrap td,.cms-faq-section details p) { color: var(--experience-text); }
.oran-public :is(.depth-hud small,.server-panel .label,.join-addresses small,.join-addresses span,.recent-player small,.recent-player em,.mini-meta,.supporter-row-main small,.board-subtitle,.hall-card-meta,.hall-facts dt,.hall-gallery-item span,.announcement-source-line,.announcement-index-footer,.announcement-detail-meta,.announcement-pager span,.checkout-head p,.field-public small,.field-count,.public-check small,.checkout-summary span,.sponsor-hall-policy,.guide-breadcrumb,.guide-lead,.guide-sidebar-title,.guide-cat-label,.guide-toc a,.guide-image figcaption,.guide-rich-image figcaption,.guide-search-item span,.guide-search-item small,.guide-search-count,.guide-empty,.command-card small,.guide-code>small,.guide-rich-code>div,.guide-related a small,.policy-toc-head small,.policy-toc-empty,.policy-related-links>small,.policy-image-block figcaption,.policy-loading-body,.policy-error,.policy-empty,.payment-dialog-head p,.payment-qr-panel small,.payment-info-list dt,.payment-code-value span.pending,.order-track-grid small,.player-stat-grid small) { color: var(--experience-muted) !important; }
.oran-public :is(.section-kicker,.board-title>a,.mini-meta b,.portal-card b,.hall-category,.feature-icon,.guide-side-links a,.guide-rich-content a:not(.guide-action-button),.policy-document-card a:not(.btn),.policy-text-link,.discord-origin,.discount-success,.announcement-index-footer span) { color: var(--experience-blue); }
.oran-public :is(.community-board .section-kicker,.hall-honor-top b,.sponsor-hall-member span,.sponsor-hall-foot>span,.payment-code-value span) { color: var(--experience-gold); }
.oran-public :is(.sponsor-hall-section .section-head p,.oran-footer-brand p,.oran-footer-links a,.sponsor-hall-policy) { color: var(--experience-muted); }
.oran-public :is(.hall-anchor-nav a,.guide-nav-link,.policy-toc-card nav a,.policy-related-links a) { color: var(--experience-text); }
.oran-public :is(.hall-anchor-nav a:hover,.guide-nav-link:hover,.guide-search-item:hover,.policy-toc-card nav a:hover,.policy-toc-card nav a.active) { background: #354047 !important; color: var(--experience-blue); border-color: #62898e !important; }
.oran-public :is(.hall-anchor-nav a:first-child,.guide-nav-link.active) { background: #28434a !important; color: #b9edf1; border-color: #62979d !important; box-shadow: inset 3px 0 #72d2db; }
.oran-public .hall-anchor-nav a:first-child span { background: #ffffff15 !important; color: #eaf9fa; }
.oran-public :is(.hall-tags span,.guide-article-category,.guide-keywords span,.tag) { background: #3b352c; color: var(--experience-gold); border-color: #756348; }
.oran-public :is(.tag.discord-source,.mini-discord,.discord-mention) { background: #353957; color: #c0c8ff; border-color: #616995; }
.oran-public :is(.announcement-detail-meta a,.announcement-detail-card .discord-mention) { color: #c0c8ff; }
.oran-public .discord-original { background: #252a36; color: var(--experience-text); border-color: #535d77; }

.oran-public :is(.btn-secondary,.btn-light,.announcement-filter,.announcement-pager button,.payment-dialog-close,.payment-code-copy,.community-support-link) { background: #343b44 !important; color: var(--experience-ink) !important; border: 1px solid #65717e !important; box-shadow: none !important; }
.oran-public :is(.btn-primary,.hero-actions .btn-primary,.announcement-filter.active) { background: var(--experience-gold) !important; color: var(--experience-on-accent) !important; border: 1px solid #f7d39a !important; box-shadow: 0 4px 12px #0003 !important; }
.oran-public :is(.sponsor-pay-btn,.guide-action-button,.guide-video-link,.command-card button) { background: #72d2db !important; color: var(--experience-on-accent) !important; border-color: #93e0e6 !important; }
.oran-public .community-support-link { border-color: #9b8158 !important; color: var(--experience-gold) !important; }
.oran-public :is(.btn-secondary,.btn-light,.announcement-filter:not(.active),.announcement-pager button,.payment-code-copy,.community-support-link):hover:not(:disabled) { background: #434c58 !important; border-color: #8895a5 !important; }
.oran-public :is(.sponsor-plan-card.selected,.public-check:has(input:checked)) { background: #2b424a !important; border-color: #72d2db !important; box-shadow: 0 0 0 3px #72d2db20 !important; }
.oran-public .sponsor-plan-card .plan-check { border-color: #8994a3; }
.oran-public .sponsor-plan-card.selected .plan-check { background: #72d2db; color: #202328; border-color: #72d2db; }
.oran-public .field-public :is(input,select,textarea) { color: var(--experience-ink); background: #20252c; border-color: #7f8a99; caret-color: var(--experience-gold); }
.oran-public .field-public :is(input,select,textarea)::placeholder { color: #a7b0be; opacity: 1; }
.oran-public :is(input[type=checkbox],input[type=radio]) { accent-color: #72d2db; }
.oran-public :is(input,select,textarea):disabled { opacity: .7; cursor: not-allowed; }
.oran-public .field-public :is(input,select,textarea):focus-visible { border-color: var(--experience-gold); }
.oran-public #summaryAmount { color: var(--experience-gold); }
.oran-public :is(.discount-error,.player-verify-status.error,.payment-ip-control) { color: #ffaaa1; }
.oran-public .player-verify-status.checking { color: var(--experience-muted); }
.oran-public :is(.player-verify-status.success,.supporter-row strong) { color: #a0dfb0; }

.oran-public :is(.guide-table-wrap table,.guide-rich-table table,.policy-table-wrap table) { background: var(--experience-recessed); color: var(--experience-text); }
.oran-public :is(.guide-table-wrap th,.guide-rich-table th,.policy-table-wrap th) { background: #343b44; color: var(--experience-ink); }
.oran-public :is(.guide-table-wrap td,.guide-table-wrap th,.guide-rich-table,.guide-rich-table td,.guide-rich-table th,.policy-table-scroll,.policy-table-wrap td,.policy-toc-card nav a,.guide-cover,.guide-related a,.checkout-head,.checkout-summary,.sponsor-hall-foot,.hall-facts dl>div,.announcement-index-footer,.announcement-detail-meta,.recent-player,.depth-hud>div,.payment-info-list,.policy-toc-head,.policy-related-links) { border-color: var(--experience-line); }
.oran-public .announcement-mini-body .mini-meta { border-top-color: var(--experience-line); }
.oran-public .policy-table-wrap td:first-child { color: var(--experience-ink); }
.oran-public :is(.guide-code pre,.guide-rich-code) { background: #1a1e24; color: #e2e8ef; }
.oran-public :is(.command-card code,.guide-command-inline,.guide-rich-content code:not(.guide-rich-code code)) { background: var(--experience-recessed); color: #9cdee2; }
.oran-public :is(.guide-rich-content blockquote,.guide-highlight-gold,.guide-notice.tone-warning,.policy-callout.tone-warning,.payment-live-status) { background: #40362a; color: #f4d49c; border-color: #977c51; }
.oran-public :is(.guide-note,.guide-highlight-mint,.guide-highlight-green,.guide-notice.tone-tip,.policy-callout.tone-success,.payment-live-status.paid) { background: #283d33; color: #b1e4bf; border-color: #648e73; }
.oran-public :is(.guide-notice,.guide-highlight-blue,.policy-callout.tone-info) { background: #2a3946; color: #badbe9; border-color: #607f96; }
.oran-public :is(.guide-notice.tone-danger,.guide-highlight-red,.policy-callout.tone-danger,.payment-live-status.failed,.payment-live-status.cancelled,.notice-box.error) { background: #442e31; color: #ffc1bc; border-color: #9c6b70; }
.oran-public .guide-highlight-purple { background: #3a324c; color: #ddd0f6; }
.oran-public .policy-callout .policy-callout-icon { background: #ffffff0f; color: inherit; }
.oran-public .policy-check-list li>span { background: #283d33; color: #b1e4bf; }
.oran-public .guide-rich-content :is(.guide-color-ink,.guide-color-black) { color: var(--experience-ink); }
.oran-public .guide-color-red { color: #ffa6a0; }
.oran-public .guide-color-gold { color: #f4c477; }
.oran-public .guide-color-blue { color: #9ed4fc; }
.oran-public .guide-color-green { color: #a0dfb0; }
.oran-public .guide-color-purple { color: #ceb5fa; }
.oran-public .policy-divider::before { background: var(--experience-line); }
.oran-public .policy-divider span { background: var(--experience-surface); color: var(--experience-muted); }
.oran-public .notice-box:not(.error) { background: #2a3946; color: #badbe9; border-color: #607f96; }
.oran-public :is(.toast,.global-toast) { background: #24292f !important; color: var(--experience-ink) !important; border-color: #8d7858 !important; box-shadow: 0 12px 32px #0005 !important; }
.oran-public .payment-dialog { color: var(--experience-text); }
/* QR codes keep a white quiet zone for scanners; do not filter the image. */
.oran-public .payment-qr-panel { background: #20252c; border-color: var(--experience-line); }
.oran-public .payment-qr-panel img { background: #fff; padding: 12px; }
.oran-public .payment-ip-control:hover:not(:disabled) { color: #ffd0cb; }

/* Discount details and public status widgets use the same readable palette. */
.oran-public :is(.discount-box,.server-status-widget,.server-status-card) { background: var(--experience-surface) !important; border-color: var(--experience-line) !important; color: var(--experience-text); box-shadow: 0 8px 24px #00000024 !important; }
.oran-public :is(.server-status-title b,.server-status-copy b) { color: var(--experience-ink); }
.oran-public :is(.server-status-title small,.server-status-copy span,.server-status-copy small,.sponsor-hall-foot) { color: var(--experience-muted); }
.oran-public .checkout-summary .discount-line strong { color: #b1e4bf !important; }
.oran-public .status-online { color: #a0dfb0 !important; }
.oran-public .status-offline { color: #ffa6a0 !important; }
.oran-public .checkout-summary .fee-line strong { color: var(--experience-gold) !important; }

/* Add a neutral wash without replacing CMS image, focal-point or mask controls. */
.oran-public .oran-brand-hero .hero-overlay { background-image: linear-gradient(#20232826,#20232826),linear-gradient(90deg,var(--oran-page-hero-overlay-start,rgba(6,29,39,.58)),var(--oran-page-hero-overlay-end,rgba(7,29,39,.18))) !important; }
.oran-public :is(.page-hero,.guide-hero,.policy-hero,.legal-hero,.hall-player-hero,.hall-detail-hero,.player-profile-hero) { background-image: linear-gradient(#20232826,#20232826),linear-gradient(90deg,var(--oran-page-hero-overlay-start,rgba(6,29,39,.58)),var(--oran-page-hero-overlay-end,rgba(7,29,39,.18))),var(--oran-page-hero-image,url('/assets/orancraft-brand-page.webp')) !important; }

@media(max-width:760px) {
  .oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section)::before { background-size: 56px 56px, 56px 56px, 100% 100% !important; }
  .oran-public .story-image { box-shadow: 8px 8px 0 #39414b !important; }
}

/* v3.3.6 — the homepage support board replaces the old recent-adventurer slot. */
.oran-public .community-board { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
.oran-public .community-news-panel { grid-column: 1 / -1; grid-row: auto; grid-template-rows: auto auto; }
.oran-public .home-support-board { display:flex; flex-direction:column; gap:20px; align-self:stretch; border-top:4px solid var(--experience-gold) !important; background:linear-gradient(145deg,#35332f,#2b3038 65%) !important; }
.oran-public .home-support-board .board-title { min-height:0; margin:0; }
.oran-public .home-support-board .board-subtitle { margin:0; }
.oran-public .home-support-board .supporter-row-list { display:grid; gap:10px; }
.oran-public .home-support-board .community-support-link { margin-top:auto; }
/* The additional rules tab uses the existing collapsible menu on smaller desktops. */
@media (min-width:901px) and (max-width:1180px) {
  body.oran-public.menu-open { overflow:hidden; }
  .oran-public .oran-menu-toggle { display:grid; place-items:center; margin-left:auto; z-index:4; }
  .oran-public .oran-navlinks {
    display:none; position:absolute; left:8px; right:8px; top:76px; padding:10px;
    flex-direction:column; align-items:stretch !important; max-height:calc(100svh - 100px); overflow:auto;
    background:#202328 !important; border:1px solid #59616d !important; border-radius:12px !important; box-shadow:0 12px 32px #0003 !important;
  }
  .oran-public .oran-site-header.menu-open .oran-navlinks { display:flex; }
  .oran-public .oran-navlinks>a { width:100%; justify-content:flex-start; text-align:left; padding:13px 16px !important; min-height:48px; }
  .oran-public .oran-header-socials { justify-content:flex-start; margin-left:0; }
  .oran-public .oran-navlinks .oran-server-pill { width:100%; justify-content:flex-start; margin-left:0; }
}
@media(max-width:760px) {
  .oran-public .home-support-board { padding:22px; }
}
@media(max-width:900px) {
  .oran-public .oran-navlinks { background: #202328 !important; border-color: #59616d !important; box-shadow: 0 12px 32px #0003 !important; }
}
@media(prefers-reduced-motion:reduce) {
  .oran-public :is(.feature-card,.hall-card,.sponsor-hall-card,.sponsor-plan-card,.announcement-mini-card,.portal-card):hover { transform: none !important; }
  .oran-public :is(.feature-card,.hall-card,.sponsor-plan-card,.gallery-item img,.hall-card-image img) { transition: none !important; }
}

/* v3.3.8 — latest support is a separate horizontal section. */
.oran-public .world-welcome-grid { grid-template-columns:minmax(0,1fr); }
.oran-public .home-supporters .section-kicker { color:var(--experience-gold); }
.oran-public .home-supporters .section-head { align-items:center; }
.oran-public .supporter-carousel-content { min-width:0; }
.oran-public .supporter-carousel-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.oran-public .supporter-carousel-toolbar[hidden],.oran-public .supporter-carousel-buttons button[hidden] { display:none; }
.oran-public .supporter-carousel-position { font-size:.875rem; color:var(--experience-muted); font-variant-numeric:tabular-nums; }
.oran-public .supporter-carousel-buttons { display:flex; gap:8px; }
.oran-public .supporter-carousel-buttons button { min-width:44px; }
.oran-public .supporter-viewport { overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:0; scrollbar-width:thin; scrollbar-color:#707b88 #24292f; padding:4px 4px 20px; border-radius:16px; }
.oran-public .supporter-track { position:relative; display:flex; gap:20px; align-items:stretch; }
.oran-public .supporter-slide { flex:0 0 calc((100% - 40px)/3); min-width:0; margin:0; padding:24px; border:1px solid var(--experience-line); border-top:3px solid var(--experience-gold); border-radius:16px; scroll-snap-align:start; display:flex; flex-direction:column; }
.oran-public .supporter-slide .supporter-top { display:flex; align-items:center; gap:14px; }
.oran-public .supporter-slide .supporter-top>div { min-width:0; }
.oran-public .supporter-slide .supporter-avatar { flex:none; width:48px; height:48px; }
.oran-public .supporter-slide .supporter-top b { font-size:1rem; overflow-wrap:anywhere; line-height:1.5; }
.oran-public .supporter-slide .supporter-amount { display:block; font-size:.875rem; color:#a0dfb0; }
.oran-public .supporter-slide blockquote { margin:20px 0; font-size:1rem; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.oran-public .supporter-slide time { margin-top:auto; font-size:.8125rem; }
.oran-public .supporter-track>.ornament-empty { width:100%; }
@media(max-width:1050px) { .oran-public .supporter-slide { flex-basis:calc((100% - 20px)/2); } }
@media(max-width:700px) {
  .oran-public .supporter-slide { flex-basis:88%; padding:20px; }
  .oran-public .supporter-track { gap:14px; }
  .oran-public .home-supporters .section-head { align-items:stretch; }
}
@media(prefers-reduced-motion:reduce) { .oran-public .supporter-viewport { scroll-behavior:auto !important; } }

/* Homepage editorial layout and complete Discord previews. */
.oran-public .announcement-preview { flex:none; font-size:1rem; line-height:1.7; height:6.8em; overflow:hidden; overflow-wrap:anywhere; color:var(--experience-muted); margin:12px 0 20px; mask-image:linear-gradient(#000 0 88%,transparent); }
.oran-public .announcement-preview :is(h3,h4,h5,h6,p,blockquote,pre) { font-size:inherit; line-height:inherit; height:auto; min-height:0; display:block; -webkit-line-clamp:unset; margin:0; }
.oran-public .announcement-preview .dc-gap { height:.45em; }
.oran-public .announcement-preview .dc-emoji { width:1.25em; height:1.25em; object-fit:contain; display:inline-block; vertical-align:-.25em; }
.oran-public .announcement-preview .dc-preview-link { color:var(--experience-blue); }
.oran-public .announcement-preview .dc-mention { display:inline; box-decoration-break:clone; padding:1px 4px; white-space:normal; }
.oran-public .announcement-preview .dc-code { white-space:pre-wrap; }
.oran-public .announcement-preview .dc-preview-embed-title { font-weight:700; }
.oran-public .immersive-hero + :is(.community-board-section,.announcement-section) { padding-top:38px; }
.oran-public .home-event-section { padding-block:40px; }
.oran-public .home-event-card { overflow:hidden; border:1px solid var(--experience-line); border-radius:20px; background:var(--experience-surface); }
.oran-public .home-event-card.has-image { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.oran-public .home-event-image { min-height:300px; background:var(--experience-recessed); }
.oran-public .home-event-image img { display:block; width:100%; height:100%; object-fit:cover; }
.oran-public .home-event-copy { padding:36px; align-self:center; min-width:0; border-top:3px solid var(--experience-gold); }
.oran-public .home-event-copy h2 { margin:10px 0; font-size:clamp(1.5rem,3vw,2.3rem); }
.oran-public .home-event-date { color:var(--experience-muted); font-size:.875rem; margin:20px 0; }
.oran-public .home-hall-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.oran-public .home-hall-card { overflow:hidden; border:1px solid var(--experience-line); border-radius:18px; background:var(--experience-surface); }
.oran-public .home-hall-card>a { height:100%; display:flex; flex-direction:column; text-decoration:none; }
.oran-public .home-hall-cover { aspect-ratio:16/10; display:grid; place-items:center; overflow:hidden; background:var(--experience-recessed); }
.oran-public .home-hall-cover img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.oran-public .home-hall-card:hover .home-hall-cover img { transform:scale(1.025); }
.oran-public .home-hall-copy { padding:24px; flex:1; display:flex; flex-direction:column; }
.oran-public .home-hall-copy h3 { font-size:1.25rem; margin:0 0 12px; }
.oran-public .home-hall-copy p { line-height:1.7; color:var(--experience-muted); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.oran-public .home-hall-builders { font-size:.875rem; color:var(--experience-muted); margin-top:auto; padding-top:16px; overflow-wrap:anywhere; }
.oran-public .home-hall-action { padding-top:16px; color:var(--experience-blue); }
@media(max-width:1000px){.oran-public .home-hall-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.oran-public .home-event-card.has-image,.oran-public .home-hall-grid{grid-template-columns:minmax(0,1fr)}.oran-public .home-event-image{min-height:0;aspect-ratio:16/10}.oran-public .home-event-copy{padding:24px}.oran-public .immersive-hero + :is(.community-board-section,.announcement-section){padding-top:26px}}
@media(prefers-reduced-motion:reduce){.oran-public .home-hall-cover img{transition:none}}

/* v3.3.10 — separated news heading, category covers and charcoal depth. */
body.oran-public {
  --experience-ground:#1e2227;
  --experience-surface:#2a3038;
  --experience-recessed:#22272e;
  background-color:var(--experience-ground);
  background-image:radial-gradient(ellipse at 4% 12%,rgba(244,196,119,var(--oran-glow-alpha,.024)),transparent 42%),linear-gradient(rgba(255,255,255,var(--oran-pattern-alpha,.03)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,var(--oran-pattern-alpha,.03)) 1px,transparent 1px);
  background-size:100% 100%,80px 80px,80px 80px;
}
body.oran-public :is(.world-welcome,.feature-section,.story-section,.community-board-section,.adventure-hub,.gallery-section,.supporter-wall-section,.hall-honor-section,.sponsor-page-section)::before {
  opacity:1;
  background-image:linear-gradient(rgba(255,255,255,var(--oran-pattern-alpha,.03)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,var(--oran-pattern-alpha,.03)) 1px,transparent 1px),radial-gradient(ellipse at 4% 20%,rgba(244,196,119,var(--oran-glow-alpha,.024)),transparent 56%) !important;
}
body.oran-public :is(.announcement-mini-card,.announcement-index-card,.hall-card,.home-hall-card,.supporter-card,.feature-card,.home-event-card) {
  border:1px solid var(--experience-line) !important;
  border-radius:18px !important;
  background:linear-gradient(155deg,#303640,var(--experience-surface) 65%) !important;
  box-shadow:0 12px 26px #00000020,inset 0 1px #ffffff04 !important;
}
body.oran-public :is(.announcement-mini-card,.announcement-index-card,.home-hall-card) { transition:border-color .18s,box-shadow .18s,transform .18s; }
body.oran-public :is(.announcement-mini-card,.announcement-index-card,.home-hall-card):focus-within { outline:2px solid var(--experience-blue); outline-offset:4px; }
body.oran-public .community-news-panel { grid-template-rows:auto auto; gap:28px; }
body.oran-public .news-section-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:0; margin:0; padding:0 0 22px; border-bottom:1px solid var(--experience-line); }
body.oran-public .news-section-heading>div { min-width:0; padding-left:18px; border-left:3px solid var(--experience-gold); }
body.oran-public .news-section-heading h2 { margin:4px 0 8px; font-size:clamp(1.75rem,3vw,2.25rem); line-height:1.35; color:var(--experience-ink); }
body.oran-public .news-section-heading p { margin:0; font-size:1rem; line-height:1.7; color:var(--experience-muted); white-space:pre-line; }
body.oran-public .news-section-heading .section-kicker { font-size:.8125rem; letter-spacing:.1em; color:var(--experience-gold); }
body.oran-public .news-section-heading .news-all-link { display:inline-flex; gap:14px; align-items:center; flex:0 1 auto; max-width:100%; white-space:normal; min-height:44px; border:1px solid var(--experience-line); border-radius:10px; padding:10px 16px; color:var(--experience-blue); background:var(--experience-recessed); font-size:.875rem; text-decoration:none; }
body.oran-public .announcement-section>.wrap>.news-section-heading { margin-bottom:28px; }
body.oran-public :is(.announcement-mini-cover,.announcement-index-cover) { position:relative; height:auto; min-height:0; aspect-ratio:16/9; background:var(--experience-recessed); }
body.oran-public :is(.announcement-mini-cover,.announcement-index-cover)>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
body.oran-public .announcement-mini-cover::after { height:2px; opacity:.8; }
body.oran-public .announcement-art { --cover-accent:#b0c5dd; position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:22px 26px; overflow:hidden; color:var(--cover-accent); background:linear-gradient(135deg,#ffffff05,transparent 65%),repeating-linear-gradient(135deg,transparent 0 20px,#ffffff03 20px 21px),#222932; }
body.oran-public .announcement-art::after { content:""; position:absolute; inset:20px 0 20px auto; width:3px; background:var(--cover-accent); opacity:.7; }
body.oran-public .announcement-art-gold { --cover-accent:#efc27d; background-color:#2c2924; }
body.oran-public .announcement-art-teal { --cover-accent:#8ed2ca; background-color:#222d30; }
body.oran-public .announcement-art-brand { display:flex; align-items:center; gap:10px; min-width:0; }
body.oran-public .announcement-art .announcement-art-brand img { position:static; inset:auto; display:block; width:36px; height:36px; object-fit:contain; flex:none; }
body.oran-public .announcement-art-brand>span { font-size:.875rem; font-weight:600; color:#d4dae2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.oran-public .announcement-art-topic { display:flex; gap:16px; align-items:center; padding-block:12px; min-width:0; }
body.oran-public .announcement-art-icon { display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid currentColor; border-radius:12px; font-size:1.75rem; }
body.oran-public .announcement-art-topic b { font-size:clamp(1.25rem,2.3vw,1.75rem); font-weight:750; letter-spacing:.06em; overflow-wrap:anywhere; }
body.oran-public .announcement-art-caption { font-size:.75rem; letter-spacing:.16em; opacity:.75; }
body.oran-public .announcement-index-badges { top:12px; right:12px; bottom:auto; left:auto; }
body.oran-public .announcement-mini-body { gap:14px; padding:24px; }
body.oran-public .announcement-mini-body .mini-discord { margin:0; font-size:.75rem; color:#b8c0ef; background:#5865f218; border-radius:5px; padding:3px 7px; }
body.oran-public .announcement-preview { margin:4px 0 12px; }
body.oran-public .announcement-preview :is(h3,h4,h5,h6) { color:inherit; }
body.oran-public .announcement-mini-body .mini-meta { padding-top:18px; font-size:.8125rem; gap:16px; }
body.oran-public .announcement-mini-body .mini-meta span { color:var(--experience-blue); }
@media(hover:hover) and (pointer:fine){
  body.oran-public :is(.announcement-mini-card,.announcement-index-card,.home-hall-card):hover { transform:translateY(-3px) !important; border-color:#788492 !important; box-shadow:0 16px 34px #00000038 !important; }
  body.oran-public .news-all-link:hover { border-color:var(--experience-blue); background:var(--experience-surface); }
}
@media(min-width:701px) and (max-width:1000px){body.oran-public :is(.announcement-mini-grid,.announcement-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  body.oran-public .news-section-heading { align-items:flex-start; flex-wrap:wrap; gap:18px; padding-bottom:20px; }
  body.oran-public .news-section-heading>div { flex:1 1 100%; }
  body.oran-public .news-section-heading .news-all-link { margin-left:21px; max-width:calc(100% - 21px); }
  body.oran-public .announcement-art { padding:20px 24px; }
  body.oran-public .announcement-mini-body { padding:22px; }
}
@media(max-width:380px){body.oran-public .announcement-art-caption{display:none}body.oran-public .announcement-art-topic{gap:12px;padding-block:8px}}
@media(prefers-reduced-motion:reduce){body.oran-public :is(.announcement-mini-card,.announcement-index-card,.home-hall-card){transition:none}body.oran-public :is(.announcement-mini-card,.announcement-index-card,.home-hall-card):hover{transform:none !important}}