/* V4 Р’В· common satin/frosted material system; only scene and accent vary by theme. */
:root{--paper:#081326;--ink:#f3f7ff;--muted:#bbcae0;--line:#3a506f;--soft:#203550;--white:#13253e;--accent:#b1e4d0;--rust:#ffd2a4;--hero-bg:#142a45;--hero-text:#f3f7ff;--hero-muted:#bbcae0;--hero-accent:#b1e4d0;--action-bg:#b1e4d0;--action-text:#122d2b;--signal:#b1e4d0;--tint:#4d8ee2;--tint-2:#80c5df;--glass:rgba(15,33,59,.82);--glass-soft:rgba(27,48,79,.78)}
[data-theme=palworld]{--paper:#081326;--ink:#f3f7ff;--muted:#bbcae0;--line:#3a506f;--soft:#203550;--white:#13253e;--accent:#a9e1ff;--rust:#ffd2a4;--hero-bg:#142a45;--hero-text:#f3f7ff;--hero-muted:#bbcae0;--hero-accent:#a9e1ff;--action-bg:#a9e1ff;--action-text:#112a42;--signal:#a9e1ff;--tint:#5c99ef;--tint-2:#b9a0f5}
[data-theme=neutral]{--paper:#081326;--ink:#f3f7ff;--muted:#bbcae0;--line:#3a506f;--soft:#203550;--white:#13253e;--accent:#d0ceff;--rust:#ffd2a4;--hero-bg:#142a45;--hero-text:#f3f7ff;--hero-muted:#bbcae0;--hero-accent:#d0ceff;--action-bg:#d0ceff;--action-text:#242246;--signal:#d0ceff;--tint:#739ceb;--tint-2:#d1a9ee}
body{background:radial-gradient(ellipse at 92% 7%,color-mix(in srgb,var(--tint) 24%,transparent),transparent 40%),radial-gradient(ellipse at 0% 34%,color-mix(in srgb,var(--tint-2) 14%,transparent),transparent 42%),linear-gradient(150deg,#071020,#10213c 58%,#0a1428);background-attachment:fixed}.demo-bar{background:rgba(142,177,226,.08);border-bottom:1px solid #b5d5ff12;color:#b7c8e0}.header{border-bottom-color:#b9d8ff20}.brand-icon{color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 20%,transparent))}.header .text-button,.themes{background:linear-gradient(125deg,#c4e1ff0c,#587aad06),rgba(12,28,50,.75);border-color:#c2deff29;box-shadow:inset 0 1px #e6f3ff0c,0 8px 20px #00000012;backdrop-filter:blur(14px)}.themes button[aria-pressed=true]{background:linear-gradient(140deg,#dcf1ff17,#6692c10a),#2a45634a;border-color:#c7e4ff38;box-shadow:inset 0 1px #e9f6ff17,0 3px 9px #0002;color:var(--accent)}.toolbar{padding-top:24px;padding-bottom:20px}.hero{position:relative;isolation:isolate;grid-template-columns:52% 48%;min-height:0;gap:0;overflow:hidden;border-radius:24px;border:1px solid #c1dbff40;background:radial-gradient(ellipse at 85% 18%,color-mix(in srgb,var(--tint) 33%,transparent),transparent 66%),linear-gradient(135deg,#a2c4e618,#102746ad);box-shadow:inset 0 1px #ecf8ff40,inset 0 -1px #8ac8ff4a,0 24px 65px #00000030,0 2px 6px #a7d3ff0c}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 12%,#bde3ff19,transparent 52%),linear-gradient(125deg,#6a88c316,#091a3390);pointer-events:none}.hero-copy{position:relative;padding:35px 32px 30px 35px;background:linear-gradient(138deg,#bedbff10,#22395912 42%,#081a2e66),rgba(9,25,46,.84);border-right:1px solid #d6ebff24;backdrop-filter:blur(22px) saturate(120%);min-height:485px;z-index:3}.hero-copy:after{display:block;content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#d8edff4a,#fff2,transparent);pointer-events:none}.hero-copy h1{font-size:clamp(40px,3.8vw,52px);letter-spacing:-2.5px;margin-top:21px}.hero-copy .eyebrow{color:var(--accent)}.hero-copy p{color:var(--muted)}.countdown{margin-top:25px}.countdown #countdown{font-size:74px;gap:11px;color:#f6faff;text-shadow:0 2px 20px #9dccff0b}.timer-unit{min-width:84px}.timer-colon{color:#8aa5c2}.next-info{border-top-color:#b7d8ff28;margin-top:22px;max-width:none}.next-info .date-badge{background:linear-gradient(135deg,#cae6ff0d,#6a94ca0a),#2945623b;border-color:#bedfff33;box-shadow:inset 0 1px #d7ecff12}.next-info .event-main p{color:#c0cee0}
/* Scene is clear on the right; refraction is confined to the leading glass edge. */
.media-stage{position:relative;display:block;overflow:hidden;height:100%;min-height:485px;align-self:stretch;background:radial-gradient(ellipse at 55% 37%,#638fd34d,#19355c30 48%,#11254180);isolation:isolate}.media-stage:before{display:none}.media-ambient{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 75% 25%,#99cbff28,transparent 47%),radial-gradient(ellipse at 25% 88%,#927de528,transparent 55%)}.media-stage[data-kind=video] .media-ambient{background-color:#10243e;background-size:cover;background-repeat:no-repeat}.media-stage .scene-poster,.media-stage .scene-video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:61% center;border:0;border-radius:0;transform:none;opacity:1;filter:none;box-shadow:none;mix-blend-mode:normal;z-index:1}.media-stage .scene-video{z-index:2;opacity:0;transition:opacity .25s}.media-stage[data-frame=ready] .scene-video{opacity:1}.media-stage[data-frame=ready] .scene-poster{opacity:0}.media-stage[data-kind=planet-video] .scene-video,.media-stage[data-kind=planet-video] .scene-poster{inset:auto 3% 12px auto;width:94%;height:auto;aspect-ratio:1536/608;object-fit:contain;object-position:center bottom;z-index:4;filter:drop-shadow(0 14px 16px #0003)}.ribbed-glass{position:absolute;z-index:5;left:0;top:0;bottom:0;width:40px;pointer-events:none;background:repeating-linear-gradient(90deg,#d0e8ff0e 0,#e1f3ff16 1px,#486c8d12 3px,#0b213114 6px);backdrop-filter:blur(8px);mask-image:linear-gradient(90deg,#000,transparent);border-left:1px solid #ebf8ff1a}.media-label{position:absolute;z-index:6;right:20px;top:20px;padding:6px 11px;border-radius:20px;background:rgba(10,26,45,.72);border:1px solid #cee7ff40;box-shadow:inset 0 1px #f2faff16;backdrop-filter:blur(12px);font-size:10px;font-weight:550;letter-spacing:.02em;color:#e9f4ff}.media-controls{position:absolute;z-index:7;left:18px;right:18px;bottom:16px;display:flex;align-items:flex-end;gap:10px;justify-content:flex-end}.media-controls button{min-height:38px;flex-shrink:0;padding:8px 12px;border:1px solid #d2eaff57;border-radius:9px;background:rgba(9,23,42,.85);box-shadow:inset 0 1px #e2f4ff16,0 3px 9px #0002;backdrop-filter:blur(14px);font-size:10px;color:#edf6ff;font-weight:550}.media-controls button:hover{background:#244564}.media-controls button:disabled{cursor:default;color:#d1dbea}.media-controls #mediaStatus{font-size:9px;line-height:1.7;color:#e1edff;background:rgba(7,20,38,.86);padding:6px 9px;border-radius:7px;max-width:260px;border:1px solid #c5e3ff29;backdrop-filter:blur(12px)}.media-controls #mediaStatus:empty{display:none}.media-stage[data-kind=planet-video] .media-controls{bottom:12px}.media-stage[data-kind=planet-video] .scene-video,.media-stage[data-kind=planet-video] .scene-poster{bottom:48px}
/* Local textured CSS sphere: no clock nodes, radar, route diagram or CDN. */
.scene-planet{position:absolute;z-index:1;width:315px;height:315px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#173e73;box-shadow:0 0 0 1px #b6dfff52,0 0 20px #7cc4ff2e,0 0 90px #599ce32b,0 25px 45px #0005;isolation:isolate;overflow:hidden}.planet-surface{position:absolute;inset:0;border-radius:50%;background-color:#24558a;background-size:200% 100%;background-repeat:repeat-x;background-position:40% center;animation:planet-turn 100s linear infinite;animation-play-state:paused;filter:saturate(.95) contrast(1.08)}.planet-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 27% 24%,#d4efff55,transparent 38%),radial-gradient(circle at 32% 35%,transparent 30%,#0a173370 67%,#030b1af2 94%);box-shadow:inset 7px 3px 18px #b5eaff42,inset -26px -17px 45px #030c23a6}.media-stage[data-motion=playing] .planet-surface{animation-play-state:running}.media-stage[data-kind=planet-video] .scene-planet{width:290px;height:290px;top:42%;left:51%}.media-stage[data-kind=planet] .scene-planet{width:345px;height:345px;top:48%}@keyframes planet-turn{from{background-position:0% center}to{background-position:200% center}}
.world-times{margin-top:27px}.section-heading.compact{margin-bottom:15px}.cities{gap:12px;background:transparent;border:0;border-radius:0;overflow:visible}.city,.city:first-child,.city:last-child{padding:23px 20px;border:1px solid #bcdcff35;border-radius:15px;background:linear-gradient(138deg,#9cc5f516,transparent 60%),rgba(16,34,61,.83);box-shadow:inset 0 1px #dfedff1a,inset 0 -1px #7bb9e321,0 12px 26px #0002;backdrop-filter:blur(16px) saturate(120%)}.city.source-city{background:linear-gradient(135deg,#94c7f225,#4f80c51a 60%),rgba(26,49,80,.9);border-color:color-mix(in srgb,var(--accent) 50%,#84b7ef);box-shadow:inset 0 1px #dcf5ff4a,inset 0 -2px color-mix(in srgb,var(--accent) 48%,transparent),0 12px 26px #0002,0 2px 15px #64aaff12}.city:before{right:19px}.city-name{font-size:12px}.city-time,.city:last-child .city-time{color:#f6faff}.city-date{color:#c0cee1}.city-zone,.city:last-child .city-zone{color:#b5c4da}.journal{margin-top:36px}.section-heading h2{font-weight:600}.primary{box-shadow:inset 0 1px #ffffff6b,0 4px 14px #0002;border-color:#d7f8ff4f;background:linear-gradient(135deg,color-mix(in srgb,var(--action-bg) 88%,white),var(--action-bg));color:var(--action-text)}.primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--action-bg) 78%,white),var(--action-bg));color:var(--action-text);box-shadow:inset 0 1px #fff8,0 4px 16px #8ac8f719}.primary:active{box-shadow:inset 0 1px 5px #0002}.event-actions button,.icon-button,.date-row button{background:linear-gradient(135deg,#d4e9ff0a,#5c83b90a),rgba(18,38,64,.86);border-color:#bddbff33;box-shadow:inset 0 1px #d7edff0c}.event-actions button:hover,.icon-button:hover{background:#2a4667}.event-actions button[data-action=view]{background:transparent;color:#d0dfef}.event-actions .cancel-button{color:#ffd0c6}#events{background:linear-gradient(135deg,#8fb8f30c,#2644690c),rgba(14,31,54,.84);border-color:#bfdcff30;border-radius:15px;box-shadow:inset 0 1px #e4f2ff12,0 16px 36px #0002;backdrop-filter:blur(18px)}.event-row,.event-row:first-child{border-bottom-color:#b8d8ff22}.event-row.selected{background:linear-gradient(110deg,#a3ceff12,#769ae70a);border-left-color:var(--accent)}.event-row .date-badge{background:#91b9e50b;border-color:#bedcff29;box-shadow:inset 0 1px #e0f0ff14}.event-row.selected .event-main h3:after{background:#abcfff10;border-color:#b6dcff38}.field-note{background:linear-gradient(130deg,#9ec9ff13,#2d4f8210),rgba(13,31,55,.83);border-color:#c5dfff33;border-radius:15px;box-shadow:inset 0 1px #e7f4ff1a;backdrop-filter:blur(16px)}.footer{border-color:#b6d9ff29}.toast,.draft-banner{background:rgba(31,55,86,.93);border-color:#c6e3ff33;border-left-color:var(--accent);box-shadow:inset 0 1px #effaff12}.empty-state{background:#142a4222}.hero-copy #heroSubtitle{position:relative;z-index:2}
/* Same glass components in every theme, with a readable matte form interior. */
dialog{background:rgba(9,23,43,.97);border-color:#c1ddff47;border-radius:17px;box-shadow:inset 0 1px #e9f7ff35,0 35px 110px #0009,0 0 35px #5d91df12;backdrop-filter:blur(24px)}dialog::backdrop{background:#020a18b8;backdrop-filter:blur(5px)}.dialog-head{background:linear-gradient(135deg,#bbd8ff12,#435f9010),rgba(20,42,70,.95);border-color:#bfdfff2b;box-shadow:inset 0 1px #edf8ff14}.dialog-foot{background:linear-gradient(120deg,#b9d8ff08,#273f6214),rgba(18,38,63,.98);border-color:#c2deff29}.review{background:linear-gradient(160deg,#a2c8fb0a,transparent 65%),rgba(19,39,64,.95);border-color:#c8e5ff24}.form-main section{border-color:#c1ddff2c}input,select{background:linear-gradient(120deg,#d9ecff06,transparent),#13273e;color:#f0f7ff;border-color:#91b3d65e;box-shadow:inset 0 1px 4px #0003,inset 0 -1px #d3eaff0b}option{background:#13273e}.player,.check-chip{background:linear-gradient(130deg,#b9d6fd0a,transparent),#142a416e;border-color:#bcdcff35;box-shadow:inset 0 1px #e2f1ff0d}.player:has(input:checked),.check-chip:has(input:checked){background:linear-gradient(135deg,#acd6ff13,#264f7e1a),#27456573;border-color:#96c8cf8a}.time-preview{background:#213e5d69;border-color:#c0e2ff30;box-shadow:inset 0 1px #c5e1ff0b}.review-rule{border-color:#bcdcff2b}.small-dialog{background:linear-gradient(150deg,#b3d6ff10,#233e6610),rgba(13,30,53,.98);border-color:#c6e4ff40}.form-error{background:#482931;color:#ffdfd5;border-color:#ce8f9b6b}.danger{background:linear-gradient(135deg,#a8514c,#903b3b);color:#fff1eb;border-color:#e4a4a247}.danger:hover{background:#a34b46}
@supports not (backdrop-filter:blur(1px)){.hero-copy{background:#10233e}.city,.city:first-child,.city:last-child,#events,.field-note{background:#132a46}.city.source-city{background:#203d5c}}
@media(max-width:1000px){.hero-copy{padding:30px 25px;min-height:465px}.hero-copy h1{font-size:43px;letter-spacing:-2.1px}.countdown #countdown{font-size:65px;gap:9px}.timer-unit{min-width:72px}.media-stage{min-height:465px}.scene-planet,.media-stage[data-kind=planet] .scene-planet{width:285px;height:285px}.media-stage[data-kind=planet-video] .scene-planet{width:250px;height:250px}.city,.city:first-child,.city:last-child{padding:21px 16px}.city-name{font-size:11px}.media-controls{left:13px;right:13px}.media-controls #mediaStatus{font-size:8px}.media-controls button{font-size:9px;padding:8px 10px}}
@media(max-width:800px){.hero{grid-template-columns:53% 47%;border-radius:20px}.hero-copy{padding:28px 23px;min-height:440px}.hero-copy h1{font-size:36px;letter-spacing:-1.6px}.hero-copy .eyebrow{font-size:7px}.hero-copy p{font-size:10px}.countdown #countdown{font-size:54px;gap:8px}.timer-unit{min-width:59px}.timer-unit small{font-size:8px}.next-info{margin-top:20px;padding-top:15px;gap:10px}.next-info .event-main h3{font-size:13px}.next-info .event-main p{font-size:8px}.media-stage{min-height:440px}.scene-planet,.media-stage[data-kind=planet] .scene-planet{width:240px;height:240px}.media-stage[data-kind=planet-video] .scene-planet{width:218px;height:218px;top:43%}.media-controls{flex-wrap:wrap;gap:6px;bottom:13px}.media-controls #mediaStatus{max-width:100%;text-align:left}.media-stage[data-kind=planet-video] .scene-video,.media-stage[data-kind=planet-video] .scene-poster{bottom:70px;width:96%;right:2%}.media-label{font-size:9px;padding:5px 10px;right:13px;top:14px}.ribbed-glass{width:27px}.cities{gap:9px}.city,.city:first-child,.city:last-child{padding:19px 13px;border-radius:12px}.city-name{font-size:10px}.city:before{right:10px}.city-zone{font-size:6px}}
@media(max-width:600px){.toolbar{padding-bottom:17px}.hero{display:flex;flex-direction:column;border-radius:19px}.hero-copy{padding:29px 24px 23px;min-height:0;border-right:0;border-bottom:1px solid #cce4ff24;backdrop-filter:blur(18px)}.hero-copy h1{font-size:clamp(33px,10vw,45px);letter-spacing:-1.7px;margin-top:18px;margin-bottom:14px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.12em}.hero-copy p{font-size:11px;line-height:1.8}.countdown{margin-top:23px}.countdown #countdown{font-size:62px;gap:10px;justify-content:space-between}.timer-unit{min-width:58px}.timer-unit small{font-size:8px}.timer-colon{font-size:.56em}.countdown .tiny{font-size:7px}.next-info{margin-top:20px;padding-top:15px;gap:12px}.next-info .event-main h3{font-size:14px}.next-info .event-main p{font-size:9px}.next-info .date-badge{min-width:42px}.media-stage{width:100%;height:300px;min-height:300px;margin:0;border-radius:0}.media-stage[data-kind=video]{height:300px;min-height:300px}.media-stage .scene-video,.media-stage .scene-poster{object-position:61% center}.scene-planet,.media-stage[data-kind=planet] .scene-planet{width:235px;height:235px;top:46%;left:50%}.media-stage[data-kind=planet-video] .scene-planet{width:216px;height:216px;top:40%;left:50%}.media-stage[data-kind=planet-video] .scene-video,.media-stage[data-kind=planet-video] .scene-poster{width:94%;right:3%;bottom:50px}.media-controls,.media-stage[data-kind=planet-video] .media-controls{left:12px;right:12px;bottom:12px;flex-wrap:nowrap;align-items:flex-end}.media-controls button{font-size:9px;min-height:36px;padding:7px 10px}.media-controls #mediaStatus{font-size:8px;max-width:62%;padding:5px 7px;text-align:left}.media-label{top:13px;right:13px;font-size:8px;letter-spacing:.01em}.ribbed-glass{width:25px}.world-times{margin-top:26px}.cities,.cities[data-count="3"],.cities[data-count="4"],.cities[data-count="5"]{gap:10px;border:0}.city,.city:first-child,.city:nth-child(even),.city:last-child{padding:20px 14px 18px;border:1px solid #bcdcff35;border-radius:13px;background:linear-gradient(135deg,#a6d2ff12,transparent 55%),rgba(16,34,61,.88);box-shadow:inset 0 1px #dff2ff1a,inset 0 -1px #7bb9e321,0 8px 18px #0002}.city.source-city{background:linear-gradient(135deg,#94c7f225,#4f80c51a 60%),rgba(26,49,80,.95);border-color:color-mix(in srgb,var(--accent) 50%,#84b7ef);box-shadow:inset 0 1px #dcf5ff4a,inset 0 -2px color-mix(in srgb,var(--accent) 48%,transparent),0 8px 18px #0002}.city-name{font-size:11px}.city-time,.city:last-child .city-time{font-size:33px}.city-date{font-size:8px}.city-zone,.city:last-child .city-zone{font-size:6px}.journal{margin-top:31px}#events{border-radius:13px}.field-note{border-radius:13px}.header .text-button{font-size:9px}.dialog-head{padding:19px 20px}.dialog-head h2{font-size:24px}.dialog-foot{padding:13px 20px}.small-dialog{border-radius:15px}.form-error{font-size:10px}.countdown #countdown.long-days{font-size:37px;gap:7px}}
@media(prefers-reduced-motion:reduce){.planet-surface{animation-play-state:paused!important}.scene-video{transition:none!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V5 material study: dark optical body, broad subsurface blue bloom,
   narrow cyan emission, irregular grain. Lighting belongs to the surface. */
body{background:radial-gradient(ellipse at 76% 4%,#14243d 0,transparent 49%),radial-gradient(ellipse at 10% 68%,#102038 0,transparent 46%),#050b14}
.hero{border-color:#7596d129;border-radius:29px;background:#070f1c;box-shadow:0 28px 65px #0007,0 2px 14px #0004,inset 0 1px #789ddb33}
.hero:before{background:radial-gradient(ellipse at 75% 0,#15366a80,transparent 55%)}
.hero-copy{background:radial-gradient(ellipse at 98% 0,#1e4c895c,transparent 57%),radial-gradient(ellipse at 0% 90%,#12305936,transparent 58%),#07101e;border-right-color:#a3c7ff12;box-shadow:inset 1px 0 2px #83b7ff24,inset 0 1px 2px #88b8ff1a;overflow:hidden;padding-bottom:42px}
.hero-copy>*{position:relative;z-index:2}
.hero-copy:before{content:'';position:absolute;pointer-events:none;z-index:0;inset:0;background:radial-gradient(ellipse 88% 24% at 55% 103%,#c1f9ff 0,#508dff 24%,#215ce8a6 43%,#12398442 66%,transparent 100%),radial-gradient(ellipse 50% 75% at -22% 77%,#247bff3d,transparent 75%);box-shadow:inset 0 -1px 2px #c0f5ffad,inset 1px 0 5px #498dff29}
.hero-copy:after{inset:0;width:auto;height:auto;z-index:1;background:url('/nextgame-ui/media/material-grain.svg') repeat;opacity:.115;mix-blend-mode:screen;box-shadow:inset 0 -1px #c8f8ff80}
.hero-copy .next-info{border-top-color:#b1cfff17}.hero-copy .date-badge{border-color:#b6d8ff25;background:radial-gradient(ellipse at 50% 0,#c8e9ff20,transparent 85%),#0f1c2cc7;box-shadow:inset 0 1px #e3f5ff12}
.ribbed-glass{opacity:.45;width:22px}
.city,.city:first-child,.city:nth-child(even),.city:last-child{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid #688fcd38;background:radial-gradient(ellipse at 100% -15%,#295ea34f,transparent 63%),#070f1d;box-shadow:0 15px 28px #0005,inset 1px 0 2px #5a9cff30,inset 0 1px #8bbdff21,inset 0 -1px 2px #c6f6ffb8;padding-bottom:29px}
.city.source-city{border-color:#6d9ee960;background:radial-gradient(ellipse at 100% 0,#24539677,transparent 65%),#081222;box-shadow:0 15px 28px #0005,inset 1px 0 3px #66b4ff66,inset 0 1px #8bbdff35,inset 0 -1px 3px #cbfaff}
.city:before{content:'';position:absolute;inset:0;width:auto;height:auto;z-index:-1;border:0;border-radius:inherit;background:radial-gradient(ellipse 88% 38% at 50% 103%,#bdedff 0,#548bff 30%,#2460e5b3 50%,#17418a47 73%,transparent 100%);box-shadow:inset 0 -1px 3px #9ce5ff9c;pointer-events:none}
.city:after{content:'';position:absolute;pointer-events:none;inset:0;z-index:-1;background:url('/nextgame-ui/media/material-grain.svg');opacity:.1;mix-blend-mode:screen}
.city.source-city:before{background:radial-gradient(ellipse 90% 40% at 50% 103%,#d1faff 0,#679dff 29%,#2462f0bf 48%,#163f954f 72%,transparent 100%)}
.city-time,.city:last-child .city-time{color:#f1f7ff;text-shadow:0 1px 12px #a6d5ff13}.city-zone{color:#afc3de}
#events{background:radial-gradient(ellipse at 90% -15%,#23549438,transparent 63%),#080f1c;border-color:#7a9ed031;box-shadow:0 14px 32px #0004,inset 0 1px #a5cbff17;border-radius:20px}
.event-row{background:transparent}.event-row.selected{background:radial-gradient(ellipse at 0 40%,#2361a421,transparent 75%)}
.field-note{background:radial-gradient(ellipse at 100% 0,#25549440,transparent 70%),#0b1423;border-color:#81a5d62e;box-shadow:inset 0 1px #d0eaff15,0 10px 25px #0003}
@media(max-width:800px){.hero{border-radius:24px}.hero-copy{padding-bottom:36px}.city,.city:first-child,.city:nth-child(even),.city:last-child{border-radius:17px;padding-bottom:28px}}
@media(max-width:600px){.hero{border-radius:23px}.hero-copy{padding-bottom:37px;border-bottom-color:#81b3ff30}.hero-copy:before{background:radial-gradient(ellipse 95% 22% at 55% 103%,#c1f9ff 0,#508dff 24%,#215ce8a6 43%,#12398442 66%,transparent 100%)}.city,.city:first-child,.city:nth-child(even),.city:last-child{border-radius:18px;padding-bottom:29px}.city.source-city{background:radial-gradient(ellipse at 100% 0,#24539677,transparent 65%),#081222}}

/* V5.1: source time owns the broad bloom; converted times catch a smaller light. */
.city:not(.source-city){background:radial-gradient(ellipse 29% 3% at 19% 0%,#b7d9ff29,transparent 100%),radial-gradient(ellipse 3% 37% at 0% 28%,#6eaaff1a,transparent 100%),radial-gradient(ellipse at 100% -15%,#295ea33b,transparent 63%),#070f1d;border-color:#688fcd30;box-shadow:0 15px 28px #0005,inset 1px 0 2px #5a9cff23,inset 0 1px #8bbdff16,inset 0 -1px 2px #a8d6ff50}
.city:not(.source-city):before{background:radial-gradient(ellipse 62% 25% at 50% 102%,#89baff 0,#4373c8cc 27%,#214a9870 53%,#17396a29 76%,transparent 100%);box-shadow:inset 0 -1px 2px #9ce5ff45}
.city.source-city{background:radial-gradient(ellipse 33% 3% at 19% 0%,#d2eaff3d,transparent 100%),radial-gradient(ellipse 3% 40% at 0% 29%,#88c4ff26,transparent 100%),radial-gradient(ellipse at 100% 0,#24539677,transparent 65%),#081222}

/* V5.2: the optical rim belongs to the whole shell, above both media and copy. */
.hero:after{content:'';position:absolute;inset:0;z-index:9;border-radius:inherit;padding:1.5px;background:radial-gradient(ellipse 100px 95px at 0 0,#b8dcffa6,transparent 100%),radial-gradient(ellipse 100px 95px at 100% 0,#b8dcff91,transparent 100%),radial-gradient(ellipse 130px 105px at 0 100%,#bbf2ffcc,transparent 100%),radial-gradient(ellipse 130px 105px at 100% 100%,#bbf2ffb3,transparent 100%),linear-gradient(145deg,#769edb38,#93bcff12 45%,#7dbbff47);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}

#loginDialog label{display:grid;gap:8px;margin:16px 0}#loginDialog input{width:100%;min-height:44px}#loginError{min-height:24px;color:var(--hero-accent)}

/* User explicitly chooses playing scene media, even with reduced UI motion. */
.scene-globe{position:absolute;inset:0;z-index:1;overflow:hidden}.scene-globe canvas{display:block;width:100%;height:100%}.media-stage[data-kind=video] .scene-globe{display:none}.tracked-labels-v2{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tracked-marker-v2{position:absolute;left:0;top:0;white-space:nowrap}.marker-dot{display:block;width:4px;height:4px;border-radius:50%;background:#aeeeff;box-shadow:0 0 6px #8eeeff}.marker-label{position:absolute;left:8px;bottom:0;background:#071325bc;padding:3px 5px;border-radius:4px;color:#edf8ff;font:9px/1.4 'Segoe UI',sans-serif}.marker-label{transform:translateY(var(--label-y,0px))}.marker-time{display:block}.scene-video{z-index:3}.media-controls{z-index:5}
@media(prefers-reduced-motion:reduce){.media-stage[data-motion=playing] .planet-surface{animation:planet-turn 100s linear infinite!important;animation-play-state:running!important}}