/* SpontaneFT Vitrin — Bağımsız, responsive, harici kütüphane gerektirmeyen arayüz */
:root{color-scheme:dark;--bg:#070b18;--bg-2:#0a1022;--surface:#11172b;--surface-2:#151e33;--line:#ffffff18;--text:#f3f5ff;--muted:#a4acc4;--soft:#76819b;--purple:#9b91ff;--cyan:#5fe8e2;--radius:22px;--shell:1320px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{display:block;max-width:100%}::selection{background:#827af0;color:#fff}:focus-visible{outline:3px solid #a7aeff;outline-offset:4px}.shell{width:min(var(--shell),calc(100% - 88px));margin:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:16px;z-index:100;background:#fff;color:#111;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}.section-pad{padding:115px 0}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid #ffffff1a;transition:background .25s,border-color .25s}.header-inner{height:99px;display:flex;align-items:center;gap:45px}.site-header.is-sticky{position:fixed;background:#080d20eb;border-color:#ffffff16;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000025}.site-header.is-sticky .header-inner{height:79px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;min-width:195px}.brand-icon{position:relative;width:41px;height:41px;border:1.8px solid #b6baff91;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 26px #696afc33,inset 0 0 14px #444cff22;transform:rotate(-17deg)}.brand-icon::before{content:"";position:absolute;width:8px;height:8px;top:-4px;right:1px;background:#ffdf9c;border-radius:50%;box-shadow:0 0 13px #ffda93aa}.brand-icon::after{content:"";position:absolute;width:15px;height:2px;left:-6px;bottom:2px;background:#83a9ff;transform:rotate(-38deg);border-radius:10px}.brand-core{height:18px;width:18px;border-radius:7px;background:linear-gradient(145deg,#7b81ff,#5ce6dd);box-shadow:0 0 17px #82a8ff55}.brand-words{line-height:1.05;display:flex;flex-direction:column;gap:6px}.brand-words strong{font-weight:800;font-size:24px;letter-spacing:-1.15px}.brand-words strong span{color:#a9a5ff}.brand-words small{font-size:8px;letter-spacing:3px;font-weight:800;color:#a7afcb}.desktop-nav{display:flex;align-items:center;gap:37px;margin:auto}.desktop-nav a,.header-link{font-size:13px;font-weight:680;white-space:nowrap}.desktop-nav a{color:#bdc2d7;transition:color .2s}.desktop-nav a:hover,.mobile-menu a:hover{color:white}.header-link{border:1px solid #ffffff35;border-radius:99px;padding:13px 21px;transition:background .25s,border-color .25s}.header-link:hover{background:#ffffff13;border-color:#fff}.header-link span{font-size:17px;margin-left:16px}.menu-toggle{display:none;border:1px solid #ffffff2a;background:#ffffff09;border-radius:12px;width:46px;height:44px;padding:12px;flex-direction:column;justify-content:space-around}.menu-toggle span{height:2px;width:20px;background:#e9edff;border-radius:2px}.mobile-menu{display:none}.hero{position:relative;min-height:790px;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,#070b18 0%,#070b18f5 18%,#070b18d9 34%,#070b1870 55%,#070b1814 90%),linear-gradient(0deg,#070b18 0%,#070b180d 27%,#070b183d 100%),url('../img/spontaneft-evren.webp');background-size:cover;background-position:center,center,center 47%}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 73% 18%,transparent 10%,#070b182e 91%)}.hero-shimmer{position:absolute;width:540px;height:540px;left:-250px;top:80px;border-radius:50%;background:#4b47d918;filter:blur(55px);pointer-events:none}.hero-content{min-height:790px;display:flex;align-items:center;position:relative;padding-top:100px;padding-bottom:80px}.hero-copy{width:min(775px,100%);position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;color:#c2c7e1;font-size:10px;font-weight:800;letter-spacing:2.65px;margin:0 0 31px;flex-wrap:wrap}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ef5d8;box-shadow:0 0 0 5px #47ffcf19,0 0 17px #5ef5d8}.eyebrow-line{width:29px;height:1px;background:#a7b0d1a1}.hero h1{margin:0;font-size:clamp(56px,6.1vw,91px);line-height:1.035;letter-spacing:-5.4px;font-weight:810;max-width:840px}.hero h1 span{background:linear-gradient(110deg,#b8aeff 12%,#76edf2 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:18px;line-height:1.85;color:#c4cbe0;max-width:585px;margin:32px 0 31px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{min-height:59px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 24px;border-radius:13px;font-size:14px;font-weight:800;transition:transform .24s,box-shadow .24s,background .24s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(105deg,#766aff,#9585ff);color:#fff;box-shadow:0 12px 32px #5950ed3a}.btn-primary:hover{box-shadow:0 16px 35px #7060ff5a}.btn-arrow{font-size:23px;line-height:1}.btn-ghost{background:#ffffff0a;border:1px solid #ffffff35;color:#e6eaff}.btn-ghost:hover{background:#ffffff1e}.btn-ghost span{font-size:19px}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:50px}.meta-avatars{display:flex;padding-left:0}.meta-avatars i{font-style:normal;display:grid;place-items:center;font-size:11px;font-weight:850;width:37px;height:37px;border-radius:50%;border:2px solid #0e1229;margin-left:-8px;color:white;box-shadow:0 3px 12px #0005}.meta-avatars i:first-child{margin-left:0;background:#536af6}.meta-avatars i:nth-child(2){background:#8e57ca}.meta-avatars i:nth-child(3){background:#e57aa9}.meta-avatars i:nth-child(4){background:#ad6a39}.hero-meta p{display:flex;flex-direction:column;margin:0;gap:1px;font-size:12px;color:#9ca7c0}.hero-meta strong{font-size:13px;color:#f2f6ff}.hero-side-note{position:absolute;bottom:103px;right:0;display:flex;gap:13px;align-items:center;writing-mode:vertical-rl;color:#cad2ed;letter-spacing:2.8px;font-size:9px;font-weight:800}.side-line{height:64px;width:1px;background:linear-gradient(#ffffff00,#bfcfff)}.side-arrow{font-size:20px}.hero-bottom-line{height:1px;background:linear-gradient(90deg,transparent,#748dff69 50%,transparent)}.intro-band{background:#0d1328;border-block:1px solid #ffffff0f}.intro-band-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:111px}.intro-band p{font-size:11px;letter-spacing:2.4px;color:#8290ad;font-weight:800}.intro-band p strong{color:#d9def3}.band-stats{display:flex;align-items:center;gap:33px}.band-stats span:not(.stat-separator){font-size:11px;letter-spacing:1.65px;font-weight:780;color:#adb4cb}.band-stats b{color:#d3caff;font-weight:830;font-size:23px;margin-right:6px}.stat-separator{height:25px;width:1px;background:#ffffff28}.projects-section{background:radial-gradient(ellipse at 84% 25%,#1a1c4322,transparent 48%),var(--bg)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:41px}.kicker{color:#9d9cf8;font-size:10px;font-weight:850;letter-spacing:2.55px}.kicker-index{color:#d2d0ff;margin-right:5px}.section-intro h2,.ecosystem-copy h2{font-size:clamp(37px,4.3vw,62px);line-height:1.13;font-weight:800;letter-spacing:-2.8px;margin:19px 0 15px}.section-intro h2 em,.ecosystem-copy h2 em,.cta-panel h2 em{font-style:normal;color:#a7a0ff}.section-intro p{color:var(--muted);font-size:15px;line-height:1.8;max-width:660px;margin:0}.section-decoration{font-size:94px;font-weight:850;line-height:1;letter-spacing:-8px;color:#ffffff08;white-space:nowrap}.section-decoration span{font-size:35px;color:#b0a8f958;vertical-align:middle;margin-left:16px}.filters-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ffffff17}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid #ffffff20;border-radius:999px;padding:10px 16px;background:#ffffff04;color:#b1b9d1;font-size:12px;font-weight:720;transition:all .2s;min-height:42px}.filter-btn:hover{background:#ffffff12;color:white}.filter-btn.is-active{background:#dcd9ff;border-color:#dcd9ff;color:#18172c}.filter-btn span{font-size:10px;font-weight:800;opacity:.66;margin-left:8px}.search-box{min-width:210px;width:210px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff24;border-radius:999px;padding:0 13px;color:#98a1bd;background:#ffffff04;min-height:43px;transition:border-color .2s}.search-box:focus-within{border-color:#b1aaff}.search-box svg{width:17px;min-width:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#eef2ff;font-size:12px;min-width:0}.search-box input::placeholder{color:#8e99b0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{border:1px solid #ffffff1d;background:#111729;display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;transition:transform .32s,border-color .32s,box-shadow .32s;position:relative}.project-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--card-accent) 62%,transparent);box-shadow:0 24px 54px #00000061,0 0 44px color-mix(in srgb,var(--card-accent) 10%,transparent)}.project-card[hidden]{display:none!important}.card-cover{aspect-ratio:1.72;position:relative;overflow:hidden;background:#172042}.card-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.project-card:hover .card-cover>img{transform:scale(1.048);filter:saturate(1.1)}.card-cover::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#0c102c55);pointer-events:none}.card-index{position:absolute;top:15px;left:15px;background:#081024a8;border:1px solid #ffffff37;border-radius:99px;padding:5px 10px;color:#eef1ff;font-size:10px;font-weight:780;letter-spacing:1.5px;backdrop-filter:blur(8px)}.cover-ribbon{position:absolute;bottom:14px;left:15px;padding:5px 10px;border-radius:7px;background:#120f12bd;color:#ffdeab;font-size:9px;letter-spacing:1.3px;font-weight:800;border:1px solid #f3b57188;z-index:1}.cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080e2890;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s;z-index:2}.cover-overlay>span{border:1px solid #ffffff73;border-radius:999px;padding:13px 17px;color:#fff;background:#ffffff18;font-size:13px;font-weight:800}.cover-overlay>span span{margin-left:12px}.project-card:hover .cover-overlay,.project-card:focus-visible .cover-overlay{opacity:1}.card-main{padding:25px 25px 22px;display:flex;flex-direction:column;flex:1;min-height:249px}.card-header-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-category{font-size:9px;color:var(--card-accent);font-weight:830;letter-spacing:1.22px;white-space:nowrap}.category-dot{display:inline-block;width:5px;height:5px;background:var(--card-accent);border-radius:50%;margin-right:6px;vertical-align:middle}.card-status{font-size:10px;color:#8ea69e;white-space:nowrap}.card-status i{display:inline-block;width:6px;height:6px;background:#54d4a1;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dev{color:#cdb18d}.status-dev i{background:#ebb264}.card-main h3{font-size:29px;letter-spacing:-1.1px;line-height:1.2;margin:17px 0 8px;font-weight:820;display:flex;justify-content:space-between;align-items:center;gap:10px}.link-arrow{font-size:20px;color:#9aa5c1;transition:transform .2s,color .2s;line-height:1}.project-card:hover .link-arrow{color:var(--card-accent);transform:translate(3px,-3px)}.card-main p{font-size:13px;line-height:1.8;color:#a7b0ca;margin:0 0 22px;min-height:47px}.card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7d8aa8;font-size:10px}.card-bottom>span:first-child{overflow-wrap:anywhere;max-width:62%}.card-visit{color:var(--card-accent);font-weight:730;white-space:nowrap}.card-visit span{font-size:15px;margin-left:3px}.results-label{margin:26px 0 0;color:#8993ac;font-size:12px}.project-status-note{max-width:760px;font-size:11px;color:#8994ae;margin:10px 0 0;line-height:1.7}.project-status-note span{color:#c5b2e7;margin-right:6px}.no-results[hidden]{display:none!important}.no-results{text-align:center;padding:62px 16px;border:1px dashed #ffffff36;border-radius:22px;background:#121a30}.no-results>span{font-size:53px;color:#b4abff}.no-results h3{font-size:22px;margin:8px 0}.no-results p{color:#9fa8c2;margin:0 0 18px}.no-results button{border:0;background:#8579f2;border-radius:10px;color:white;padding:10px 18px;font-weight:730}.categories-section{padding-top:88px;background:linear-gradient(180deg,#0c1021,#0e1227 75%,#0b1023);border-block:1px solid #ffffff0b}.categories-top{margin-bottom:32px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{min-height:282px;padding:21px 23px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:21px;isolation:isolate;transition:transform .25s,border-color .25s}.category-tile:hover{transform:translateY(-7px);border-color:#ffffff7a}.category-tile::before{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-128px;top:-95px;border-radius:50%;background:var(--tile-color);filter:blur(85px);opacity:.5;transition:opacity .2s}.category-tile:hover::before{opacity:1}.category-tech{background:#121b36;--tile-color:#4157fc}.category-market{background:#211a37;--tile-color:#9e4dce}.category-play{background:#29182f;--tile-color:#ed56a4}.category-mystery{background:#262019;--tile-color:#e49a3f}.cat-number{font-weight:820;color:#ffffff7e;letter-spacing:1px;font-size:12px}.cat-visual{font-size:72px;color:#ffffffc7;position:absolute;right:21px;top:40px;font-weight:300;line-height:1;transform:rotate(-16deg);opacity:.77}.cat-title{margin:auto 0 22px;font-size:25px;font-weight:790;line-height:1.15;letter-spacing:-.6px;display:flex;flex-direction:column}.cat-title small{font-size:25px;font-weight:790}.cat-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-top:16px;font-size:12px;color:#c8c8da}.cat-bottom span:last-child{font-size:20px;line-height:1}.ecosystem-section{background:radial-gradient(circle at 22% 50%,#22224e58,transparent 45%),#080d1d;overflow:hidden}.ecosystem-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.ecosystem-graphic{width:min(100%,500px);aspect-ratio:1;position:relative;margin:auto;display:grid;place-items:center}.ecosystem-graphic::before{content:"";position:absolute;inset:2%;background:radial-gradient(circle,#6560f32b 0,transparent 64%)}.orbit{position:absolute;border:1px solid #a8a6ff3c;border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:92%;height:43%}.orbit-b{width:49%;height:93%;transform:rotate(-48deg)}.orbit-c{width:77%;height:77%;border-color:#d9ddff21}.orbit-center{position:relative;border-radius:50%;width:127px;height:127px;display:grid;place-items:center;background:linear-gradient(135deg,#7c72f3,#3dd5ce);font-size:46px;font-weight:900;box-shadow:0 0 0 14px #928cff0b,0 0 90px #7b73f77a;color:white;letter-spacing:-5px}.orbit-center span{color:#e0fffe}.orbit-dot{position:absolute;border-radius:50%;box-shadow:0 0 24px currentColor}.orbit-dot-one{height:15px;width:15px;top:26%;left:13%;background:#b29eff;color:#b29eff}.orbit-dot-two{height:21px;width:21px;top:20%;right:24%;background:#54e3de;color:#54e3de}.orbit-dot-three{height:13px;width:13px;bottom:24%;right:10%;background:#eb9dbd;color:#eb9dbd}.orbit-dot-four{height:18px;width:18px;bottom:16%;left:26%;background:#efc781;color:#efc781}.ecosystem-copy h2{font-size:clamp(44px,5vw,69px);margin:20px 0 23px}.ecosystem-copy p{font-size:16px;color:#aab3ce;line-height:1.95;max-width:530px;margin:0 0 30px}.ecosystem-links{display:flex;flex-direction:column;max-width:440px;border-top:1px solid #ffffff2c}.ecosystem-links a{padding:15px 4px;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;font-size:14px;font-weight:750;transition:color .2s}.ecosystem-links a:hover{color:#bdb4ff}.ecosystem-links span{font-size:20px}.cta-section{padding:20px 0 104px;background:#080d1d}.cta-panel{text-align:center;position:relative;overflow:hidden;padding:75px 35px 78px;border-radius:29px;border:1px solid #9282fd58;background:radial-gradient(ellipse at 50% 0,#6065ea35,transparent 62%),linear-gradient(125deg,#1c1b4a,#111c36 65%,#162648)}.cta-panel::before,.cta-panel::after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff0c;border-radius:50%;left:-150px;top:-120px}.cta-panel::after{left:auto;right:-190px;top:auto;bottom:-260px;width:570px;height:570px}.cta-panel .kicker{position:relative;z-index:1;color:#c9c4ff}.cta-panel h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px;line-height:1.15;max-width:820px;margin:18px auto 16px;position:relative;z-index:1}.cta-panel p{margin:0 auto 28px;font-size:15px;color:#b8bedc;position:relative;z-index:1}.btn-light{background:#e6e7ff;color:#27214a;position:relative;z-index:1}.site-footer{background:#080b17;border-top:1px solid #ffffff17}.footer-top{padding:55px 0 46px;display:flex;align-items:flex-start;gap:65px}.footer-brand{margin-right:30px}.footer-top p{margin:0 auto 0 0;line-height:1.85;font-size:13px;color:#8994af}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#c3c7de;font-weight:690}.footer-links a:hover,.footer-bottom a:hover{color:white}.footer-bottom{padding:21px 0;display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff13;font-size:11px;color:#79849f}.footer-bottom a{color:#aab4cf}
@media(max-width:1180px){.shell{width:min(var(--shell),calc(100% - 64px))}.header-inner{gap:22px}.desktop-nav{gap:22px}.hero{background-position:center,center,57% center}.hero h1{font-size:76px}.project-grid{gap:17px}.card-main{padding:21px}.card-main h3{font-size:25px}.card-bottom{font-size:9px}.category-grid{gap:11px}.category-tile{padding:18px;min-height:250px}.cat-title,.cat-title small{font-size:22px}.ecosystem-layout{gap:55px}}
@media(max-width:940px){.site-header .header-inner{height:81px}.desktop-nav,.header-link{display:none}.menu-toggle{display:flex;margin-left:auto}.site-header.is-sticky .header-inner{height:72px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#0e1429f5;border-top:1px solid #ffffff23;border-bottom:1px solid #ffffff28;box-shadow:0 18px 27px #0005;padding:12px 32px 22px;backdrop-filter:blur(16px)}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{font-size:15px;padding:13px 0;border-bottom:1px solid #ffffff19;color:#d6def2}.hero,.hero-content{min-height:740px}.hero{background-image:linear-gradient(90deg,#070b18ee 0%,#070b18dc 32%,#070b186f 75%),linear-gradient(0deg,#070b18 0%,#070b1800 55%),url('../img/spontaneft-evren.webp')}.hero h1{font-size:clamp(55px,8vw,76px);letter-spacing:-4px}.hero-lead{font-size:16px}.hero-side-note{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-toolbar{align-items:flex-start;flex-direction:column}.search-box{width:100%;max-width:380px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-layout{grid-template-columns:1fr 1.1fr;gap:30px}.footer-top{gap:30px}.footer-brand{margin-right:0}.footer-links{flex-direction:column;gap:12px}}
@media(max-width:620px){.shell{width:calc(100% - 36px)}.section-pad{padding:75px 0}.header-inner{height:77px!important}.brand{min-width:unset}.brand-icon{width:36px;height:36px}.brand-words strong{font-size:21px}.brand-words small{font-size:7px;letter-spacing:2.4px}.hero,.hero-content{min-height:750px}.hero{background-image:linear-gradient(90deg,#070b18ef 0%,#070b18cb 70%,#070b1894 100%),linear-gradient(0deg,#070b18 0%,transparent 48%),url('../img/spontaneft-evren.webp');background-position:center,center,62% center}.hero-content{padding-top:128px;padding-bottom:68px}.hero .eyebrow{font-size:9px;gap:8px;letter-spacing:1.45px;margin-bottom:23px}.eyebrow-line{width:16px}.hero h1{font-size:clamp(48px,12vw,70px);letter-spacing:-2.9px;line-height:1.09}.hero h1 br{display:none}.hero-lead{font-size:15px;line-height:1.85;margin:22px 0 27px}.hero-actions{align-items:stretch;gap:10px}.hero-actions .btn{min-height:53px;font-size:13px;padding:0 16px}.hero-meta{margin-top:36px}.intro-band-inner{min-height:121px;display:block;padding:22px 0}.intro-band p{margin:0 0 13px;font-size:10px}.band-stats{gap:14px;justify-content:space-between}.band-stats span:not(.stat-separator){font-size:9px;letter-spacing:.3px;white-space:nowrap}.band-stats b{font-size:16px}.section-top{align-items:flex-start;margin-bottom:25px}.section-decoration{display:none}.section-intro h2{font-size:clamp(36px,9.4vw,48px);letter-spacing:-1.9px;margin:16px 0 12px}.section-intro p{font-size:13px}.filter-list{gap:7px}.filter-btn{font-size:11px;padding:9px 12px;min-height:39px}.search-box{max-width:none}.project-grid{grid-template-columns:1fr;gap:18px}.card-cover{aspect-ratio:1.72}.card-main{padding:22px}.card-main h3{font-size:26px}.card-main p{font-size:13px}.card-bottom{font-size:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-tile{min-height:213px;padding:15px;border-radius:17px}.cat-visual{font-size:53px;right:10px;top:29px}.cat-title,.cat-title small{font-size:19px}.cat-title{margin-bottom:17px}.cat-bottom{font-size:10px}.ecosystem-layout{grid-template-columns:1fr;gap:15px}.ecosystem-graphic{width:min(100%,360px)}.ecosystem-copy h2{font-size:51px}.ecosystem-copy p{font-size:14px}.cta-section{padding:0 0 75px}.cta-panel{padding:58px 18px 61px;border-radius:21px}.cta-panel h2{font-size:36px;letter-spacing:-1.6px}.cta-panel p{font-size:13px}.footer-top{padding:42px 0 33px;display:grid;gap:23px}.footer-top p{margin:0}.footer-links{flex-direction:row}.footer-bottom{flex-wrap:wrap;font-size:10px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:370px){.shell{width:calc(100% - 26px)}.hero h1{font-size:46px}.hero-actions .btn{font-size:12px}.cat-title,.cat-title small{font-size:17px}.card-main h3{font-size:24px}.filter-btn{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V2 – original user-provided artwork, immersive truthful game showcases. */
[hidden]{display:none!important}
.card-dossier .card-main{background:linear-gradient(150deg,#20151a,#101523 68%)}
.card-chrono .card-main{background:linear-gradient(150deg,#1b1738,#111629 65%)}
.dossier-cover{background:#090d13}
.dossier-cover img{object-position:center top;filter:contrast(1.035) saturate(1.08)}
.chrono-cover{background:radial-gradient(ellipse at 50% 45%,#5546be 0%,#15163f 45%,#090d20 100%);isolation:isolate}
.chrono-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#ffffff55 0 1px,transparent 2px),radial-gradient(circle at 24% 40%,#d2c0ff 0 1px,transparent 2px);background-size:83px 77px,119px 97px;opacity:.4;z-index:-1}
.chrono-cover img{object-fit:contain!important;object-position:center!important;padding:8px 12px 4px;filter:drop-shadow(0 6px 24px #bd68ff5e)}
.worlds-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 23%,#622d3332,transparent 38%),radial-gradient(circle at 93% 70%,#4444ba26,transparent 38%),#090e1d;border-top:1px solid #ffffff0c}
.worlds-top{align-items:center;margin-bottom:45px}.worlds-legend{white-space:nowrap;border:1px solid #ffffff29;border-radius:100px;padding:11px 14px;display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;font-weight:800;color:#d4cee5}.signal-dot{width:8px;height:8px;border-radius:50%;background:#ffc379;box-shadow:0 0 12px #ffc37980;display:inline-block;flex-shrink:0}.dot-red{background:#ff6d65;box-shadow:0 0 15px #ff6d6569}.dot-purple{background:#b198ff;box-shadow:0 0 15px #b198ff69}
.world-panel{--world-accent:#ff796b;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #ffffff2a;background:linear-gradient(117deg,#211419,#121725 70%);border-radius:28px;box-shadow:0 20px 80px #00000039;margin:0 0 27px;min-height:625px}
.world-panel.world-chrono{--world-accent:#c4a0ff;background:linear-gradient(115deg,#17172f,#10132a 70%)}
.world-panel-media{min-width:0;display:flex;flex-direction:column;padding:20px 0 20px 20px}
.world-chrono .world-panel-media{padding:20px 20px 20px 0}
.world-visual-frame{min-height:0;flex:1;position:relative;overflow:hidden;border:1px solid #ffffff28;border-radius:19px;isolation:isolate}
.dossier-art{background:#080b0e}.dossier-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080b13a3,transparent 27%)}
.dossier-art img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;object-position:center top}
.world-visual-tag{position:absolute;z-index:2;bottom:20px;left:19px;right:19px;display:flex;gap:9px;align-items:center;width:fit-content;max-width:calc(100% - 38px);padding:10px 13px;background:#070912c9;border:1px solid #ffffff3f;border-radius:8px;color:#f7e1d7;font-weight:800;letter-spacing:1.4px;font-size:10px;backdrop-filter:blur(14px)}
.world-visual-tag span{font-size:16px}.world-art-caption{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:10px;color:#9fa6bf;letter-spacing:1.35px;font-weight:760;padding:17px 7px 0}
.world-panel-copy{padding:49px 38px 41px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.world-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#e2cfcb;font-size:10px;font-weight:850;letter-spacing:1.5px}
.world-label{margin-left:auto;border:1px solid #ffffff2e;padding:5px 8px;font-size:9px;border-radius:6px;color:#adabb8;background:#ffffff08}
.world-panel-copy h3{font-size:clamp(42px,4.1vw,62px);letter-spacing:-3.6px;line-height:1.12;margin:21px 0 0;font-weight:900;color:#fff}
.world-panel-copy h3 span{color:var(--world-accent)}
.world-quote{color:var(--world-accent);font-size:15px;letter-spacing:.1px;font-weight:770;margin:7px 0 18px}
.world-description{font-size:14px;line-height:1.84;color:#bcc0d2;margin:0 0 25px}
.world-description strong{color:#f4f0f4}
.world-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}
.world-feature{min-width:0;display:flex;gap:11px;padding:12px 10px;background:#ffffff06;border:1px solid #ffffff15;border-radius:11px}
.feature-glyph{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;background:color-mix(in srgb,var(--world-accent) 16%,transparent);color:var(--world-accent);border-radius:8px;font-size:21px;font-weight:800}
.world-feature strong{display:block;font-size:11px;line-height:1.35;color:#f2f0f8;margin-bottom:5px}
.world-feature small{font-size:10px;line-height:1.45;color:#a7a8ba;display:block}
.world-chips{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 21px}
.world-chips span{display:inline-block;font-size:10px;font-weight:700;color:#d5d1e1;background:#ffffff0b;border:1px solid #ffffff21;padding:8px 10px;border-radius:99px}
.world-visit{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:11px;font-size:13px;font-weight:820;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--world-accent) 35%,#171628),color-mix(in srgb,var(--world-accent) 17%,#101626));border:1px solid color-mix(in srgb,var(--world-accent) 46%,transparent);transition:transform .25s,filter .25s}
.world-visit:hover{transform:translateY(-3px);filter:brightness(1.18)}.world-visit span:last-child{font-size:23px}
.chrono-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#423185 0%,#1b235b 43%,#090c23 80%);border-color:#8781f755}
.chrono-art::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#fff9 0.8px,transparent 1.2px),radial-gradient(#aa84ff7a .7px,transparent 1px);background-size:46px 56px,73px 69px;opacity:.35}
.chrono-art::after{content:"";position:absolute;inset:14%;border:1px solid #b5a1ff2d;border-radius:50%;box-shadow:0 0 120px #7568fe52;z-index:-1}
.chrono-art img{max-width:100%;width:100%;height:auto;max-height:500px;object-fit:contain;filter:drop-shadow(0 8px 23px #0008);z-index:1;position:relative}
.chrono-orb{width:350px;height:140px;border:1px solid #bca6ff5b;transform:rotate(-26deg);border-radius:50%;position:absolute;top:43%;left:calc(50% - 175px);pointer-events:none}.chrono-orb-b{transform:rotate(34deg);border-color:#b5baf936}
.worlds-disclaimer{margin:23px auto 0;color:#929cb8;text-align:center;font-size:11px;max-width:820px;line-height:1.7}
@media(max-width:1180px){.world-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.world-panel-copy{padding:36px 27px}.world-panel-copy h3{font-size:46px;letter-spacing:-2.6px}.world-feature{padding:10px 8px}.world-feature-grid{gap:7px}}
@media(max-width:940px){.worlds-legend{display:none}.world-panel,.world-panel.world-chrono{grid-template-columns:1fr;gap:0}.world-panel-media,.world-chrono .world-panel-media{padding:17px 17px 0}.world-panel-media{order:0}.world-panel-copy{order:1;padding:28px 26px 34px}.world-chrono .world-panel-copy{order:1}.world-chrono .world-panel-media{order:0}.world-visual-frame{height:390px;max-height:390px}.dossier-art img{height:100%;min-height:0}.chrono-art img{max-height:350px}.world-art-caption{padding:10px 5px 0}.world-panel-copy h3{font-size:clamp(38px,7vw,56px)}}
@media(max-width:620px){.worlds-section{padding-top:73px}.worlds-top{margin-bottom:25px}.world-panel{border-radius:19px;margin-bottom:18px}.world-panel-media,.world-chrono .world-panel-media{padding:11px 11px 0}.world-visual-frame{height:255px;max-height:255px;border-radius:12px}.world-art-caption{font-size:8px;letter-spacing:.6px}.world-panel-copy{padding:25px 17px 22px}.world-panel-copy h3{font-size:clamp(35px,9.3vw,51px);letter-spacing:-2px;margin-top:16px}.world-eyebrow{font-size:9px;letter-spacing:.7px}.world-label{font-size:8px}.world-quote{font-size:14px;margin-bottom:12px}.world-description{font-size:13px;line-height:1.75}.world-feature-grid{gap:8px}.world-feature{padding:10px 8px;gap:7px;flex-direction:column}.world-feature strong{font-size:10px}.world-feature small{font-size:10px}.world-chips{margin:18px 0}.world-chips span{font-size:9px}.world-visit{padding:13px;font-size:12px}.world-visual-tag{bottom:13px;left:10px;font-size:8px;letter-spacing:.6px;padding:8px;max-width:calc(100% - 20px)}.chrono-art img{max-height:250px}.chrono-orb{width:240px;height:100px;left:calc(50% - 120px)}.chrono-cover img{padding:7px}.worlds-disclaimer{font-size:10px}}



/* V3 — FTQuiz is a playable browser-game portal, not a quiz/test website. */
.world-ftquiz{--world-accent:#ffcb79;background:linear-gradient(116deg,#192239 0%,#17162f 60%,#251c30 100%);border-color:#ffcb7949}
.world-ftquiz .world-panel-copy h3{letter-spacing:-2.2px}
.world-ftquiz .world-label{background:#76521c39;color:#ffe4af;border-color:#efb65466}
.world-ftquiz .world-quote{font-weight:900;letter-spacing:1.4px}
.ftquiz-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 40%,#3a3d78,#111b35 70%,#090e20)}
.ftquiz-art img{display:block;max-width:100%;height:100%;min-height:0;width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 25px #0007)}
.dot-gold{background:#ffc772;box-shadow:0 0 17px #ffc77288}
.ftquiz-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 20px}
.ftquiz-stats>div{min-width:0;border:1px solid #f9c77735;border-radius:12px;background:linear-gradient(130deg,#ffcb7911,#ffffff03);padding:15px 10px}
.ftquiz-stats strong{display:block;font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:-.8px;color:#ffdb9d;line-height:1.2}
.ftquiz-stats span{display:block;margin-top:7px;color:#b6bdd1;font-size:11px;line-height:1.4}
.ftquiz-data-note{color:#929bb3;font-size:10px;line-height:1.5;margin:14px 0 0}
.ftquiz-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.ftquiz-actions .world-visit{margin:0}
.ftquiz-secondary-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffcb7933;color:#fae2bd;border-radius:10px;font-size:12px;font-weight:760;padding:12px 17px;background:#ffcb7909;transition:border-color .2s,background .2s}
.ftquiz-secondary-link:hover{background:#ffcb791c;border-color:#ffcb7988}
.ftquiz-secondary-link span{font-size:19px}
@media(max-width:940px){.ftquiz-art img{height:100%;object-fit:cover}}
@media(max-width:620px){.ftquiz-art img{height:100%;object-fit:cover}.ftquiz-stats{gap:6px}.ftquiz-stats>div{padding:11px 7px}.ftquiz-stats strong{font-size:20px}.ftquiz-stats span{font-size:9px}.ftquiz-actions{gap:9px}.ftquiz-secondary-link{font-size:11px}.world-ftquiz .world-panel-copy h3{font-size:48px}}