:root { --world-bg:#f1effa; --world-accent:#9c91e8; --world-text:#111218; --serif:"Cormorant Garamond",Georgia,serif; --sans:"Inter",Arial,sans-serif; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; place-items:center; overflow-x:hidden; color:var(--world-text); background:linear-gradient(135deg,#f7f7f4,var(--world-bg)); font-family:var(--sans); }
.world { width:min(1180px,calc(100% - 40px)); padding:34px 0; opacity:0; transform:translateY(8px); transition:opacity .5s ease,transform .5s ease; }
.is-ready .world { opacity:1; transform:none; }
.world__back { color:inherit; font-size:12px; text-decoration:none; }
.world__stage { min-height:620px; margin-top:22px; padding:clamp(34px,6vw,86px); position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,.78fr) minmax(320px,1.22fr); align-items:center; gap:50px; border:1px solid rgba(25,30,45,.08); border-radius:34px; background:rgba(255,255,255,.56); box-shadow:0 28px 80px rgba(55,62,88,.1); }
.world__stage::before { content:""; width:520px; height:520px; position:absolute; right:-140px; top:-180px; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb,var(--world-accent) 24%,white), transparent 68%); }
.world__copy { position:relative; z-index:2; }
.world__category { margin:0 0 28px; color:var(--world-accent); font-size:11px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.world h1 { max-width:520px; margin:0; font-family:var(--serif); font-size:clamp(58px,8vw,104px); font-weight:500; line-height:.82; letter-spacing:-.04em; }
.world__description { max-width:430px; margin:26px 0 0; color:#555b68; font-size:16px; line-height:1.55; }
.world__meta { margin-top:30px; display:flex; gap:18px; align-items:center; color:#6d7280; font-size:11px; }
[data-world-status] { color:var(--status-color,var(--world-accent)); font-weight:700; letter-spacing:.08em; }
.world__action { width:min(260px,100%); height:48px; margin-top:38px; padding:0 18px; display:flex; justify-content:space-between; align-items:center; border-radius:999px; background:#121a2e; color:white; font-size:12px; text-decoration:none; }
.world__visual { height:510px; margin:0; position:relative; display:grid; place-items:center; }
.world__visual img { width:100%; height:100%; object-fit:contain; filter:saturate(.9) brightness(1.05); }
.world__visual div { width:min(390px,80%); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,white 0 8%,color-mix(in srgb,var(--world-accent) 28%,white) 32%,transparent 70%); }
.world__visual b { position:absolute; font-size:58px; color:var(--world-accent); }.world__visual span { font-family:var(--serif); font-size:160px; color:color-mix(in srgb,var(--world-accent) 55%,white); }
.is-not-found { --world-bg:#eef1f5; --world-accent:#8093ab; }.is-not-found .world__visual img { display:none; }
@media (max-width:760px) { .world { width:calc(100% - 24px); }.world__stage { min-height:0; padding:36px 24px; grid-template-columns:1fr; gap:18px; }.world h1 { font-size:58px; }.world__visual { height:280px; grid-row:1; }.world__description { font-size:14px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation-duration:0.01ms!important; animation-iteration-count:1!important; } }