/* /assets/views-home-home-9krMGLTq.css */
main{unicode-bidi:isolate;display:flow-root}#events,#articles,#character-detail{margin-top:4rem}.section-title{text-align:center;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:3rem;font-size:2.5rem;font-weight:800}.hero{text-align:center;background-image:url(https://endfieldplus.com/cdn-cgi/image/format=auto,fit=cover,width=1400,height=400/hero-background-image.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:250px;padding:4rem 0 3rem;position:relative}.hero:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero h1{color:#fff;letter-spacing:-1px;margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1.1}.hero p{color:#fff;margin-bottom:.8rem;font-size:2rem;font-weight:500}.subnav{margin-top:3rem!important;margin-bottom:2rem!important}.subnav ul{flex-wrap:wrap;justify-content:center;gap:20px;list-style:none;display:flex}.subnav ul li>a,.subnav ul li>span{color:#000;text-align:center;background-color:#fffa00;border-radius:4px;padding:10px 16px;font-size:15px;font-weight:500;transition:all .3s;display:block;position:relative}.subnav ul li span.dev{color:#9ca3af;cursor:not-allowed;opacity:.7;background-color:#6b7280}.subnav ul li span.dev .dev-tag,.subnav ul li>a .dev-tag{color:#d1d5db;text-transform:uppercase;letter-spacing:.5px;background-color:#4b5563;border-radius:3px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.subnav ul li>a .hot-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#ef4444;border-radius:3px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.subnav ul li:hover{transition:transform .3s;transform:translateY(-4px)}.title-container{justify-content:space-between;align-items:center;display:flex}.title-container a{color:#fff9;white-space:nowrap;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;gap:8px;height:100%;margin-bottom:10px;padding:8px 16px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1),gap .3s;display:inline-flex;position:relative;overflow:hidden}.title-container a svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.title-container a:hover{color:#fff;background:#ffffff0d}.title-shadow{color:#0000;opacity:.3;text-transform:uppercase;background-image:linear-gradient(-45deg,#0000,#0000 20.5805%,#fff 0 29.4195%,#fff0 0,#0000 70.5805%,#fff 0 79.4195%,#0000 0,#0000);background-position:0 0;background-repeat:repeat;background-size:7px 7px;-webkit-background-clip:text;background-clip:text;width:-webkit-fill-available;margin:0;font-size:60px;font-weight:700;display:inline-block}h2{color:#fff;border-bottom:3px solid #fffa00;margin-top:2rem;margin-bottom:-87px;font-size:2rem;font-weight:700}.articles-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:1rem;margin-bottom:2rem;display:grid}.articles-grid article{cursor:pointer}.articles-grid article img{aspect-ratio:16/9;width:100%}.articles-grid article h3{height:3em;line-height:1.5em;overflow:hidden}.articles-grid article a{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;text-decoration:none;display:-webkit-box;overflow:hidden}.articles-grid article time{color:#999;margin-bottom:10px;font-size:12px;font-weight:600}.articles-grid article:hover{transition:scale .3s;scale:1.05}.events-list{flex-direction:column;margin-top:1rem;margin-bottom:2rem;display:flex}.events-list article{cursor:pointer;border-left:1px solid #334155;flex-direction:column;gap:4px;padding:0 20px 40px;display:flex;position:relative}.events-list article:hover time{transition:transform .3s;transform:translateY(-4px)}.events-list article:hover h3{color:var(--accent);transition:transform .3s;transform:translateY(-4px)}.events-list article:hover p{transition:transform .3s;transform:translateY(-4px)}.events-list article .timeline-dot{background-color:#3b82f6;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px;box-shadow:0 0 0 4px #0f172a}.events-list article img{object-fit:cover;width:140px}.events-list article time{color:#60a5fa;justify-content:flex-start;gap:5px;font-size:14px;font-weight:500;display:flex}.events-list article h3{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden}.events-list article p{color:#94a3b8;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.events-list article span{color:#60a5fa}.events-list article span:after{content:">>";transition:transform .3s;display:inline-block}@media (width<=1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.articles-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:4rem}.hero p{font-size:1.5rem}.hero{background-image:url(https://endfieldplus.com/cdn-cgi/image/format=auto,fit=cover,width=440,height=400/hero-background-image.jpg);padding:3rem 0}}@media (width<=576px){.hero h1{font-size:3rem}.hero p{font-size:1.5rem}.mb-hidden{display:none}.title-shadow{font-size:50px}h2{margin-bottom:-75px}.articles-grid{grid-template-columns:1fr;gap:40px}.articles-grid article h3{height:auto;line-height:1.5em;overflow:hidden}.title-container a{flex:1 0 auto;margin-bottom:18px;padding:0}.title-container a span{display:none}.title-container a svg{color:#000;background-color:#fafafa;border-radius:50%;width:40px;height:40px;padding:10px;display:block}}



/* /assets/widgets-Timeline-Timeline-BdjzKf6U.css */
.timeline-events{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;min-height:300px;padding-bottom:20px;position:relative;overflow:auto hidden}.timeline-events::-webkit-scrollbar{height:8px}.timeline-events::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.timeline-events::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;transition:background .2s}.timeline-events::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.timeline-events-header>div{width:var(--pixel-per-hour);text-align:center;border-right:1px solid var(--border);background:var(--bg-secondary);scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;height:fit-content;padding:3px 8px;transition:background-color .2s}.timeline-events-header>div:first-child{border-left:1px solid var(--border)}.timeline-events-header>div.is-today{background:color-mix(in srgb, var(--accent) 20%, transparent);border-left:2px solid var(--accent);border-right:2px solid var(--accent)}.timeline-events-header>div>div:first-child{color:var(--text-secondary);text-transform:uppercase;margin-bottom:1px;font-size:9px;font-weight:500}.timeline-events-header>div.is-today>div:first-child{color:var(--accent);font-weight:700}.timeline-events-header>div>div:last-child{color:var(--text-primary);font-size:14px;font-weight:700}.timeline-events-header>div.is-today>div:last-child{color:var(--accent);font-size:16px}.timeline-event-wrapper{flex-shrink:0;width:100%;height:60px;position:relative}.timeline-event-bg{z-index:1;background:var(--event-image) right center / cover no-repeat;border-radius:0 6px 6px 0;width:150px;max-width:50%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,#000 10%,#0009 40%,#0000 80%);mask-image:linear-gradient(270deg,#000 10%,#0009 40%,#0000 80%)}.timeline-event-content{will-change:transform;z-index:2;align-items:center;gap:8px;transition:transform .1s ease-out;display:flex;position:relative}.timeline-event-wrapper>a,.timeline-event-wrapper>div{cursor:pointer;height:40px;color:var(--text-primary);border-radius:6px;align-items:center;padding:4px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:0;overflow:hidden;box-shadow:0 4px 6px #0000004d,0 2px 4px #0003}.timeline-event-wrapper>a:before,.timeline-event-wrapper>div:before{content:"";background:var(--event-image) center / cover no-repeat;filter:blur(15px)brightness(.7)saturate(1.2);z-index:0;position:absolute;inset:-15px}.timeline-event-wrapper>a:hover,.timeline-event-wrapper>div:hover{z-index:5;transform:translateY(-4px);box-shadow:0 8px 12px #0006,0 4px 8px #0000004d}.timeline-event-wrapper>a.is-connected-next,.timeline-event-wrapper>div.is-connected-next{border-right:4px solid #fff;border-top-right-radius:0;border-bottom-right-radius:0}.timeline-event-wrapper>a.is-connected-prev,.timeline-event-wrapper>div.is-connected-prev{border-top-left-radius:0;border-bottom-left-radius:0}.timeline-event-wrapper>a.is-connected-next .timeline-event-bg,.timeline-event-wrapper>div.is-connected-next .timeline-event-bg{border-top-right-radius:0;border-bottom-right-radius:0}.timeline-event-wrapper>a.is-connected-prev .timeline-event-bg,.timeline-event-wrapper>div.is-connected-prev .timeline-event-bg{border-top-left-radius:0;border-bottom-left-radius:0}.timeline-event-image{object-fit:cover;background:var(--bg-tertiary) var(--event-image) center/cover no-repeat;border-radius:4px;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 8px #0006}.timeline-event-name{text-shadow:1px 1px 2px #000c,0 0 4px #0009;text-overflow:ellipsis;-webkit-line-clamp:1;white-space:nowrap;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.timeline-events-header{display:flex}.timeline-current-time{background:var(--accent);z-index:10;pointer-events:none;width:2px;box-shadow:0 0 8px var(--accent);position:absolute;top:0;bottom:0}.timeline-current-time:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:0;left:-4px}.timeline-current-time-label{color:var(--bg-primary);white-space:nowrap;background:#fffa00bf;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.timeline-current-time-clock{font-family:var(--font-mono);letter-spacing:.5px}@media (width<=768px){.timeline-event-wrapper>a,.timeline-event-wrapper>div{height:36px;padding:3px 8px}.timeline-event-content{gap:6px}.timeline-event-image{width:28px;height:28px}.timeline-event-name{-webkit-line-clamp:1;font-size:11px}}