:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecece4;background:#23272c;font-synthesis:none;--gold:#efb75d;--mint:#9adaca;--muted:#909999;--step:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #f4cd8b;outline-offset:6px}.skip{position:fixed;top:12px;left:16px;z-index:30;background:#efb75d;color:#151419;padding:12px 20px;transform:translateY(-180%)}.skip:focus{transform:none}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#23272c}.stars{position:absolute;inset:0;background-image:none;background-size:113px 137px,211px 179px;background-position:23px 10px,70px 95px;opacity:.6}.horizon{position:absolute;inset:50% 0 0;background:#23272c;clip-path:polygon(0 35%,6% 35%,6% 20%,15% 20%,15% 60%,22% 60%,22% 40%,30% 40%,30% 70%,48% 70%,48% 45%,60% 45%,60% 60%,72% 60%,72% 30%,84% 30%,84% 10%,92% 10%,92% 30%,100% 30%,100% 100%,0 100%)}.ground-grid{position:absolute;bottom:-35px;left:-20%;right:-20%;height:220px;transform:perspective(400px) rotateX(60deg);transform-origin:bottom;background:#23272c;opacity:.7}header,main,footer{width:min(1320px,calc(100% - 112px));margin-inline:auto}header{height:118px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px}.brand img{object-fit:contain}.brand>span{font-size:23px;font-weight:900;letter-spacing:5px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:2.7px;color:#889296;margin-top:5px;font-weight:600}.realm-tag{display:flex;align-items:center;gap:12px;padding:10px 0 10px 15px;border-block:1px solid #7c919b30;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:#b1b8b8}.realm-tag i{width:5px;height:5px;background:#96c9b4;box-shadow:0 0 10px #96c9b433}.realm-tag b{border-left:1px solid #7c919b30;padding:2px 12px;color:#687d81;font-size:10px}main{position:relative;flex:1;padding:48px 0 40px}.world-stage{position:absolute;right:-85px;top:-90px;width:780px;height:760px;z-index:-1;pointer-events:none}.voxel-scene{display:block;width:100%;height:100%;filter:drop-shadow(0 30px 25px #0003);overflow:visible}.scene-label{position:absolute;top:78%;right:9%;display:grid;gap:9px;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:1.8px;color:#6e8587;text-align:right}.scene-label>span:first-child{color:#939fa1}.lead-zone{position:relative;min-height:335px;width:54%;z-index:1}.eyebrow{margin:0 0 22px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:2.3px;color:#d3b988;display:flex;align-items:center;gap:11px}.eyebrow>span{height:6px;width:6px;box-shadow:4px 0 #bf8f43,0 4px #bf8f43,4px 4px #bf8f43;background:#f8d38c}h1{font-family:ui-monospace,"Courier New",monospace;font-size:clamp(42px,5vw,69px);font-weight:900;letter-spacing:-3.5px;line-height:1.05;margin:0;position:relative;text-shadow:3px 3px #090a1038}h1>span{color:#efbd77}h1>i{font-style:normal;color:#e5ae62;display:inline-block;margin-left:4px;font-size:.8em}.intro{font-size:14px;color:#9ca4a5;line-height:1.95;margin:24px 0 0;max-width:490px}.clock-shell{position:relative;width:min(960px,82%);padding:2px;clip-path:var(--step);background:#23272c;z-index:2;filter:drop-shadow(0 16px 26px #0003)}.clock-inner{clip-path:var(--step);padding:21px 28px 17px;background:#23272c;position:relative}.clock-inner:before{content:"";position:absolute;inset:4px;border:1px solid #9a957d0c;pointer-events:none;clip-path:var(--step)}.clock-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1.8px;color:#d0bd97}.clock-head>span:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}.clock-head i{width:6px;height:6px;background:#ecbb6e;box-shadow:0 0 14px #ecbb6e55}.clock-head .sync{font-size:7px;letter-spacing:1.2px;color:#7f9799;text-align:right}.clock-display{position:relative;padding:26px 0 22px;overflow:hidden}.clock-digits{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr);gap:12px;align-items:center}.time-unit{text-align:center;min-width:0}.pixel-number{display:block;position:relative;width:100%;aspect-ratio:60/35;font-size:clamp(42px,6vw,82px);line-height:1;color:#efd7ab;font-family:ui-monospace,monospace;isolation:isolate;filter:drop-shadow(0 3px 0 #070c1359)}.pixel-face{position:absolute;inset:0;display:block}.pixel-face svg{display:block;width:100%;height:100%;overflow:visible}.pixel-face rect{fill:#eed6aa}.face-main{filter:drop-shadow(0 0 8px #efc7780a)}.face-red,.face-cyan{opacity:0;mix-blend-mode:screen;pointer-events:none}.face-red rect{fill:#f47e94}.face-cyan rect{fill:#74e2e4}.time-unit small{display:block;font-family:ui-monospace,monospace;font-size:8px;font-weight:600;letter-spacing:3px;color:#8f9c99;margin-top:16px}.clock-colon{display:grid;justify-content:center;gap:16px;padding-bottom:25px}.clock-colon i{display:block;width:5px;height:5px;background:#c6a47065;box-shadow:1px 1px #edcf9614}.clock-timestamp{position:absolute;bottom:0;right:0;font-family:ui-monospace,monospace;font-size:6px;letter-spacing:1.5px;color:#45575d}.loading-track{height:4px;position:relative;background:#7b8d8815;margin-top:8px;overflow:hidden}.loading-track>span{display:block;height:100%;width:73%;background:#23272c;opacity:.8}.loading-track>i{position:absolute;top:0;height:4px;width:12px;background:#fae0a0;left:72%;box-shadow:0 0 13px #edc78044}.clock-foot{display:flex;justify-content:space-between;gap:15px;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1.6px;color:#6f8787;margin-top:12px}.clock-foot>span:last-child{letter-spacing:.2px;color:#a2a79c}.entry{position:relative;z-index:2;margin-top:26px}.actions{display:flex;gap:12px;align-items:center}.actions a{display:flex;align-items:center;justify-content:center;gap:13px;padding:16px 21px;font-size:12px;font-weight:750;min-height:54px;clip-path:polygon(0 5px,5px 5px,5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,0 100%);transition:background .2s,transform .2s}.primary{color:#282018;background:#e8b76f;box-shadow:inset 0 -4px #9d753c, inset 0 2px #f8d89a}.primary svg{width:16px;height:16px;fill:currentColor}.primary>span{margin-left:20px;font-size:19px;line-height:1}.primary:hover{background:#f5c987;transform:translateY(-1px)}.secondary{background:#23272c;color:#c6d0ca;box-shadow:inset 0 -3px #101c22,inset 0 1px #61717645}.secondary span{font-size:18px;font-family:monospace;margin-left:24px;color:#8faba8}.secondary:hover{background:#23272c}.access-note{font-size:10px;color:#869a96;line-height:1.8;margin:14px 0 0}.switch{border:0;background:transparent;color:#d6c39f;padding:8px 0;text-underline-offset:4px;text-decoration:underline;font-size:11px}.honest-note{position:relative;z-index:2;font-size:9px;color:#5f7578;line-height:1.8;margin:27px 0 0}footer{border-top:1px solid #8197971a;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:ui-monospace,monospace;font-size:7px;letter-spacing:1px;color:#6d8284;position:relative;z-index:2}footer b{font-size:6px;font-weight:400;color:#455f62;margin-left:18px}.scan-slice{position:absolute;inset-inline:0;height:8px;opacity:0;pointer-events:none;background:#23272c;mix-blend-mode:screen}.slice-one{top:32%}.slice-two{top:61%;height:3px}
@media(prefers-reduced-motion:no-preference){h1>i{animation:cursor 2s steps(1) infinite}.portal-energy{animation:portal-breathe 7s ease-in-out infinite;transform-origin:485px 440px}.portal-slice{animation:portal-scan 9s linear infinite}.far-island{animation:island-drift 11s ease-in-out infinite}.drifting-blocks{animation:block-drift 7s ease-in-out infinite}.portal-dust{animation:dust 5s ease-in-out infinite}.loading-track>span{animation:progress-drift 12s steps(12) infinite}.loading-track>i{animation:progress-light 12s steps(12) infinite}.face-red{animation:rgb-drift 5.6s steps(1) infinite}.face-cyan{animation:rgb-drift-cyan 5.6s steps(1) infinite}.time-unit:nth-of-type(3) .face-red{animation-delay:.4s}.time-unit:nth-of-type(5) .face-cyan{animation-delay:.7s}.glitch-split .face-red{opacity:.5;transform:translateX(-3px);clip-path:inset(20% 0 48%)}.glitch-split .face-cyan{opacity:.5;transform:translateX(3px);clip-path:inset(57% 0 20%)}.glitch-scan .slice-one{opacity:.6;transform:translateX(10px)}.glitch-scan .slice-two{opacity:.4;transform:translateX(-7px)}.glitch-scan .face-main{clip-path:polygon(0 0,100% 0,100% 29%,2% 29%,2% 33%,100% 33%,100% 100%,0 100%)}.glitch-rewind .clock-digits{transform:translateX(-1px)}.glitch-rewind .face-cyan{opacity:.4;transform:translateX(-3px);clip-path:inset(69% 0 8%)}.glitch-rewind .sync{color:#c3acdc}}
@keyframes cursor{50%{opacity:0}}@keyframes portal-breathe{50%{opacity:.7;transform:scale(.985,1)}}@keyframes portal-scan{0%{transform:translateY(-100px)}100%{transform:translateY(200px)}}@keyframes island-drift{50%{transform:translateY(-9px)}}@keyframes block-drift{50%{transform:translate(3px,-8px)}}@keyframes dust{50%{opacity:.3;transform:translateY(-12px)}}@keyframes progress-drift{50%{width:87%}}@keyframes progress-light{50%{left:86%}}@keyframes rgb-drift{0%,11%,14%,51%,54%,100%{opacity:0;transform:none}12%,52%{opacity:.35;transform:translateX(-2px);clip-path:inset(28% 0 55%)}13%,53%{opacity:.2;transform:translateX(2px);clip-path:inset(64% 0 15%)}}@keyframes rgb-drift-cyan{0%,11%,14%,51%,54%,100%{opacity:0;transform:none}12%,52%{opacity:.3;transform:translateX(2px);clip-path:inset(28% 0 55%)}13%,53%{opacity:.2;transform:translateX(-2px);clip-path:inset(64% 0 15%)}}
@media(min-width:1650px){main{padding-top:65px}.lead-zone{min-height:365px}.world-stage{right:-50px;top:-65px;width:850px;height:800px}.clock-shell{width:1000px}.scene-label{right:8%}}@media(max-width:1150px){header,main,footer{width:calc(100% - 72px)}.world-stage{width:660px;height:680px;right:-100px;top:-40px}.lead-zone{width:60%;min-height:320px}h1{font-size:56px}.eyebrow{font-size:8px;letter-spacing:1.5px}.clock-shell{width:88%}.scene-label{right:12%;top:81%}.clock-digits{gap:9px}.clock-head .sync{font-size:6px;letter-spacing:.5px}footer b{display:none}}@media(max-width:800px){header,main,footer{width:calc(100% - 44px)}header{height:100px}.brand>span{font-size:20px}.brand img{width:46px;height:46px}.brand small{font-size:6px;letter-spacing:1.8px}.realm-tag{font-size:8px;letter-spacing:1px;padding-left:10px;gap:8px}.realm-tag b{padding-inline:8px}main{padding-top:25px}.lead-zone{width:100%;min-height:300px}h1{font-size:56px}.intro{max-width:360px;font-size:13px}.world-stage{width:540px;height:550px;right:-118px;top:80px;opacity:.67}.scene-label{display:none}.clock-shell{width:100%}.clock-inner{padding:19px 22px 16px}.clock-digits{gap:8px}.clock-colon{gap:11px}.time-unit small{font-size:7px;letter-spacing:2px}.clock-foot{font-size:6px;letter-spacing:1px}.honest-note{font-size:8px}footer{flex-wrap:wrap;justify-content:space-between;font-size:6px;padding-block:20px;gap:12px}}
@media(max-width:520px){header,main,footer{width:calc(100% - 36px)}header{height:88px}.brand{gap:10px}.brand img{width:38px;height:38px}.brand>span{font-size:17px;letter-spacing:3px}.brand small{font-size:5px;letter-spacing:1.4px}.realm-tag{font-size:7px;letter-spacing:.8px}.realm-tag b{display:none}.realm-tag i{width:4px;height:4px}.lead-zone{padding-bottom:225px;min-height:0}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:43px;letter-spacing:-2.8px;line-height:1.08}.intro{font-size:12px;line-height:1.9;margin-top:19px;max-width:290px}.world-stage{width:440px;height:410px;top:192px;right:-42px;opacity:1}.desktop-break{display:none}.clock-inner{padding:16px 13px 14px}.clock-head{font-size:6px;letter-spacing:1.2px;gap:5px}.clock-head>span:first-child{gap:6px}.clock-head .sync{font-size:5px;letter-spacing:0;max-width:118px;line-height:1.6}.clock-head i{width:4px;height:4px}.clock-display{padding:22px 0 20px}.clock-digits{gap:5px;grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr)}.clock-colon{gap:9px;padding-bottom:22px}.clock-colon i{width:3px;height:3px}.time-unit small{font-size:6px;letter-spacing:1.2px;margin-top:12px}.clock-timestamp{font-size:5px;letter-spacing:1px}.clock-foot{font-size:5px;letter-spacing:.5px;gap:7px;margin-top:11px}.clock-foot>span:last-child{font-size:6px}.loading-track{height:3px;margin-top:5px}.loading-track>i{height:3px}.entry{margin-top:22px}.actions{gap:9px;align-items:stretch;flex-wrap:wrap}.actions a{font-size:11px;gap:9px;min-height:51px;padding:14px 15px}.primary{flex:1 1 100%}.primary>span{margin-left:auto;margin-right:6px}.primary svg{margin-right:4px}.secondary{flex:1 1 100%;justify-content:space-between!important}.secondary span{margin-left:auto}.access-note{font-size:9px;line-height:1.8;margin-top:15px;max-width:310px}.honest-note{margin-top:22px;font-size:8px;max-width:300px;line-height:1.8}main{padding-bottom:30px}footer{font-size:5px;gap:12px;justify-content:flex-start}footer>span:last-child{width:100%;font-size:5px;letter-spacing:1.5px;color:#4f686d}}@media(max-width:355px){h1{font-size:38px}.eyebrow{font-size:6px}.clock-head .sync{max-width:92px}.world-stage{right:-64px}.clock-digits{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.face-red,.face-cyan,.scan-slice{opacity:0!important;transform:none!important}.clock-digits{transform:none!important}.portal-slice{transform:none!important}}
/* Keep the art's right edge inside the viewport at every breakpoint. */
.world-stage{right:0}

/* Keep small-screen guidance readable, alongside the large pixel numerals. */
@media(max-width:520px){.time-unit small{font-size:8px;letter-spacing:1px}.clock-head{font-size:7px;letter-spacing:.6px}.clock-head .sync{font-size:6px;max-width:112px}.clock-foot{font-size:6px;letter-spacing:.3px}.clock-foot>span:last-child{font-size:7px}.access-note{font-size:11px}.honest-note{font-size:10px;color:#869a9b}footer,footer>span:last-child{font-size:7px;line-height:1.8}.clock-timestamp{font-size:6px}}
@media(prefers-reduced-motion:no-preference){.glitch-split .face-red,.glitch-split .face-cyan,.glitch-rewind .face-cyan{animation:none}}

/* Odyssey atlas — public shell visual pass. The irregular countdown JS is unchanged. */
:root {
  --atlas-bg: #141b18;
  --atlas-surface: #1b2420;
  --atlas-line: #3c493d;
  --atlas-text: #eeeadd;
  --atlas-muted: #b5b8a8;
  --atlas-accent: #d4b46b;
  --gold: var(--atlas-accent);
  --muted: var(--atlas-muted);
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  color: var(--atlas-text);
  background: var(--atlas-bg);
}
body .atmosphere { background: var(--atlas-bg); }
body .stars { opacity: .22; }
body .ground-grid { opacity: .22; }
body .horizon { opacity: .35; }
header, main, footer { width: min(1280px, calc(100% - 96px)); }
header { height: 104px; border-bottom: 1px solid var(--atlas-line); }
.brand > span { letter-spacing: 3px; font-size: 22px; }
.brand small { font-size: 10px; letter-spacing: 1px; color: var(--atlas-muted); }
.realm-tag { font-size: 12px; letter-spacing: 1px; border: 0; color: var(--atlas-muted); }
.realm-tag i { box-shadow: none; }
main {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-content: start;
  gap: 32px 48px;
  padding: 64px 0 48px;
}
body .world-stage {
  position: relative;
  top: auto;
  right: auto;
  grid-column: 2;
  grid-row: 1 / 4;
  width: 100%;
  height: 620px;
  z-index: 0;
  opacity: 1;
}
.voxel-scene { filter: none; }
.scene-label { font-size: 11px; letter-spacing: .6px; color: var(--atlas-muted); }
body .lead-zone { width: auto; min-height: 0; padding-bottom: 0; grid-column: 1; grid-row: 1; }
.eyebrow { font-size: 12px; letter-spacing: 1px; margin-bottom: 24px; color: var(--atlas-muted); }
body h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 4.6vw, 64px);
  font-weight: 600;
  letter-spacing: -1.8px;
  line-height: 1.07;
  text-shadow: none;
  text-wrap: balance;
}
body h1 > span, body h1 > i { color: var(--atlas-accent); }
body .intro { font-size: 16px; line-height: 1.7; max-width: 48ch; color: var(--atlas-muted); margin-top: 24px; }
body .clock-shell {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  clip-path: none;
  filter: none;
  background: none;
  border-block: 1px solid var(--atlas-line);
  padding: 0;
}
body .clock-inner { clip-path: none; padding: 20px 0; background: none; }
.clock-inner:before { display: none; }
body .clock-head { font-size: 12px; letter-spacing: .6px; color: var(--atlas-text); gap: 16px; }
body .clock-head .sync { font-size: 11px; letter-spacing: 0; color: var(--atlas-muted); max-width: none; }
.clock-head i { box-shadow: none; background: var(--atlas-accent); }
body .clock-display { padding: 24px 0 16px; }
body .clock-digits { gap: 8px; grid-template-columns: minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr); }
.face-main rect { fill: var(--atlas-accent); }
body .pixel-number { filter: none; }
body .time-unit small { font-size: 12px; letter-spacing: 1px; margin-top: 12px; color: var(--atlas-muted); }
body .clock-colon { gap: 10px; padding-bottom: 24px; }
body .clock-colon i { width: 4px; height: 4px; box-shadow: none; background: var(--atlas-line); }
body .clock-timestamp { display: none; }
.loading-track { margin-top: 12px; height: 3px; }
body .clock-foot, body .clock-foot > span:last-child { font-size: 11px; line-height: 1.6; letter-spacing: 0; color: var(--atlas-muted); }
body .entry { grid-column: 1; grid-row: 3; margin: 0; }
.actions { gap: 12px; flex-wrap: wrap; }
body .actions a { min-height: 48px; font-size: 14px; border-radius: 4px; clip-path: none; padding: 14px 20px; box-shadow: none; }
.actions a:first-child { background: var(--atlas-accent); color: #1b2119; }
.actions a:first-child:hover { background: #e2c787; }
.actions a + a { background: transparent; border: 1px solid var(--atlas-line); color: var(--atlas-text); }
body .access-note { max-width: 48ch; font-size: 13px; line-height: 1.7; color: var(--atlas-muted); margin-top: 16px; }
body .honest-note { grid-column: 1 / -1; margin: 0; font-size: 12px; line-height: 1.7; color: var(--atlas-muted); }
body footer { font-size: 11px; line-height: 1.7; letter-spacing: 0; border-color: var(--atlas-line); padding-block: 24px; gap: 24px; }
body footer > span:last-child { width: auto; font-size: 10px; letter-spacing: .5px; color: var(--atlas-muted); }
body a:focus-visible, body button:focus-visible { outline: 2px solid var(--atlas-accent); outline-offset: 4px; }
@media (max-width: 980px) {
  header, main, footer { width: calc(100% - 48px); }
  main { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 40px; }
  body .world-stage { grid-column: 1; grid-row: 2; height: 340px; }
  body .clock-shell { grid-row: 3; max-width: 640px; }
  body .entry { grid-row: 4; }
  body .honest-note { grid-row: 5; }
  body .lead-zone { max-width: 620px; }
  body .intro { max-width: 52ch; }
}
@media (max-width: 560px) {
  header, main, footer { width: calc(100% - 40px); }
  header { height: 88px; }
  .brand > span { font-size: 18px; letter-spacing: 2px; }
  .brand small { font-size: 9px; letter-spacing: .5px; }
  .realm-tag { font-size: 10px; padding-left: 0; }
  .realm-tag b { display: none; }
  .eyebrow { font-size: 11px; letter-spacing: .6px; }
  body h1 { font-size: 44px; letter-spacing: -1px; }
  body .intro { font-size: 15px; line-height: 1.7; max-width: none; }
  body .world-stage { height: 280px; }
  .scene-label { top: 85%; font-size: 10px; }
  body .clock-head { flex-wrap: wrap; font-size: 11px; }
  body .clock-head .sync { text-align: left; font-size: 11px; }
  body .clock-display { padding-top: 20px; }
  body .clock-digits { gap: 5px; }
  body .time-unit small { font-size: 11px; letter-spacing: .5px; }
  body .clock-foot { flex-wrap: wrap; gap: 8px; }
  body .actions { display: grid; grid-template-columns: minmax(0,1fr); }
  body .actions a { justify-content: space-between; }
  body .access-note { font-size: 13px; max-width: none; }
  body footer { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .atmosphere *, .world-stage *, h1 > i { animation: none !important; }
  .actions a { transition: none; }
}

/* Web revision 2 follows the accepted graphite launcher. The former blue/teal
 * Web palette is rejected. The authorized hero carousel is scoped separately. */
:root{--atlas-bg:#171a1e;--atlas-surface:#23272c;--atlas-raised:#30353b;--atlas-inset:#1d2126;--atlas-text:#f2f2ee;--atlas-muted:#b4b7bc;--atlas-quiet:#aab2bb;--atlas-line:#535a63;--atlas-accent:#efb55f;--atlas-accent-hover:#f5c982;--atlas-accent-ink:#27251f;--atlas-danger:#f0b8a9;--atlas-success:#a4d9b9;--atlas-font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--atlas-font-display:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--atlas-radius-control:7px;--atlas-radius-panel:12px;--atlas-radius-dialog:12px;--bg:#171a1e;--panel:#23272c;--border:#535a63;--text:#f2f2ee;--muted:#b4b7bc;--amber:#efb55f;--gold:#efb55f;--mint:#8ac7ae;--green:#8ac7ae;--sky:#9cc4e9;--mauve:#c9afd8;color:#f2f2ee;background:#171a1e;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html body{background:#171a1e;color:#f2f2ee;font-family:var(--atlas-font-body)}
html body :is(h1,h2,h3,h4){font-family:var(--atlas-font-display);font-weight:700;letter-spacing:-.035em}
html body a,html body button{transition:transform .15s ease}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #efb55f;outline-offset:4px}
html body ::selection{background:#efb55f;color:#27251f}
html body .site-header,body>header{background:#1d2024;border-color:#3f464e;backdrop-filter:none}
html body .brand-text,.brand>span{color:#f2f2ee}.brand-text small,.brand small{color:#b4b7bc}
html body .nav-link{color:#bec4cb}html body .nav-link:hover,html body .nav-link.active{color:#f2f2ee}html body .nav-link.active:after{background:#efb55f;height:2px;border-radius:2px}
html body .button,.actions a,html body .account-submit{border-radius:7px;min-height:44px;font-weight:650;box-shadow:none}
html body .button-primary,.primary,html body .account-submit{background:#efb55f;color:#27251f;border:1px solid #efb55f;box-shadow:none}
html body .button-primary:hover,.primary:hover,html body .account-submit:hover{background:#f5c982;color:#27251f;border-color:#f5c982;transform:translateY(-1px)}
html body .button-outline,.secondary{background:#30353b;color:#e9eaeb;border-color:#697079}html body .button-outline:hover,.secondary:hover{background:#3a4047;color:#fff;border-color:#9298a0}
html body button:disabled,html body .button:disabled{background:#30343a;color:#c0c5cc;border-color:#697079;opacity:1;box-shadow:none;cursor:not-allowed}
html body .skip-link{transform:translateY(-180%)}html body .skip-link:focus{transform:translateY(0)}
html body .hero{height:430px;min-height:430px;background:#23272c;border:1px solid #50565e;border-radius:12px;box-shadow:none}
html body .hero-landscape{content:url('assets/odyssey-gallery-1.webp');opacity:1;filter:none;object-fit:cover;object-position:center}
html body .hero-shade{display:none}html body .hero-content{background:#23272c;width:54%;max-width:54%;padding:31px 36px;height:100%}
html body .hero h1{font-size:48px;line-height:1.07;letter-spacing:-1.8px;margin-top:20px;margin-bottom:18px}html body .hero h1 span{color:#efb55f}
html body .hero-content>p{color:#d1d5d9;font-size:14px;line-height:1.65;max-width:390px}html body .hero-actions{gap:20px;margin-top:22px}html body .hero-emblem{display:none}html body .hero-note{margin-top:20px;color:#c8c5bc;font-size:9px;letter-spacing:1px}html body .hero-corner{background:#1d232ae8;padding:8px 10px;border-radius:5px;color:#e5d5b8}
html body .eyebrow{color:#d5bc98;font-size:10px;letter-spacing:1.2px}html body .page-label{color:#b9c2c6}html body .edition-label{color:#bcc3cb}
html body .server-strip{background:#242a30;border:1px solid #505a64;border-radius:10px;margin-top:20px;padding:20px 24px;box-shadow:none}html body .strip-info p{color:#bdc7ce}html body .strip-icon{background:#344039;color:#b4d4c1;border-color:#637a6b}
html body :is(.world-card,.feature-card,.launcher-panel,.discord-card,.join-panel,.community-stat,.community-panel,.profile-card,.profile-section,.economy-card,.economy-panel,.store-sidebar,.store-sidebar-panel,.storefront-card,.storefront-panel,.economy-tab-panel,.workspace-sidebar,.workspace-panel,.wiki-card,.news-story,.head-card,.head-market-card){background:#23272c;border-color:#505963;border-radius:11px;box-shadow:none}
html body .world-card{border-top:2px solid #8ac7ae}html body .world-card:nth-child(2){border-top-color:#9cc4e9}html body .world-card:nth-child(3){border-top-color:#c9afd8}
html body .survival-art>img{content:url('assets/odyssey-gallery-1.webp');opacity:1;filter:none;object-fit:cover}html body .survival-art:after{background:none}
html body .feature-card{border-top:2px solid #9cc4e9}html body .feature-card:nth-child(2){border-top-color:#c9afd8}html body .feature-card:nth-child(3){border-top-color:#8ac7ae}
html body :is(.feature-icon,.world-icon,.icon-box){background:#303b3a;color:#c2d6cb;border-color:#63796f}
html body :is(.section-heading p,.section-intro,.world-card p,.feature-card p,.community-note,.community-update,.economy-field-help,.economy-section-note,.store-sidebar-note,.account-switch,.profile-intro>p,.account-heading>p,.site-footer p){color:#b9c2ca}
html body :is(.community-empty,.account-notice,.economy-notice,.storefront-empty,.empty-state){background:#2c3338;color:#d1dbe1;border-color:#687780;border-radius:9px}
html body .account-layout{background:#23272c;border:1px solid #59616b;border-radius:12px;box-shadow:none}
html body .account-story{background:#252c30}html body .account-landscape{content:url('assets/odyssey-gallery-1.webp');opacity:1;object-position:center;object-fit:cover}html body .account-story:after{background:#161c2344}
html body .account-story-copy{padding:18px;background:#20262bee;border-radius:8px}html body .account-story-copy h2>span{color:#efb55f}html body .account-story-copy p{color:#d8dde0}
html body .account-panel{background:#23272c;padding:32px 36px}html body .account-heading h1{font-size:31px;line-height:1.15}
html body .account-tabs{border-color:#555f69;gap:22px;margin-bottom:24px}html body .account-tabs a{font-size:14px;color:#bcc6cd}html body .account-tabs a[aria-current=page]{color:#eac48f}html body .account-tabs a[aria-current=page]:after{background:#efb55f;height:2px}
html body .account-field>span{color:#dce1e5;font-size:13px;font-weight:600}html body :is(input,select,textarea),html body .account-field input{background:#1d2126;color:#f2f2ee;border-color:#76818c;border-radius:7px;min-height:44px;font-size:14px}
html body input::placeholder,html body textarea::placeholder{color:#aeb9c4;opacity:1}html body .account-field input:disabled{background:#30343a;color:#bfc8d2;border-color:#697079}
html body .account-checkbox input{min-height:0;accent-color:#efb55f}html body .account-checkbox{color:#c5cdd4}html body .account-notice{background:#313a3e;color:#d4e0e3;border-color:#7c9195}html body .account-notice p,html body .account-notice strong{color:#d4e0e3}
html body .account-error,html body .form-error{background:#4a3032;color:#ffd3cc;border-color:#a76d6d}
html body .account-community{background:#2b3238;color:#c6d0d7;border-color:#64737f;border-radius:8px}html body .account-community>a,html body .account-switch a{color:#efc78f}
html body :is(.profile-overview,.profile-security,.profile-form-panel,.profile-stat,.economy-summary,.economy-wallet,.economy-job,.treasure-card,.relic-card,.storefront-stats){background:#282f35;border-color:#57636d;border-radius:10px}
html body :is(.profile-section-heading,.economy-section-heading,.community-page-heading,.store-sidebar-heading){border-color:#535f69}
html body .economy-overline{color:#e3c18c}html body .profile-intro .eyebrow{color:#a9c7df}html body .community-page-heading .eyebrow{color:#aed5be}
html body .site-footer{background:#1d2024;border-color:#4c555f}html body .footer-bottom{border-color:#4c555f;color:#b7c1c9}html body .footer-page-links a:hover{color:#efb55f}
/* The existing portal keeps its original copy and symbolic timer, with neutral
 * surfaces and bounded gold/green accents instead of a blue full-page wash. */
.atmosphere{background:#171a1e}.stars{opacity:.35}.horizon,.ground-grid{opacity:.12;filter:none}.realm-tag{background:#30363b;border-color:#65736c;color:#c5d8cd}.realm-tag i{background:#8ac7ae;box-shadow:none}.realm-tag b{background:#404a45;color:#d4e4d9}
.world-stage{filter:none}.scene-label{color:#bac8d0}.scene-label>span:first-child{color:#efb55f}.voxel-scene [fill="url(#aura)"]{fill:#292f35;opacity:1}.voxel-scene [fill="url(#portal-fill)"]{fill:#477a66}.voxel-scene [fill="url(#beam)"]{fill:#a9ceae}
.lead-zone h1{font-family:var(--atlas-font-display);color:#f2f2ee}.lead-zone h1>span{color:#efb55f}.lead-zone h1>i{color:#8ac7ae}.intro{color:#c9d0d5;line-height:1.7}
.clock-shell{background:#23272c;border-color:#66717c;border-radius:10px;box-shadow:none}.clock-inner{background:#23272c;border-color:#535f69;border-radius:8px}.clock-inner:before{background:none}.clock-head{color:#d1dbe2;border-color:#5e6d77}.clock-head>span:first-child{color:#b2d7bd}.clock-head i{background:#8ac7ae;box-shadow:none}.clock-head .sync{color:#b6c1cb}.clock-display{background:#1d2126;border-color:#65717c;border-radius:6px}.pixel-number,.face-main rect{color:#edca90;fill:#edca90;text-shadow:none}.face-red rect{fill:#cfa299}.face-cyan rect{fill:#a4c6df}.time-unit small,.clock-timestamp{color:#bac7d1}.clock-colon i{background:#e1bd83;box-shadow:none}.clock-foot{color:#c2d9ca}.clock-foot>span:last-child{color:#bac8d0}.loading-track{background:#3c454d;border-color:#788792}.loading-track>span{background:#8ac7ae}.loading-track>i{background:#efb55f;box-shadow:none}.scan-slice{opacity:.07}.access-note,.honest-note{color:#bbc7d0}.honest-note{font-size:12px}.switch{color:#edc28b}.primary svg{fill:#27251f}
@media(max-width:1000px){html body .hero{height:auto;min-height:0;padding-top:180px}html body .hero-landscape{height:180px;inset:0 0 auto;width:100%;object-position:center 48%}html body .hero-content{width:100%;max-width:none;padding:27px;height:auto}html body .hero h1{font-size:40px;line-height:1.1}html body .hero h1 br{display:none}html body .hero-content>p{max-width:none}html body .hero-note{margin-top:18px}html body .hero-corner{display:none}}
@media(max-width:600px){html body .account-panel{padding:26px 20px}html body .account-heading h1{font-size:27px}html body .account-field-pair{grid-template-columns:1fr}html body .hero-content{padding:23px}html body .hero h1{font-size:35px}html body .hero-actions{gap:14px;flex-wrap:wrap}html body .button{font-size:13px}.actions{gap:12px}.actions a{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Own gameplay carousel: src remains authoritative for the visible slide. */
html body .hero-gallery{position:absolute;inset:0 0 0 auto;width:46%;height:100%;overflow:hidden;margin:0;background:#1d2126}
html body .hero-gallery .hero-landscape{content:normal;position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none}
html body .hero-gallery-controls{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:4px;padding:4px;background:#1d2126;border:1px solid #697079;border-radius:9px;z-index:2;color:#f2f2ee}
html body .hero-gallery-controls button{min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:5px;background:#30353b;color:#f2f2ee;font:inherit;font-size:13px;cursor:pointer}
html body .hero-gallery-controls button:hover{background:#484e56}html body .hero-gallery-controls button[aria-pressed=true]{background:#efb55f;color:#27251f}
html body .hero-gallery-counter{min-width:40px;text-align:center;font-size:12px;color:#d1d5d9}html body .hero-corner{display:none}
html body .hero-section .world-strip{margin-top:24px;transform:none;background:#242a30;border:1px solid #505a64;border-radius:10px;box-shadow:none}
@media(max-width:1000px){html body .hero-gallery{inset:0 0 auto;width:100%;height:180px}html body .hero-gallery .hero-landscape{height:100%;object-position:center 48%}html body .hero-gallery-controls{right:10px;bottom:10px}}
/* Retain authored word boundaries when the mobile headline wraps. */
@media(max-width:1000px){html body .hero h1 br{display:initial}}