.world-banner,.world-backdrop{background:radial-gradient(60% 40% at 72% 70%,#ff6b0029,#0000 70%),linear-gradient(#111215 0%,#18222e 46%,#1e2a38 58%,#2b3a4a 62%,#16202b 100%)}.world-banner{isolation:isolate;color:#f8f9fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:clamp(320px,46vh,460px);font-family:var(--font-plex), "IBM Plex Sans Thai", system-ui, sans-serif;border:1px solid #94a3b82e;border-radius:4px 22px;align-items:flex-end;margin:0 0 28px;display:flex;position:relative;overflow:hidden}.world-banner.is-compact{min-height:clamp(260px,36vh,360px)}.world-banner:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111215b8 0%,#11121540 46%,#0000 70%);position:absolute;inset:0}.world-banner-scene{z-index:-2;position:absolute;inset:0}.world-banner-scene canvas,.world-backdrop canvas{display:block;width:100%!important;height:100%!important}.world-banner-card{-webkit-backdrop-filter:blur(12px);background:#0d0f13ed;border:1px solid #94a3b83d;border-radius:4px 22px;width:min(500px,100% - 44px);margin:22px;padding:20px 22px 22px;animation:.6s cubic-bezier(.2,.9,.2,1) both world-banner-in;position:relative;box-shadow:6px 6px #05060899}.world-banner-card:before{content:"";background:#ff6b00;width:64px;height:4px;position:absolute;top:-1px;left:22px;transform:skew(-12deg)}@keyframes world-banner-in{0%{opacity:0;transform:translate(-36px)skew(4deg)}}.world-banner-kicker{color:#ff8a33;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.world-banner-card h2{color:#f8f9fa;transform-origin:0 100%;margin:10px 0 8px;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.2;transform:skew(-9deg)}.world-banner-card p{color:#c4cfdc;margin:0 0 16px;font-size:15px;line-height:1.75}.world-banner-actions{flex-wrap:wrap;gap:10px 14px;padding-left:6px;display:flex}.world-banner-actions a{isolation:isolate;color:#f8f9fa;white-space:nowrap;align-items:center;min-height:44px;padding:0 18px;font-size:14.5px;font-weight:800;text-decoration:none;transition:transform .16s;display:inline-flex;position:relative}.world-banner-actions a:before{content:"";z-index:-1;background:#11121599;border:2px solid #94a3b866;border-radius:6px;position:absolute;inset:0;transform:skew(-12deg);box-shadow:3px 3px #050608}.world-banner-actions a.is-primary{color:#111215}.world-banner-actions a.is-primary:before{background:#ff6b00;border-color:#ff6b00}.world-banner-actions a:hover{transform:translate(4px)}.world-banner-actions a:focus-visible{outline-offset:3px;outline:3px solid #ff6b00}.world-banner-duck{filter:drop-shadow(0 12px #050608b3);width:clamp(88px,14vw,180px);height:auto;animation:3.2s ease-in-out infinite world-banner-bob;position:absolute;top:50%;right:9%;transform:translateY(-62%)rotate(-8deg)}@keyframes world-banner-bob{50%{transform:translateY(-56%)rotate(-4deg)}}@media (max-width:640px){.world-banner{min-height:440px}.world-banner:after{background:linear-gradient(#0000 20%,#11121533 45%,#111215cc 100%)}.world-banner-card{width:calc(100% - 24px);margin:12px;padding:16px 16px 18px}.world-banner-card h2{font-size:24px}.world-banner-card p{display:none}.world-banner-duck{animation:none;top:30%;right:50%;transform:translate(50%,-50%)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.world-banner-card,.world-banner-duck{animation:none}}.world-backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}@media (min-width:901px){.world-backdrop.is-welcome:after{content:"";pointer-events:none;background:linear-gradient(#11121559 0%,#0000 18% 42%,#0d0f13d1 70%,#0d0f13eb 100%);position:absolute;inset:0}}:root[data-theme=light] :is(.world-banner,.world-backdrop){background:linear-gradient(#5fa6e2 0%,#a9d4f3 55%,#2f95d3 62%,#14639f 100%)}:root[data-theme=light] .world-banner{color:#1b2430;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-color:#1b24301a}:root[data-theme=light] .world-banner:after{background:linear-gradient(90deg,#f8fafc8c 0%,#f8fafc1a 46%,#0000 70%)}:root[data-theme=light] .world-banner-card{background:#fffffff5;border-color:#1b24301a;box-shadow:0 2px 4px #1112150f,0 18px 44px #1b243029}:root[data-theme=light] .world-banner-card:before{background:#f26a00}:root[data-theme=light] .world-banner-kicker{color:#b34800}:root[data-theme=light] .world-banner-card h2{color:#1b2430}:root[data-theme=light] .world-banner-card p{color:#4c5d70}:root[data-theme=light] .world-banner-actions a{color:#1b2430}:root[data-theme=light] .world-banner-actions a:before{box-shadow:none;background:#fff;border:1px solid #1b24303d}:root[data-theme=light] .world-banner-actions a.is-primary{color:#111215}:root[data-theme=light] .world-banner-actions a.is-primary:before{background:#f26a00;border-color:#f26a00;box-shadow:0 6px 16px #f26a0040}:root[data-theme=light] .world-banner-duck{filter:drop-shadow(0 12px #14639f59)}@media (max-width:640px){:root[data-theme=light] .world-banner:after{background:linear-gradient(#0000 20%,#f8fafc1a 45%,#f8fafcb3 100%)}}@media (min-width:901px){:root[data-theme=light] .world-backdrop.is-welcome:after{background:linear-gradient(#f8fafc33 0%,#0000 18% 60%,#f8fafc59 100%)}}
