@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0e13;--text:#f3f1ed;--muted:#acafb9;--accent:#e5b26e;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.shell{width:min(1200px,calc(100% - 96px));margin:auto}header{position:absolute;top:0;left:0;width:100%;z-index:2;border-bottom:1px solid var(--line)}.nav{height:96px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{font:800 32px/1 Manrope,Arial,sans-serif;letter-spacing:-1.6px;display:inline-flex;flex-direction:column;align-items:center}.brand span{font:600 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:6px;padding-left:6px;margin-top:7px;color:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:var(--accent)}.nav-support{border:1px solid #ffffff3b;padding:10px 17px}.hero{position:relative;min-height:810px;overflow:hidden;background:#0e1017}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#0c0e13 1%,#0c0e13f5 17%,#0c0e13b3 42%,#0c0e131a 73%),linear-gradient(0deg,#0c0e13 1%,transparent 34%,#0c0e1333 85%,#0c0e1380),url('/assets/cabal-world-wide.jpg');background-position:center,center,calc(50% + 250px) 33%;background-size:cover,cover,auto 108%;background-repeat:no-repeat}.hero-inner{position:relative;padding-top:162px;padding-bottom:54px}.hero-copy{max-width:610px}.status{display:inline-flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.5px;background:#11161cb3;border:1px solid #ffffff24;padding:7px 12px}.status>span{width:6px;height:6px;border-radius:50%;background:#a4c9b0;box-shadow:0 0 12px #a4c9b05c}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--accent)}.hero .eyebrow{margin:29px 0 17px}h1{font-size:clamp(46px,5.2vw,72px);font-weight:800;line-height:1.12;letter-spacing:-3px;margin:0}em{font-style:normal;color:var(--accent)}.lead{font-size:15px;line-height:1.9;color:#bfc0c9;max-width:455px;margin:25px 0 0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;background:var(--accent);color:#211a12;padding:16px 23px;font-size:12px;font-weight:800;border:1px solid var(--accent);transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#f3c996;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600}.hero-date{margin-top:45px;display:flex;align-items:center;gap:19px;width:fit-content;padding-top:23px;border-top:1px solid #ffffff25}.date-marker{color:var(--accent);font-weight:800;font-size:30px;line-height:1}.date-marker small{font-size:11px;font-weight:500;margin-left:5px;color:var(--muted)}.hero-date strong{display:block;font-size:11px;font-weight:600}.hero-date>span:not(.date-marker)>small{display:block;color:var(--muted);font-size:10px}.date-arrow{color:var(--accent);margin-left:14px}.platforms{border-block:1px solid var(--line);background:#11141a}.platform-row{min-height:123px;display:flex;align-items:center;gap:55px}.platform-caption{font-size:9px;letter-spacing:1.7px;color:#e3e3e9}.platform-caption span{display:block;color:#979ba7;font-size:10px;letter-spacing:0;margin-top:6px}.store{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:35px;white-space:nowrap}.store strong{font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-1px}.store span{font-size:10px;color:var(--muted)}.platform-note{margin-left:auto;font-size:10px;max-width:130px;color:#9499a6;line-height:1.7}.project-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:92px}h2{font-size:clamp(29px,3.1vw,42px);line-height:1.3;letter-spacing:-1.5px;margin:20px 0}p{color:var(--muted)}.project-copy{padding-top:28px}.project-copy p{margin:0 0 18px}.beta-section{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(115deg,#21232b,#14171e);border:1px solid #ffffff1f;margin-bottom:90px}.beta-date{padding:45px 50px;border-right:1px solid var(--line)}.beta-date>div{font-weight:800;font-size:clamp(28px,3.5vw,48px);line-height:1.2;letter-spacing:-2px;margin-top:24px}.beta-date>div>span{display:block;font-size:90px;line-height:1.05;color:var(--accent);letter-spacing:-5px;margin-top:4px}.outline-label{display:inline-block;font-size:8px;letter-spacing:1.2px;border:1px solid #e5b26e45;color:var(--accent);padding:5px 9px;margin-top:24px}.beta-copy{padding:36px 50px}.beta-copy h2{font-size:32px;margin:10px 0 20px}.beta-copy p{font-size:13px;line-height:1.9}.beta-copy .muted{color:#9297a4;font-size:12px}.support-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 0 100%,#e5b26e0e,transparent 65%),#101218;padding:85px 0}.support-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px}.support-grid h2{font-size:clamp(30px,3.3vw,44px)}.support-grid p{font-size:14px}.support-detail{font-size:11px!important;color:#9297a4}.donation{background:#1a1c23;border:1px solid #e5b26e38;padding:34px}.donation-label{font-size:8px;letter-spacing:1.6px;color:var(--accent)}h3{font-size:24px;line-height:1.35;letter-spacing:-.8px;margin:17px 0}.donation p{font-size:12px;line-height:1.9}.donate-button{width:100%;margin-top:13px;cursor:not-allowed;background:#9c8260;border-color:#9c8260;color:#111318}.donation small{display:block;text-align:center;color:#a3a7b1;font-size:10px;margin-top:12px}.footer{padding-block:32px;display:flex;gap:35px;align-items:center}.footer .brand{font-size:23px}.footer .brand span{font-size:7px;letter-spacing:4px}.footer p{font-size:11px}.footer>span{margin-left:auto;font-size:10px;color:#9297a4}
@media(min-width:1600px){.hero-art{background-position:center,center,calc(50% + 330px) 33%}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.hero-art{background-position:center,center,calc(50% + 210px) center}.platform-row{gap:25px}.store{padding-left:25px}.project-section,.support-grid{gap:40px}.beta-date,.beta-copy{padding:32px}.hero-copy{max-width:560px}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}.nav{height:78px;gap:14px}.brand{font-size:27px}nav{gap:14px;font-size:10px}nav a:not(.nav-support){display:none}.nav-support{padding:9px 11px}.hero{min-height:0}.hero-inner{padding-top:125px;padding-bottom:36px}.hero-art{background-image:linear-gradient(90deg,#0c0e13d9,#0c0e139c),linear-gradient(0deg,#0c0e13,transparent 80%),url('/assets/cabal-world-wide.jpg');background-position:center,center,60% top;background-size:cover,cover,auto 100%}h1{font-size:clamp(37px,10.2vw,60px);letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;margin-top:24px}.lead{font-size:13px;max-width:360px}.actions{gap:22px;margin-top:26px}.button{padding:14px 18px}.hero-date{gap:13px;margin-top:35px}.date-arrow{margin-left:5px}.platform-row{padding-block:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-caption{grid-column:1/-1}.store{padding-left:0;border:0}.store strong{font-size:22px}.platform-note{grid-column:1/-1;max-width:none;margin:0;font-size:9px}.project-section{grid-template-columns:1fr;gap:0;padding-block:55px}.project-copy{padding-top:0;font-size:13px}.project-section h2{margin-bottom:22px}.beta-section{grid-template-columns:1fr;margin-bottom:55px}.beta-date{padding:28px;border-right:0;border-bottom:1px solid var(--line)}.beta-date>div{font-size:34px;margin-top:17px}.beta-date>div>span{font-size:66px}.beta-copy{padding:25px 28px}.beta-copy h2{font-size:29px}.support-section{padding:52px 0}.support-grid{grid-template-columns:1fr;gap:25px}.donation{padding:25px}.footer{flex-wrap:wrap;gap:16px}.footer p{display:none}.footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.footer-community{font-size:11px;color:var(--accent)}@media(max-width:420px){.footer>span{width:100%;margin-left:0}}
.store{flex-direction:row;align-items:center;gap:13px}.store-label{display:flex;flex-direction:column}.store-icon{display:block;object-fit:contain;flex-shrink:0}.appstore-icon{filter:brightness(0) invert(1)}@media(max-width:680px){.store{gap:10px}.store-icon{width:30px;height:30px}.store strong{font-size:20px}}
.gallery-section{padding:0 0 90px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}.gallery-heading h2{margin-bottom:10px}.gallery-heading p{font-size:13px;margin-top:0}.gallery-filters{display:flex;gap:6px;border:1px solid var(--line);padding:5px;flex-shrink:0}.gallery-filters[hidden],.gallery-image-note[hidden]{display:none}.gallery-filters button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:10px 14px;cursor:pointer}.gallery-filters button[aria-pressed=true]{background:var(--accent);color:#211a12}.gallery-filters button span{font-size:8px;margin-left:9px;opacity:.7}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-card{background:#14171e;border:1px solid var(--line);min-width:0}.gallery-open{display:block}.gallery-preview{aspect-ratio:16/10;position:relative;overflow:hidden;background:#08090e;display:grid;place-items:center}.gallery-preview img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}.gallery-open:hover .gallery-preview img{transform:scale(1.025)}.gallery-play{position:absolute;display:grid;place-items:center;width:52px;height:52px;padding-left:3px;background:#0c0e13bb;border:1px solid #e5b26e99;border-radius:50%;color:var(--accent);font-size:17px}.gallery-duration{position:absolute;right:12px;bottom:10px;font-size:10px;background:#0c0e13d9;padding:2px 7px}.gallery-card-copy{padding:23px 23px 14px}.gallery-kind{font-size:8px;letter-spacing:1.6px;color:var(--accent)}.gallery-card h3{font-size:20px;line-height:1.4;margin:11px 0}.gallery-card p{font-size:11px;margin:0 0 16px}.gallery-action{font-size:11px;color:var(--accent)}.gallery-source{font-size:10px;color:var(--muted);display:block;padding:0 23px 20px}.gallery-source:hover{color:var(--accent)}.gallery-image-note{font-size:12px;margin-bottom:20px}.gallery-section[data-mode=image] .gallery-duration{display:none}.media-dialog{width:min(1040px,calc(100% - 32px));max-height:92dvh;padding:20px;border:1px solid #e5b26e44;background:#11141a;color:var(--text);overflow:auto}.media-dialog::backdrop{background:#000d}.media-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.media-bar h3{font-size:19px;margin:0}.media-close{background:transparent;color:var(--text);border:1px solid var(--line);font-size:28px;width:44px;height:44px;cursor:pointer;flex-shrink:0}.media-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#050609}.media-content img{display:block;width:100%;max-height:70dvh;object-fit:contain;background:#050609}.media-source{display:inline-block;margin-top:14px;font-size:12px;color:var(--accent)}.media-error{font-size:14px;padding:30px}.media-dialog[open]{animation:media-in .16s ease-out}@keyframes media-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.gallery-grid{gap:14px}.gallery-card-copy{padding:17px 17px 12px}.gallery-source{padding:0 17px 17px}.gallery-card h3{font-size:17px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:680px){.gallery-section{padding-bottom:55px}.gallery-grid{grid-template-columns:1fr}.gallery-preview{aspect-ratio:16/9}.gallery-card-copy{padding:21px}.gallery-source{padding:0 21px 21px}.gallery-card h3{font-size:21px}.gallery-card p{font-size:12px}.media-dialog{padding:12px}.media-bar h3{font-size:15px}.media-bar{gap:10px}.media-close{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.media-dialog[open]{animation:none}.gallery-preview img{transition:none}}
.features-section{padding-bottom:78px}.features-section h2{margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.features-grid article{border-top:1px solid #e5b26e50;padding-top:23px}.feature-index{font-size:9px;letter-spacing:1.5px;color:var(--accent)}.features-grid h3{font-size:23px}.features-grid p{font-size:13px;line-height:1.9}.features-note{font-size:10px;color:#9297a4;margin-top:23px}@media(max-width:680px){.features-section{padding-bottom:48px}.features-grid{grid-template-columns:1fr;gap:20px}.features-section h2{font-size:29px}.features-grid h3{margin-bottom:10px}}
.gallery-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;padding:3px 0 14px;scrollbar-width:thin;scrollbar-color:#e5b26e66 #14171e}.gallery-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start}.gallery-card[hidden]{display:none}.gallery-controls{display:flex;align-items:center;gap:20px;margin-top:13px}.gallery-controls[hidden]{display:none}.gallery-controls>div{display:flex;gap:8px}.gallery-controls button,.media-navigation button{width:46px;height:44px;border:1px solid #e5b26e66;background:#161920;color:var(--accent);font-size:22px;cursor:pointer}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-hint,.gallery-count{font-size:11px;color:var(--muted)}.gallery-count{margin-left:auto}.media-navigation{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}.media-count{font-size:12px;color:var(--muted);min-width:45px;text-align:center}.media-content video{display:block;width:100%;max-height:66dvh;background:#050609;aspect-ratio:16/9}.local-video-preview{background:linear-gradient(135deg,#26303e,#10141d)}.local-video-label{align-self:start;margin-top:20px;letter-spacing:3px;font-size:16px;color:var(--accent);text-align:center}.local-video-label span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.local-video-preview .gallery-play{top:52%}.gallery-open{height:100%}.gallery-card:has(.gallery-source) .gallery-open{height:auto}body:has(.media-dialog[open]){overflow:hidden}.media-dialog{max-height:94dvh}.media-content img{max-height:65dvh}.gallery-grid:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:1000px){.gallery-card{flex-basis:calc((100% - 22px)/2)}.platform-row{gap:22px;flex-wrap:wrap;padding-block:24px}.platform-note{max-width:none}}@media(max-width:680px){.shell{width:calc(100% - 32px)}.hero-inner{padding-top:115px}.hero-art{background-size:cover,cover,auto 100%}.hero-copy{max-width:100%}.lead{font-size:14px}.actions{gap:14px}.text-link{display:inline-flex;min-height:44px;align-items:center}.platform-row{display:grid;grid-template-columns:1fr 1fr;padding-block:25px;gap:18px}.store{min-width:0}.store strong{font-size:19px}.project-copy,.features-grid p,.beta-copy p,.support-grid p{font-size:14px}.gallery-card{flex-basis:88%;min-width:0}.gallery-grid{gap:14px;padding-bottom:12px}.gallery-filters{width:100%;justify-content:space-between}.gallery-filters button{min-height:44px;padding:10px 12px;font-size:12px}.gallery-heading{gap:13px}.gallery-card h3{font-size:20px}.gallery-card p{font-size:13px}.gallery-controls{gap:12px}.gallery-hint{font-size:10px}.gallery-controls button{width:44px}.gallery-count{font-size:10px}.media-dialog{width:calc(100% - 12px);padding:12px;max-height:96dvh}.media-bar h3{font-size:15px;line-height:1.4}.media-close{width:44px;height:44px}.media-source{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.media-content img{max-height:62dvh}.donation{padding:23px}.footer-community{min-height:44px;display:inline-flex;align-items:center}.features-section h2{font-size:28px}}@media(max-width:360px){h1{font-size:36px;letter-spacing:-1.5px}.nav-support{font-size:9px}.gallery-filters button{padding:9px;font-size:11px}.store{gap:8px}.store strong{font-size:17px}.gallery-count{display:none}}@media(max-height:520px) and (orientation:landscape){.media-content img,.media-content video{max-height:55dvh}.media-content iframe{height:55dvh}.media-dialog{padding:8px}.media-bar{margin-bottom:8px}.media-navigation{margin-top:8px}.media-source{margin-top:4px}}

@media(max-width:680px){.hero-art{background-image:linear-gradient(90deg,#0c0e13d9,#0c0e139c),linear-gradient(0deg,#0c0e13,transparent 80%),url('/assets/cabal-world-mobile.jpg')}}header{position:fixed;z-index:20;background:#0c0e13ed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav{height:84px}html{scroll-padding-top:110px}nav a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:680px){.nav{height:122px;flex-direction:column;justify-content:center;gap:7px;padding-block:7px}.nav .brand{font-size:25px}.nav .brand span{margin-top:4px}nav{display:flex;justify-content:space-between;width:100%;gap:6px}nav a:not(.nav-support){display:inline-flex}nav a{font-size:10px;min-height:44px;white-space:nowrap}.nav-support{padding:7px;font-size:9px}.hero-inner{padding-top:163px}html{scroll-padding-top:145px}}@media(max-width:360px){nav{gap:4px}nav a{font-size:9px}.nav-support{font-size:8px;padding:6px}}