:root{--bg:#080b15;--panel:#101626;--ink:#f6f7ff;--muted:#a7b0ca;--stroke:rgba(180,199,240,.15);--pink:#ff4b73;--blue:#4d8bff;--ease:cubic-bezier(.2,.7,.15,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:400 16px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #98bbff;outline-offset:4px}::selection{background:#ff5274;color:white}.container{width:min(1150px,calc(100% - 64px));margin:0 auto}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;color:#000;padding:10px 18px;z-index:50}.skip-link:focus{top:14px}.background-glow{position:absolute;inset:0 0 auto;height:880px;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 580px 470px at 89% 35%,rgba(31,83,230,.14),transparent 80%),radial-gradient(ellipse 510px 420px at -15% 10%,rgba(241,63,103,.12),transparent 80%)}.background-glow:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,148,207,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(126,148,207,.027) 1px,transparent 1px);background-size:67px 67px;mask-image:linear-gradient(black,transparent 90%)}
.site-header{position:sticky;z-index:20;top:0;backdrop-filter:blur(22px);background:rgba(8,11,21,.82);border-bottom:1px solid rgba(187,199,251,.09)}.nav-container{min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo-link{display:flex;align-items:center;width:152px;min-width:120px}.logo-link img{display:block;object-fit:contain;width:100%;height:auto;filter:drop-shadow(0 5px 11px rgba(0,0,0,.35))}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:13px;font-weight:800;color:#b5bfd7;transition:color .2s}.main-nav>a:hover{color:white}.main-nav .nav-twitch{background:#f4f5ff;color:#181d2d;border-radius:999px;padding:11px 17px}.nav-twitch span{margin-left:8px}.menu-toggle{display:none;cursor:pointer;border:0;background:none;padding:10px}.menu-toggle span{height:2px;width:23px;display:block;background:white;border-radius:5px;margin:5px 0;transition:.2s}
.hero{min-height:680px;display:grid;grid-template-columns:1fr .98fr;align-items:center;column-gap:36px;position:relative;padding-top:54px;padding-bottom:96px}.hero-content{position:relative;z-index:3}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.21em;color:#c5cce0;display:flex;align-items:center;gap:12px}.eyebrow-light{width:8px;height:8px;background:#ff526d;border-radius:50%;box-shadow:0 0 0 6px rgba(255,82,109,.1)}.hero h1{font-size:clamp(66px,7vw,105px);line-height:1.05;letter-spacing:-.073em;margin:28px 0 15px}.gradient-text{background:linear-gradient(100deg,#ff5474 4%,#ffb578 31%,#eac4d7 55%,#70aeff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font:700 clamp(20px,2.1vw,28px) 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin-bottom:21px}.tagline span{font-size:13px;color:#ff7388;padding:0 7px;vertical-align:middle}.intro{max-width:505px;color:#acb5cc;line-height:1.85;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:12px;padding:13px 18px;min-height:54px;font-size:14px;font-weight:800;transition:transform .25s var(--ease),box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(108deg,#ff4c67,#d83d84);box-shadow:0 12px 35px rgba(255,76,104,.2)}.button-primary:hover{box-shadow:0 17px 38px rgba(255,76,104,.33)}.button-primary>span:first-child{font-size:12px}.button-outline{border:1px solid rgba(192,204,248,.22);background:rgba(255,255,255,.04)}.button-outline:hover{background:rgba(255,255,255,.08)}.hero-bottom{color:#9aa9c7;letter-spacing:.12em;font-weight:800;font-size:10px;margin-top:45px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mini-online{display:inline-block;width:7px;height:7px;background:#558bff;border-radius:50%;box-shadow:0 0 15px rgba(70,128,255,.9)}.bullet{color:#565f7e}.hero-visual{height:545px;position:relative;isolation:isolate;display:grid;place-items:center}.hero-visual:before{content:"";width:350px;height:370px;border-radius:50%;filter:blur(45px);background:conic-gradient(from 40deg,rgba(65,117,247,.38),rgba(255,72,116,.16),rgba(255,188,43,.1),rgba(65,117,247,.38));z-index:-1;position:absolute}.hero-ring{position:absolute;border:1px solid rgba(194,205,255,.12);border-radius:50%;z-index:-1}.ring-one{width:520px;height:520px;transform:rotate(22deg)}.ring-two{width:475px;height:475px;border-style:dashed;transform:rotate(-18deg)}.photo-card{width:90%;height:430px;position:absolute;top:32px;border-radius:28px;overflow:hidden;background:#222334;border:1px solid rgba(193,204,244,.29);box-shadow:0 30px 85px rgba(0,0,0,.52);transform:rotate(3deg)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(1.08) contrast(1.04)}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,21,.37),transparent 58%),linear-gradient(110deg,rgba(13,28,68,.09),transparent 70%)}.photo-tag{position:absolute;left:22px;top:22px;background:rgba(7,10,21,.72);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.23);border-radius:40px;padding:10px 13px;font-size:10px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:9px}.tag-dot{height:7px;width:7px;border-radius:50%;background:#ff526b;box-shadow:0 0 12px #ff526b}.spark{position:absolute;color:#8cafed;font-size:30px}.spark-one{top:13px;left:5px}.spark-two{right:4px;top:62px;color:#ffb164}.visual-label{position:absolute;right:1px;bottom:44px;font-size:10px;color:#9faccb;font-weight:800;letter-spacing:.22em;transform:rotate(-4deg)}.scroll-cue{position:absolute;bottom:33px;left:0;color:#8995b2;font-size:10px;font-weight:800;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.scroll-cue span{font-size:19px;color:white}
.section{padding:106px 0}.live-section{border-top:1px solid rgba(185,204,255,.08);border-bottom:1px solid rgba(185,204,255,.07);background:linear-gradient(180deg,#101526,#0a0d18)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.overline{font-size:12px;color:#d0d5e6;letter-spacing:.2em;font-weight:800;margin-bottom:17px}.overline span{color:#ff5777;margin-right:7px}.section h2{font-size:clamp(39px,4.5vw,62px);line-height:1.13;margin:0 0 16px}.section-desc{max-width:625px;color:var(--muted);line-height:1.8;margin:0}.underline-link{font-size:14px;font-weight:800;white-space:nowrap;border-bottom:1px solid rgba(242,245,255,.45);padding-bottom:7px;transition:color .2s}.underline-link:hover{color:#98baff}.stream-frame{overflow:hidden;border:1px solid rgba(172,190,230,.21);background:#0f1425;border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.24)}.stream-bar,.stream-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 21px;min-height:52px;color:#c1cbe3;font-size:11px;font-weight:800;letter-spacing:.07em}.stream-bar{border-bottom:1px solid rgba(183,198,235,.12);background:#14192b}.stream-bar>span:first-child{display:flex;gap:11px;align-items:center}.stream-dot{display:inline-block;flex:none;background:#ff5177;width:9px;height:9px;border-radius:50%;box-shadow:0 0 13px rgba(255,77,113,.5)}.stream-bar .subtle{color:#8493b3;font-size:10px;font-weight:700}.stream-right{color:#8797b9}.twitch-player{position:relative;aspect-ratio:16/9;min-height:340px;background:radial-gradient(ellipse at center,#15213d,#0c1020 73%)}.twitch-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.player-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:30px;text-align:center}.player-placeholder img{width:230px;max-width:60%;height:auto;filter:drop-shadow(0 10px 12px #050810)}.player-placeholder p{margin:0;font-size:14px;color:#c3cce0}.player-placeholder a{color:#8babff;font-size:13px;text-decoration:underline}.stream-bottom{font-size:12px;letter-spacing:0;min-height:57px}.stream-bottom>span{display:flex;align-items:center;gap:10px;font-weight:600}.stream-bottom a{color:white}.stream-blue-dot{height:8px;width:8px;border-radius:50%;background:#588dff;display:inline-block}.player-note{font-size:12px;color:#8f9dbb;margin:13px 0 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-content p:not(.overline){max-width:560px;color:#aeb8d0;line-height:1.85}.about-content strong{color:#f9f9ff}.about-content .underline-link{display:inline-block;margin-top:10px}.about-tiles{display:grid;gap:16px}.feature-card{border:1px solid var(--stroke);border-radius:17px;padding:24px;display:flex;gap:18px;align-items:center;background:linear-gradient(115deg,rgba(28,36,60,.96),rgba(16,21,38,.82));transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateX(4px);border-color:rgba(130,169,255,.34)}.feature-emoji{width:56px;height:56px;border-radius:15px;background:rgba(109,138,242,.11);display:grid;place-items:center;flex:none;font-size:24px}.feature-card h3{margin:0 0 4px;font-size:21px}.feature-card p{margin:0;font-size:13px;line-height:1.7;color:#acb6cc}.social-section{background:linear-gradient(180deg,#0a0d18,#0e1426);padding-bottom:110px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.social-card{border-radius:18px;border:1px solid var(--stroke);display:flex;align-items:center;gap:19px;padding:22px;min-height:112px;background:#161c2e;transition:transform .2s,border-color .2s,background .2s}.social-card:hover{transform:translateY(-4px);border-color:rgba(140,164,248,.45);background:#1a2340}.social-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:14px}.twitch{background:rgba(145,70,255,.19);border:1px solid rgba(145,70,255,.25)}.tiktok{background:rgba(38,46,64,.85);border:1px solid rgba(86,231,217,.14)}.insta{background:linear-gradient(135deg,rgba(131,58,180,.34),rgba(253,29,29,.16),rgba(252,176,69,.14));border:1px solid rgba(245,97,139,.2)}.youtube{background:rgba(255,25,44,.15);border:1px solid rgba(255,75,85,.22)}.social-card strong{display:block;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.social-card small{display:block;font-size:13px;color:#a0acc9}.arrow{margin-left:auto;font-size:23px;color:#8f9ab4;align-self:flex-start}.join-section{padding-bottom:96px}.join-card{position:relative;overflow:hidden;border-radius:23px;padding:45px 54px;display:flex;justify-content:space-between;align-items:center;gap:36px;background:linear-gradient(108deg,#f0446c 0%,#be438e 51%,#4664d1 100%);box-shadow:0 25px 65px rgba(176,65,112,.16)}.join-card:after{content:"✦";position:absolute;top:-123px;right:180px;font-size:270px;color:rgba(255,255,255,.09);pointer-events:none}.join-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:10px}.join-card h2{font-size:clamp(27px,3.1vw,38px);line-height:1.2;margin-bottom:10px}.join-card h2 span{color:#ffe4ee}.join-card p:last-child{margin:0;color:rgba(255,255,255,.87)}.button-white{background:white;color:#1a2037;white-space:nowrap;position:relative;z-index:2}.site-footer{border-top:1px solid var(--stroke);background:#090c16}.footer-inner{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#919fbb;font-size:12px}.footer-inner img{width:110px;height:auto}.footer-inner a{color:#d4daef;font-weight:800}.appear{opacity:0;transform:translateY(17px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.appear.visible{opacity:1;transform:none}
@media(max-width:1020px){.main-nav{gap:17px}.hero{gap:8px;min-height:600px}.hero-visual{height:485px}.photo-card{height:385px}.hero h1{font-size:clamp(59px,6.4vw,78px)}.about-layout{gap:42px}.ring-one{width:440px;height:440px}.ring-two{width:408px;height:408px}}
@media(max-width:760px){.container{width:min(1150px,calc(100% - 38px))}.nav-container{min-height:75px}.logo-link{width:118px}.menu-toggle{display:block;z-index:21}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;padding:18px 24px;background:#0e1425;border-bottom:1px solid var(--stroke);box-shadow:0 22px 40px rgba(0,0,0,.3);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px}.main-nav .nav-twitch{text-align:center;margin-top:6px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:unset;padding-top:67px;padding-bottom:100px}.hero-content{order:1}.hero-visual{order:2;align-self:center;width:100%;max-width:510px;height:470px;margin-top:30px}.hero h1{font-size:clamp(61px,11vw,80px)}.scroll-cue{bottom:36px}.section{padding:80px 0}.section-top{flex-direction:column;align-items:flex-start;gap:25px}.about-layout{grid-template-columns:1fr;gap:42px}.join-card{flex-direction:column;align-items:flex-start;padding:36px 30px}.join-section{padding-bottom:70px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:16px;padding:22px 0;text-align:center}.footer-inner span{flex-basis:100%;order:3}.ring-one{width:460px;height:460px}.ring-two{width:425px;height:425px}}
@media(max-width:500px){.hero{padding-top:48px}.hero h1{font-size:clamp(58px,13vw,74px)}.tagline{font-size:20px}.tagline span{padding:0 3px}.eyebrow{font-size:9px}.intro{font-size:15px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.hero-bottom{font-size:9px;gap:8px;margin-top:28px}.hero-visual{height:340px;margin-top:42px}.photo-card{top:5px;width:92%;height:280px;border-radius:18px}.photo-tag{font-size:8px;left:11px;top:12px;padding:7px 10px}.ring-one{width:330px;height:330px}.ring-two{width:303px;height:303px}.spark-one{top:0}.visual-label{bottom:2px;font-size:7px}.section h2{font-size:clamp(37px,8vw,52px)}.stream-bar,.stream-bottom{padding:10px 12px;font-size:10px}.stream-right,.stream-bar .subtle{display:none}.twitch-player{min-height:270px;aspect-ratio:4/3}.stream-bottom{gap:8px}.stream-bottom>span{overflow-wrap:anywhere}.social-grid{grid-template-columns:1fr}.social-card{min-height:98px;padding:18px}.feature-card{padding:18px}.feature-emoji{width:48px;height:48px;flex-basis:48px}.join-card{padding:32px 23px}.join-card .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.appear{transform:none;opacity:1}}

/* Herkenbare, lokale SVG-brandiconen in plaats van tekstsymbolen. */
.social-icon img{display:block;width:30px;height:30px;object-fit:contain}
.social-icon.twitch img{filter:drop-shadow(0 2px 9px rgba(145,70,255,.55))}
.social-icon.tiktok img{filter:drop-shadow(-2px 1px 0 rgba(37,244,238,.6)) drop-shadow(2px -1px 0 rgba(254,44,85,.55))}
.social-icon.insta img{filter:drop-shadow(0 2px 8px rgba(253,29,96,.25))}
.social-icon.youtube img{filter:drop-shadow(0 2px 8px rgba(255,48,65,.35))}

/* Houd decoratieve ringen binnen het scherm op kleine telefoons. */
@media(max-width:500px){.ring-one{transform:none}}


/* ============ Over mij — aparte pagina ============ */
.main-nav>a[aria-current="page"]{color:#fff;position:relative}
.main-nav>a[aria-current="page"]:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pink),var(--blue));border-radius:2px}
.bio-page .background-glow{height:900px;background:radial-gradient(ellipse 520px 460px at 83% 23%,rgba(66,100,238,.19),transparent 80%),radial-gradient(ellipse 540px 490px at -4% 34%,rgba(244,73,113,.12),transparent 80%)}
.bio-page .background-glow:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,148,207,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(126,148,207,.027) 1px,transparent 1px);background-size:67px 67px;mask-image:linear-gradient(black,transparent 90%)}
.bio-hero{position:relative;padding:44px 0 30px;overflow:hidden}
.bio-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:66px;align-items:center;min-height:610px}
.bio-breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#9ba9c8;margin-bottom:48px}
.bio-breadcrumb a:hover{color:#fff}.bio-breadcrumb span{color:#ff5474}.bio-breadcrumb strong{color:#e4e9fc}
.bio-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:#c5cde7;font-size:11px;font-weight:800;letter-spacing:.15em}
.bio-pulse{display:inline-block;height:9px;width:9px;border-radius:50%;background:#ff5778;box-shadow:0 0 0 6px rgba(255,87,120,.1)}
.bio-hero h1{font-size:clamp(50px,5.5vw,80px);line-height:1.085;letter-spacing:-.075em;margin:0 0 24px;max-width:650px}
.bio-lead{max-width:580px;color:#c5cce0;font-size:17px;line-height:1.85;margin-bottom:14px}.bio-lead strong{color:#fff}
.bio-sublead{max-width:560px;color:#9faaca;font-size:15px;line-height:1.85}
.bio-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.bio-chips span{font-size:12px;color:#d9e2f8;font-weight:700;padding:8px 12px;border-radius:999px;background:rgba(76,95,149,.17);border:1px solid rgba(161,184,251,.17)}
.bio-portrait{height:535px;position:relative;display:grid;place-items:center;isolation:isolate}.bio-portrait-halo{position:absolute;width:430px;height:430px;z-index:-1;border:1px dashed rgba(184,198,247,.18);border-radius:50%;box-shadow:0 0 85px rgba(73,102,232,.13)}.bio-portrait-halo:before{content:"";position:absolute;inset:21px;border:1px solid rgba(155,180,252,.17);border-radius:50%}
.bio-photo-frame{width:93%;max-width:510px;aspect-ratio:1/1.02;overflow:hidden;border:1px solid rgba(202,216,255,.28);border-radius:26px;background:#151b2f;transform:rotate(3deg);box-shadow:0 38px 80px rgba(0,0,0,.46)}
.bio-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% center;display:block}
.bio-portrait-caption{position:absolute;bottom:2px;left:-10px;z-index:2;display:flex;align-items:center;gap:15px;padding:14px 20px;background:#19233e;border:1px solid rgba(169,189,255,.3);border-radius:14px;transform:rotate(-4deg);box-shadow:0 18px 44px rgba(0,0,0,.4);font-size:14px;font-weight:800;letter-spacing:.11em;line-height:1.4}
.bio-portrait-caption small{font-size:9px;color:#91a9d9;letter-spacing:.12em}.bio-caption-star{font-size:28px;color:#ff6c8b}.bio-star{position:absolute;font-size:28px}.bio-star.star-a{top:35px;left:-12px;color:#8fb3ff}.bio-star.star-b{right:-3px;top:58px;color:#ffc077}
.bio-hero-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;padding:24px 0;color:#92a0be;border-top:1px solid rgba(185,204,255,.09);font-size:10px;font-weight:800;letter-spacing:.15em}
.bio-hero-footer span{display:flex;align-items:center;gap:10px}.bio-hero-footer i{width:7px;height:7px;display:inline-block;background:#4f91ff;border-radius:50%}
.bio-hero-footer a:hover{color:#fff}
.bio-section{padding:110px 0}.bio-section h2{font-size:clamp(38px,4.4vw,63px);line-height:1.13;letter-spacing:-.063em;margin:17px 0 22px}.bio-story{border-top:1px solid rgba(185,204,255,.08);background:linear-gradient(180deg,#101526,#0b0f1b)}
.bio-story-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:115px;align-items:start}.bio-story-text>p{color:#aeb9d0;line-height:1.95;margin-bottom:21px}.bio-story-text strong{color:#f6f7ff}.bio-quote{display:flex;gap:18px;align-items:flex-start;padding:23px 26px;margin-top:28px;border-radius:17px;border:1px solid rgba(116,160,255,.24);border-left:3px solid #568cff;background:linear-gradient(115deg,rgba(51,68,121,.27),rgba(22,29,53,.57))}.bio-quote>span{font-family:'Space Grotesk',sans-serif;font-size:61px;line-height:.9;color:#ff6d8c}.bio-quote p{margin:0;font-weight:800;font-size:19px;line-height:1.55;letter-spacing:-.035em}
.bio-content-section{background:#0b0f1b}.bio-section-heading{max-width:800px;margin-bottom:35px}.bio-section-heading>p:last-child{color:#a8b3d0;line-height:1.8}
.bio-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.bio-interest-card{position:relative;overflow:hidden;min-height:325px;border-radius:20px;padding:27px;background:linear-gradient(160deg,#1a233a,#11182a);border:1px solid rgba(160,183,238,.16);display:flex;flex-direction:column;transition:transform .2s var(--ease),border-color .2s}.bio-interest-card:hover{transform:translateY(-5px);border-color:rgba(146,176,247,.38)}
.bio-card-mark{width:57px;height:57px;display:grid;place-items:center;font-size:25px;border-radius:16px;margin-bottom:26px}.bio-card-mark.pink{background:rgba(251,86,122,.16)}.bio-card-mark.blue{background:rgba(85,146,253,.17)}.bio-card-mark.amber{background:rgba(252,185,96,.16)}.bio-card-no{position:absolute;top:22px;right:26px;font-size:11px;letter-spacing:.15em;font-weight:800;color:#7889b0}.bio-interest-card h3{font-size:25px;line-height:1.25;margin-bottom:13px}.bio-interest-card p{color:#a7b3cb;font-size:14px;line-height:1.76;flex-grow:1}.bio-card-foot{padding-top:20px;margin-top:10px;border-top:1px solid rgba(170,191,239,.12);display:flex;justify-content:space-between;color:#92a9d8;font-size:10px;font-weight:800;letter-spacing:.13em}.bio-card-foot span{font-size:15px;color:#ff718e}
.bio-smp-section{background:linear-gradient(180deg,#0b0f1b,#0d1221)}.bio-smp-feature{position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(35,22,41,.85),rgba(17,27,53,.93));border:1px solid rgba(154,180,240,.18);border-radius:24px;display:grid;grid-template-columns:1.12fr .88fr;gap:20px;isolation:isolate}.bio-smp-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 91% 32%,rgba(54,113,251,.15),transparent 45%),radial-gradient(circle at 9% 12%,rgba(255,89,68,.13),transparent 48%)}.bio-smp-info{padding:57px 0 48px 50px}.bio-smp-kicker{color:#e8a4b5;letter-spacing:.18em;font-size:10px;font-weight:800;margin:28px 0 5px}.bio-smp-info h2{font-size:clamp(38px,4.3vw,57px);margin-top:5px}.bio-smp-info>p:not(.overline):not(.bio-smp-kicker){color:#bcc6dc;line-height:1.85;max-width:510px}.bio-smp-info strong{color:white}.bio-smp-info .button{margin-top:13px}
.bio-smp-visual{position:relative;margin:28px 25px 28px 0;min-height:330px;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(2deg)}.bio-smp-visual>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 42px rgba(0,0,0,.26)}.bio-fire{background:radial-gradient(circle at 47% 24%,#b5463a,#451d31 55%,#211523)}.bio-ice{background:radial-gradient(circle at 50% 24%,#4f9fee,#22438b 55%,#162240)}.bio-side-emoji{font-size:69px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.bio-smp-visual strong{font-size:clamp(30px,3vw,46px);font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:-.065em}.bio-smp-visual small{color:rgba(255,255,255,.75);font-size:10px;letter-spacing:.18em;font-weight:800}.bio-versus{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:59px;height:59px;display:grid;place-items:center;background:#11182b;border:2px solid rgba(255,255,255,.3);font-size:17px;font-weight:800;box-shadow:0 12px 25px rgba(0,0,0,.5)}
.bio-smp-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(173,189,244,.15);background:rgba(5,9,20,.26)}.bio-smp-metrics>span{display:flex;gap:10px;align-items:center;justify-content:center;padding:17px 10px}.bio-smp-metrics>span+span{border-left:1px solid rgba(173,189,244,.14)}.bio-smp-metrics strong{font:700 30px 'Space Grotesk',sans-serif;letter-spacing:-.06em}.bio-smp-metrics small{color:#a2b3d4;font-size:10px;font-weight:800;letter-spacing:.16em}
.bio-facts-section{background:linear-gradient(180deg,#0d1221,#0b0f1b)}.bio-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bio-fact{display:flex;gap:17px;align-items:center;min-height:105px;border-radius:16px;background:#171e32;border:1px solid rgba(170,194,245,.13);padding:21px 23px;transition:border-color .2s}.bio-fact:hover{border-color:rgba(155,182,255,.35)}.bio-fact-icon{font-size:29px;flex:none}.bio-fact small{display:block;font-size:10px;letter-spacing:.11em;color:#8fa4ce;font-weight:800;margin-bottom:5px}.bio-fact strong{font:700 18px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.035em}
.bio-follow-section{background:#0c1120}.bio-follow-section .social-card{background:#182037}
@media(max-width:1020px){.bio-hero-grid{gap:35px}.bio-portrait{height:450px}.bio-portrait-halo{width:380px;height:380px}.bio-story-grid{gap:60px}.bio-smp-info{padding-left:34px}.bio-smp-visual{margin-right:22px}.bio-interest-card{padding:22px}}
@media(max-width:760px){.main-nav>a[aria-current="page"]:after{display:none}.bio-hero{padding:28px 0 14px}.bio-hero-grid{grid-template-columns:1fr;gap:0}.bio-breadcrumb{margin-bottom:38px}.bio-hero h1{font-size:clamp(48px,9vw,70px)}.bio-portrait{height:440px;max-width:550px;width:100%;margin:32px auto 0}.bio-photo-frame{width:87%;aspect-ratio:1.08}.bio-portrait-halo{width:385px;height:385px}.bio-portrait-caption{left:8px;bottom:6px}.bio-hero-footer{padding-top:19px}.bio-section{padding:78px 0}.bio-story-grid{grid-template-columns:1fr;gap:16px}.bio-content-grid{grid-template-columns:1fr}.bio-interest-card{min-height:240px}.bio-card-mark{margin-bottom:18px}.bio-smp-feature{grid-template-columns:1fr}.bio-smp-info{padding:32px 29px 4px}.bio-smp-visual{margin:10px 25px 25px;min-height:260px}.bio-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.bio-hero h1{font-size:clamp(43px,11.6vw,59px)}.bio-lead{font-size:15px}.bio-sublead{font-size:14px}.bio-chips span{font-size:11px;padding:7px 10px}.bio-portrait{height:316px;margin-top:28px}.bio-photo-frame{width:90%;aspect-ratio:1.2;border-radius:19px}.bio-portrait-halo{height:295px;width:295px}.bio-portrait-caption{font-size:11px;bottom:0;left:7px;padding:9px 12px}.bio-portrait-caption small{font-size:7px}.bio-caption-star{font-size:21px}.bio-hero-footer{gap:14px;font-size:9px}.bio-section h2{font-size:clamp(35px,9vw,47px)}.bio-story-text>p{font-size:14px}.bio-quote{padding:17px}.bio-quote p{font-size:16px}.bio-smp-info{padding:30px 20px 0}.bio-smp-visual{margin:0 14px 18px;min-height:220px}.bio-side-emoji{font-size:46px}.bio-smp-visual strong{font-size:30px}.bio-smp-metrics>span{padding:13px 7px;gap:6px;flex-direction:column}.bio-smp-metrics strong{font-size:25px}.bio-smp-metrics small{font-size:8px}.bio-facts-grid{grid-template-columns:1fr}.bio-fact{min-height:84px}.bio-fact strong{font-size:17px}}


/* V4 — Projectpagina */
.bio-text-link{display:inline-flex;align-items:center;color:#a7bfff;font-weight:800;font-size:13px;padding:10px 0}
.home-projects-section{background:linear-gradient(180deg,#0c1120,#10162a)}
.home-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.home-project-tile{display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden;padding:30px;min-height:210px;border:1px solid rgba(191,209,255,.18);border-radius:21px;transition:transform .25s,border-color .25s}
.home-project-tile:hover{transform:translateY(-5px);border-color:rgba(191,209,255,.42)}
.tile-fire{background:radial-gradient(circle at 90% 20%,rgba(255,115,76,.2),transparent 55%),linear-gradient(130deg,#291e34,#142139)}
.tile-blue{background:radial-gradient(circle at 90% 20%,rgba(86,133,255,.24),transparent 55%),linear-gradient(130deg,#162345,#121729)}
.home-project-label{font-size:10px;letter-spacing:.15em;color:#ffadc0;font-weight:800}.tile-blue .home-project-label{color:#9bc0ff}
.home-project-tile strong{font:700 clamp(23px,2.8vw,31px) 'Space Grotesk',sans-serif;letter-spacing:-.05em;line-height:1.18;max-width:370px}
.home-project-tile em{font-style:normal;color:#9ebaff;display:block}.tile-fire em{color:#ffb6aa}
.home-project-tile>span:nth-last-child(2){font-size:13px;color:#adb9d1;margin-top:auto}
.home-project-tile b{position:absolute;top:27px;right:30px;color:#c7d8ff;font-size:24px}
.projects-hero{padding:63px 0 5px;position:relative}
.projects-hero-layout{display:grid;grid-template-columns:1fr .88fr;gap:50px;align-items:center;min-height:560px}
.projects-hero-copy h1{font-size:clamp(57px,6vw,89px);line-height:1.06;letter-spacing:-.075em;margin:22px 0}
.projects-lead{color:#b3bfd7;font-size:16px;max-width:580px;line-height:1.9}
.projects-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:26px 0 34px}
.projects-mini-stats{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid rgba(170,192,255,.14);padding-top:24px}
.projects-mini-stats>span{display:flex;flex-direction:column;gap:1px}.projects-mini-stats strong{font:700 35px 'Space Grotesk',sans-serif;letter-spacing:-.06em}.projects-mini-stats small{font-size:9px;letter-spacing:.12em;color:#8a9ab9;font-weight:800}
.projects-showcase{position:relative;border:1px solid rgba(210,224,255,.25);background:#12182a;border-radius:23px;min-height:465px;overflow:visible;transform:rotate(2.2deg);box-shadow:0 28px 70px rgba(0,0,0,.35)}
.projects-showcase-top{padding:17px 23px;display:flex;align-items:center;gap:10px;color:#c6d2ea;font-size:10px;letter-spacing:.15em;font-weight:800;border-bottom:1px solid rgba(180,202,252,.13)}.projects-showcase-top span:last-child{margin-left:auto;color:#99aaca}
.showcase-dot{width:8px;height:8px;border-radius:50%;background:#ff5078;box-shadow:0 0 12px rgba(255,80,120,.8)}
.projects-showcase-art{height:295px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;margin:15px;border-radius:12px}
.showcase-fire,.showcase-ice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.showcase-fire{background:radial-gradient(circle at 35% 20%,#ec7155 0%,#812a3a 40%,#26172b 95%)}
.showcase-ice{background:radial-gradient(circle at 65% 20%,#58c6ef 0%,#2751a1 44%,#172349 95%)}
.showcase-fire>span,.showcase-ice>span{font-size:82px;filter:drop-shadow(0 15px 12px rgba(0,0,0,.24))}
.showcase-fire b,.showcase-ice b{font:800 38px 'Space Grotesk',sans-serif;letter-spacing:-.075em}
.showcase-versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid rgba(228,235,255,.28);border-radius:50%;background:#101629;width:65px;height:65px;font-weight:800;font-size:20px;z-index:2;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.projects-showcase-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:4px 24px 22px;font-size:10px;color:#b8c7df;font-weight:800;letter-spacing:.1em}.projects-showcase-bottom strong{color:#fff}
.project-star{position:absolute;z-index:2;font-size:35px;transform:rotate(-2.2deg)}.project-star-a{top:-35px;left:-21px;color:#88afff}.project-star-b{bottom:-25px;right:-13px;color:#ffaf79}
.projects-hero-scroll{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid rgba(173,190,244,.1);font-size:10px;font-weight:800;letter-spacing:.18em;color:#92a1c2}
.projects-hero-scroll a:hover{color:#fff}
.projects-featured{background:linear-gradient(180deg,#101526,#0b101e);padding:105px 0}
.projects-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}
.projects-section-heading h2,.projects-timeline-section h2{font-size:clamp(39px,4.7vw,63px);line-height:1.12;letter-spacing:-.065em;margin:0 0 14px}
.projects-section-heading p{color:#a9b6d0;max-width:630px;margin-bottom:0;line-height:1.7}
.project-spotlight{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;background:linear-gradient(120deg,#192038,#131a2d);border:1px solid rgba(184,202,251,.19);border-radius:24px}
.spotlight-info{padding:41px 42px 45px}.spotlight-tags,.project-tags{display:flex;gap:8px;flex-wrap:wrap}
.project-pill{font-size:9px;letter-spacing:.12em;font-weight:800;color:#abbad6;padding:7px 10px;border:1px solid rgba(178,197,248,.2);border-radius:999px;background:rgba(135,162,234,.06)}
.pill-future{color:#ffb9a5;border-color:rgba(255,136,105,.36);background:rgba(255,99,69,.1)}
.pill-done{color:#a6ecd7;border-color:rgba(100,220,170,.25);background:rgba(74,202,145,.08)}
.pill-built{color:#a2bfff;border-color:rgba(110,154,255,.35);background:rgba(76,126,240,.1)}
.pill-participated{color:#e5cbff;border-color:rgba(183,145,236,.34);background:rgba(127,81,197,.1)}
.pill-ongoing{color:#e8cd98;border-color:rgba(233,190,99,.32);background:rgba(214,170,62,.08)}
.spotlight-kicker{margin:29px 0 12px;color:#9caed2;font-size:11px;font-weight:800;letter-spacing:.16em}
.spotlight-info h3{font-size:clamp(35px,3.4vw,47px);line-height:1.15;margin-bottom:20px;letter-spacing:-.065em}
.spotlight-info h3 span{display:block;color:#ff8f9c}
.spotlight-info>p:not(.spotlight-kicker){color:#adbad2;line-height:1.9;max-width:520px;font-size:14px}
.spotlight-info>p strong{color:#fff}.spotlight-details{display:flex;flex-direction:column;gap:9px;padding-top:15px;margin-bottom:27px;color:#c2cce0;font-size:12px}
.spotlight-link{font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:7px;font-size:13px}.spotlight-link:hover{color:#9cbdff}
.spotlight-visual{background:radial-gradient(circle at 10% 42%,rgba(251,69,65,.28),transparent 46%),radial-gradient(circle at 93% 55%,rgba(49,112,255,.36),transparent 47%),#0d1221;min-height:450px;border-left:1px solid rgba(255,255,255,.08);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.spotlight-visual:after{content:"";position:absolute;width:340px;height:340px;border:1px dashed rgba(255,255,255,.14);border-radius:50%}
.spotlight-visual-label{position:absolute;top:28px;left:31px;color:#b5beda;font-size:10px;font-weight:800;letter-spacing:.2em}
.spotlight-visual-fires{font-size:76px;display:flex;gap:20px;align-items:center;position:relative;z-index:2;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.spotlight-visual-fires strong{font-size:26px;color:#fff;filter:none}
.spotlight-visual-text{display:flex;align-items:center;gap:18px;font:800 45px 'Space Grotesk',sans-serif;letter-spacing:-.075em;position:relative;z-index:2}
.spotlight-visual-text b:first-child{color:#ff9b75}.spotlight-visual-text b:last-child{color:#8dbaff}.spotlight-visual-text span{color:#c0c7d5;font-size:24px}
.spotlight-visual-foot{position:absolute;bottom:28px;left:30px;color:#bfc9dd;font-size:10px;font-weight:800;letter-spacing:.14em}
.projects-list-section{padding:105px 0;background:#0b0f1b}.projects-count{font-size:10px;letter-spacing:.15em;color:#9db2dc;font-weight:800;white-space:nowrap}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 27px}
.project-filter{padding:10px 16px;border:1px solid rgba(174,191,240,.22);background:rgba(149,169,218,.05);border-radius:999px;color:#b9c6df;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.project-filter span{color:#a8bbdd;font-size:10px;margin-left:7px}
.project-filter:hover{border-color:#a2b8f0;color:#fff}.project-filter.is-active{background:linear-gradient(110deg,#ff4b74,#a253bb);border-color:transparent;color:white}.project-filter.is-active span{color:white}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.project-entry{min-width:0;display:flex;flex-direction:column;border:1px solid rgba(155,178,229,.18);border-radius:19px;background:#171e31;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.project-entry:hover{transform:translateY(-5px)!important;border-color:rgba(174,195,253,.45);box-shadow:0 25px 45px rgba(0,0,0,.2)}
.project-entry[hidden]{display:none!important}
.project-art{height:172px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#1b294d}
.project-art:before{position:absolute;content:"";width:240px;height:240px;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:-1}
.art-s1{background:radial-gradient(circle at 70% 10%,#397d61,#1b4251 48%,#18213b)}
.art-tech{background:radial-gradient(circle at 40% 20%,#5152ac,#29295a 45%,#151a32)}
.art-wave{background:radial-gradient(circle at 70% 10%,#2eacb7,#1a5182 45%,#172340)}
.art-racing{background:radial-gradient(circle at 80% 16%,#a64674,#4b1d55 46%,#221b35)}
.art-stream{background:radial-gradient(circle at 70% 16%,#9a62c0,#45346f 45%,#201a3a)}
.art-events{background:radial-gradient(circle at 70% 10%,#cf8855,#703746 46%,#2b2136)}
.art-community{background:radial-gradient(circle at 70% 10%,#4b84db,#263e75 43%,#161f3b)}
.art-data{background:radial-gradient(circle at 70% 10%,#57b1a7,#244d6d 46%,#1b2038)}
.project-art-emoji{font-size:62px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.24))}
.project-art-index,.project-art-caption{position:absolute;font-size:9px;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.82)}
.project-art-index{top:14px;left:18px}.project-art-caption{bottom:14px;left:18px}
.project-entry-body{padding:24px;display:flex;flex-direction:column;flex:1}
.project-entry-body h3{font-size:25px;line-height:1.18;margin:20px 0 11px}
.project-entry-body h3 span{display:block;color:#9aaff4}
.project-entry-body>p{color:#aebad3;font-size:13px;line-height:1.8;flex:1;margin:0 0 28px}
.project-meta{border-top:1px solid rgba(180,204,252,.12);padding-top:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#93a7d1;font-size:10px;font-weight:800}
.project-no-results{text-align:center;margin:30px;color:#b7c5d9}
.projects-timeline-section{padding:100px 0;background:linear-gradient(180deg,#0f1527,#0b0f1b)}
.projects-timeline{position:relative;max-width:820px;margin-top:36px;border-left:1px solid rgba(138,167,229,.25)}
.timeline-event{position:relative;padding:5px 0 32px 32px}.timeline-event:before{position:absolute;content:"";left:-5px;top:13px;width:9px;height:9px;background:#ff607f;border:3px solid #0f1527;box-sizing:content-box;border-radius:50%}
.timeline-number{position:absolute;right:0;top:5px;color:#607396;font:800 44px 'Space Grotesk',sans-serif;letter-spacing:-.08em}
.timeline-event>div{padding-right:63px}.timeline-event small{font-size:10px;letter-spacing:.13em;color:#94abdd;font-weight:800}.timeline-event strong{display:block;font:700 23px 'Space Grotesk',sans-serif;margin:9px 0 5px;letter-spacing:-.035em}.timeline-event p{color:#a6b3cf;font-size:13px;line-height:1.7}
@media(max-width:1050px){.projects-hero-layout{gap:25px}.projects-showcase-art{height:260px}.projects-showcase{min-height:430px}.projects-showcase-bottom{font-size:9px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.projects-hero{padding:30px 0 0}.projects-hero-layout{grid-template-columns:1fr;gap:25px}.projects-hero-copy h1{font-size:clamp(51px,9vw,76px)}.projects-showcase{max-width:560px;margin:15px auto 38px;width:93%;min-height:385px}.projects-showcase-art{height:250px}.projects-featured,.projects-list-section,.projects-timeline-section{padding:74px 0}.project-spotlight{grid-template-columns:1fr}.spotlight-visual{min-height:295px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.home-project-grid{grid-template-columns:1fr}}
@media(max-width:500px){.projects-hero-copy h1{font-size:clamp(46px,11.3vw,62px)}.projects-lead{font-size:14px}.projects-hero-actions{flex-direction:column;align-items:stretch}.projects-hero-actions .button{width:100%}.projects-mini-stats{gap:23px}.projects-mini-stats strong{font-size:27px}.projects-mini-stats small{font-size:8px}.projects-showcase{width:94%;min-height:315px}.projects-showcase-top{padding:13px 16px;font-size:9px}.projects-showcase-art{height:205px;margin:10px}.showcase-fire>span,.showcase-ice>span{font-size:55px}.showcase-fire b,.showcase-ice b{font-size:25px}.showcase-versus{width:50px;height:50px;font-size:15px}.projects-showcase-bottom{padding:3px 14px 14px;font-size:8px}.projects-hero-scroll{font-size:8px}.projects-section-heading{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-entry-body{padding:21px}.spotlight-info{padding:30px 24px}.spotlight-visual-fires{font-size:47px}.spotlight-visual-text{font-size:30px}.project-filters{gap:7px}.project-filter{font-size:11px;padding:9px 12px}.timeline-number{font-size:30px}.timeline-event>div{padding-right:40px}.home-project-tile{padding:23px}}

/* V5 — nieuwe projectkaarten en samenwerkingen */
.art-island{background:radial-gradient(circle at 65% 25%,#7ec49e,#1b6571 43%,#182137)}
.art-modpack{background:radial-gradient(circle at 70% 15%,#62a59c,#374c8d 48%,#1b203c)}
.art-plugin{background:radial-gradient(circle at 70% 13%,#9898ec,#51437b 43%,#161e35)}
.art-teams{background:radial-gradient(circle at 13% 28%,#b64441,transparent 55%),radial-gradient(circle at 88% 64%,#2d6acf,transparent 55%),#222036}
.art-overlays{background:radial-gradient(circle at 62% 20%,#cf638c,#713e94 42%,#20213e)}
.art-website{background:radial-gradient(circle at 70% 15%,#499bda,#264e91 43%,#171e34)}
.art-collabs{background:radial-gradient(circle at 67% 17%,#9b70ed,#5d348f 47%,#1c1736)}
.tile-purple{background:radial-gradient(circle at 90% 15%,rgba(161,89,228,.32),transparent 57%),linear-gradient(125deg,#282047,#191b36)}
.tile-purple .home-project-label{color:#d5b2ff}.tile-purple em{color:#c6aeff}
@media(min-width:1040px){.home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-project-tile{min-height:230px;padding:27px}.home-project-tile strong{font-size:clamp(23px,2.3vw,29px)}}
.collabs-section{position:relative;padding:110px 0;background:radial-gradient(ellipse at 85% -9%,rgba(115,59,181,.2),transparent 42%),linear-gradient(180deg,#101127,#101424 75%,#0c1020);border-top:1px solid rgba(165,153,226,.1);border-bottom:1px solid rgba(165,153,226,.09)}
.collabs-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.collabs-intro h2{font-size:clamp(38px,4.8vw,64px);line-height:1.13;margin:0 0 15px}
.collabs-intro p:not(.overline){font-size:15px;max-width:650px;color:#adb7d3;line-height:1.8;margin:0}
.collabs-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(161,117,240,.29);border-radius:18px;width:155px;height:133px;background:linear-gradient(145deg,rgba(145,70,255,.14),rgba(76,100,193,.08));flex-shrink:0}
.collabs-emblem img{filter:drop-shadow(0 5px 8px rgba(145,70,255,.4))}
.collabs-emblem span{color:#c9b2f4;font-size:9px;font-weight:800;letter-spacing:.12em}
.collab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.collab-card{min-width:0;display:flex;flex-direction:column;gap:26px;border:1px solid rgba(172,157,222,.22);background:linear-gradient(145deg,#1c1c37,#151a2f);border-radius:22px;padding:26px;transition:transform .24s,border-color .24s,box-shadow .24s}
.collab-card:hover{transform:translateY(-5px);border-color:rgba(170,123,255,.5);box-shadow:0 20px 45px rgba(5,4,20,.2)}
.collab-featured{background:radial-gradient(circle at top right,rgba(145,70,255,.18),transparent 55%),linear-gradient(145deg,#252044,#171931);border-color:rgba(166,116,249,.44)}
.collab-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.collab-type{font-size:10px;letter-spacing:.13em;font-weight:800;color:#d6b7ff}
.collab-symbol{font-size:26px;color:#a780ff}
.collab-profile{display:flex;align-items:center;gap:14px;min-width:0}
.collab-avatar{width:75px;height:75px;flex:0 0 75px;border-radius:19px;display:grid;place-items:center;font:800 33px 'Space Grotesk',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14)}
.avatar-jaimey{background:linear-gradient(145deg,#9364e7,#495ca9)}
.avatar-creators{background:linear-gradient(145deg,#fd6866,#3f80da);font-size:29px}
.avatar-events{background:linear-gradient(145deg,#eeae70,#c75b99)}
.collab-role{display:block;font-size:9px;letter-spacing:.15em;font-weight:800;color:#a8aace}
.collab-profile h3{font-size:27px;line-height:1.1;margin:6px 0 4px;overflow-wrap:anywhere}
.collab-profile p{font-size:11px;color:#aab7d6;line-height:1.4;margin:0}
.collab-copy{color:#b1bed8;font-size:13px;line-height:1.85;flex:1;margin:0}
.collab-bottom{border-top:1px solid rgba(184,171,229,.13);padding-top:19px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;font-weight:800}
.collab-bottom>span{color:#aaa9d2}.collab-bottom a{color:#dbccff}.collab-bottom a:hover{color:white}
.collab-footer{display:flex;align-items:center;gap:19px;margin-top:20px;padding:23px 26px;border:1px solid rgba(177,150,221,.18);background:rgba(168,107,245,.055);border-radius:17px}
.collab-footer-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:rgba(150,85,227,.15);flex:0 0 45px}
.collab-footer strong{font-size:16px}.collab-footer p{margin:4px 0 0;color:#a7b2cc;font-size:12px;line-height:1.65}
.collab-footer>a{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:800;color:#d7c0ff}
@media(max-width:1050px){.collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collab-card:last-child{grid-column:span 2}}
@media(max-width:760px){.collabs-section{padding:75px 0}.collab-grid{grid-template-columns:1fr}.collab-card:last-child{grid-column:auto}.collabs-emblem{display:none}.collab-footer{align-items:flex-start;flex-wrap:wrap}.collab-footer>a{margin-left:64px}}
@media(max-width:500px){.collab-card{padding:21px;gap:23px}.collab-profile h3{font-size:23px}.collab-avatar{width:60px;height:60px;flex-basis:60px;border-radius:15px;font-size:27px}.collab-footer{padding:18px;gap:12px}.collab-footer>a{margin-left:0;width:100%}}

/* V6: concrete Twitch-creator samenwerkingen */
.creator-collab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.creator-collab-grid .collab-card{gap:19px;min-height:302px;position:relative;overflow:hidden}
.creator-collab-grid .collab-card::after{content:"";position:absolute;right:-90px;top:-95px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(145,70,255,.08),transparent 65%);pointer-events:none}
.creator-collab-grid .collab-type{font-size:10px;letter-spacing:.09em}
.creator-collab-grid .collab-copy strong{color:#f3edff}
.creator-collab-grid .collab-bottom a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.creator-collab-grid .collab-bottom img{filter:brightness(0) invert(1);opacity:.84}
.creator-collab-grid .collab-card:last-child{grid-column:auto}
.creator-collab-grid .collab-profile{align-items:center}
.creator-collab-grid .collab-profile h3{font-size:clamp(22px,2.6vw,28px)}
.avatar-ranjade{background:linear-gradient(135deg,#f36f3b,#8f366a);font-size:27px}
.avatar-maya{background:linear-gradient(135deg,#e18ab5,#6c50be)}
.avatar-knippa{background:linear-gradient(135deg,#89dbe4,#5569c7)}
.avatar-ijscobart{background:linear-gradient(135deg,#577cf7,#6a47a1);font-size:28px}
.collab-twitchcon{background:radial-gradient(circle at top right,rgba(67,112,240,.16),transparent 57%),linear-gradient(145deg,#1e2545,#151a2f)}
.art-halloween{background:radial-gradient(circle at 60% 15%,#a15b3d,#62316b 55%,#21172d)}
.art-wintermon{background:radial-gradient(circle at 60% 15%,#9cdaea,#577cad 55%,#1b274a)}
.art-twitchcon{background:radial-gradient(circle at 60% 15%,#6755c7,#41358b 50%,#171834)}
@media(max-width:760px){.creator-collab-grid{grid-template-columns:1fr}.creator-collab-grid .collab-card{min-height:unset}}
@media(max-width:500px){.creator-collab-grid .collab-profile h3{font-size:23px}.creator-collab-grid .collab-profile{gap:12px}.creator-collab-grid .collab-type{font-size:9px}}

/* V8 — Lokale profielfoto’s op creator-samenwerkingskaarten */
.collab-profile img.collab-avatar{display:block;object-fit:cover;object-position:center;background-color:#1a1d36;max-width:none;}


/* V10 • Mijn reis: YouTube & Twitch timeline */
.bio-journey-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 660px 420px at 10% 15%,rgba(236,69,92,.075),transparent 80%),radial-gradient(ellipse 750px 530px at 96% 48%,rgba(119,73,243,.085),transparent 80%),#0c1120;border-top:1px solid rgba(165,192,246,.07)}
.bio-journey-section .bio-section-heading{max-width:880px}
.journey-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:19px;border:1px solid rgba(145,169,240,.18);background:rgba(29,39,69,.65);overflow:hidden;margin:35px 0 28px}
.journey-stats>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:27px 12px;text-align:center}
.journey-stats>div+div{border-left:1px solid rgba(148,176,234,.14)}
.journey-stat-icon{color:#ff7d99;font-size:14px;line-height:1.2}
.journey-stats strong{font:700 clamp(27px,3.1vw,40px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#f9faff}
.journey-stats small{color:#8da8dc;font-size:10px;font-weight:800;letter-spacing:.14em}
.journey-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.journey-era{border:1px solid rgba(158,180,245,.2);border-radius:22px;background:#151c31;overflow:hidden;min-width:0;box-shadow:0 18px 45px rgba(0,0,0,.11)}
.journey-era-top{display:flex;gap:16px;align-items:center;min-height:130px;padding:30px 30px 28px;border-bottom:1px solid rgba(205,216,255,.13)}
.journey-youtube{background:radial-gradient(circle at 97% 0%,rgba(255,132,129,.2),transparent 52%),linear-gradient(120deg,#442034,#25213f)}
.journey-twitch{background:radial-gradient(circle at 95% 0%,rgba(139,94,247,.23),transparent 60%),linear-gradient(120deg,#292149,#1e2c4e)}
.journey-platform-icon{flex:0 0 55px;width:55px;height:55px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09)}
.journey-platform-icon img{display:block;object-fit:contain;width:27px;height:27px}
.journey-era-top small{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#d7c7e9;margin-bottom:6px}
.journey-era-top h3{font:700 clamp(21px,2.1vw,28px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#fff}
.journey-events{position:relative;list-style:none;margin:29px 27px 31px 45px;padding:0 0 0 22px;border-left:1px solid rgba(147,173,230,.25)}
.journey-event{position:relative;padding:3px 0 24px 3px;margin:0}
.journey-event:last-child{padding-bottom:0}
.journey-event:before{content:'';position:absolute;left:-29px;top:8px;height:10px;width:10px;box-sizing:border-box;border:2px solid #ff7894;border-radius:50%;background:#151c31;box-shadow:0 0 0 4px #151c31}
.journey-era:nth-child(2) .journey-event:before{border-color:#9874ff}
.journey-event.journey-milestone:before{background:#ff7894}
.journey-era:nth-child(2) .journey-event.journey-milestone:before{background:#9874ff}
.journey-event time,.journey-date{display:block;color:#a5b9e7;font-size:10px;letter-spacing:.11em;font-weight:800;text-transform:uppercase;margin-bottom:9px}
.journey-event h4{font:700 20px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#f8faff;margin:0 0 9px}
.journey-event p{color:#adb9d2;font-size:13px;line-height:1.72;margin:0}
.journey-latest{border:1px solid rgba(152,116,255,.36);background:rgba(129,85,229,.11);border-radius:13px;margin:0 0 0 -14px;padding:15px 13px 18px 17px}
.journey-latest:before{left:-15px;top:20px}
.journey-outro{display:flex;align-items:center;gap:15px;margin-top:21px;border:1px solid rgba(158,180,245,.19);background:rgba(24,31,55,.78);border-radius:16px;padding:19px 22px}
.journey-outro>span{color:#ff7e9d;font-size:29px;line-height:1}
.journey-outro p{margin:0;color:#aebbd5;line-height:1.6;flex:1;font-size:13px}
.journey-outro strong{color:#f4f6ff}
.journey-outro a{white-space:nowrap;color:#b6acff;font-weight:800;font-size:12px}
.journey-outro a:hover{color:#fff}
@media(max-width:850px){.journey-columns{grid-template-columns:1fr}.journey-era-top{min-height:112px}}
@media(max-width:500px){.journey-stats>div{padding:17px 5px;gap:7px}.journey-stats strong{font-size:24px}.journey-stats small{font-size:8px;letter-spacing:.065em}.journey-era-top{padding:20px 17px;gap:11px}.journey-platform-icon{width:43px;height:43px;flex-basis:43px}.journey-era-top h3{font-size:21px}.journey-era-top small{font-size:8px}.journey-events{margin:24px 15px 27px 29px;padding-left:22px}.journey-event h4{font-size:18px}.journey-outro{flex-wrap:wrap;gap:10px}.journey-outro a{width:100%;padding-left:36px}}


/* V11 — projectkaarten openen een eigen detailvenster */
.project-entry{position:relative;cursor:pointer}
.project-entry:focus-within{border-color:#b7a6ff;box-shadow:0 0 0 2px rgba(144,110,255,.34),0 25px 45px rgba(0,0,0,.18)}
.project-open{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;border:0;background:transparent;cursor:pointer;border-radius:19px}
.project-open:focus-visible{outline:3px solid #b9a5ff;outline-offset:-5px}
.project-open-hint{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:20px;color:#c1aaff;font-size:11px;font-weight:800;letter-spacing:.02em;transition:color .2s}
.project-entry:hover .project-open-hint,.project-entry:focus-within .project-open-hint{color:#fff}
.project-entry:focus-within .project-art-emoji,.project-entry:hover .project-art-emoji{transform:scale(1.07)}
.project-art-emoji{transition:transform .25s}
.project-dialog{border:1px solid rgba(174,191,251,.25);background:#12192a;color:#f8faff;padding:0;width:min(760px,calc(100vw - 30px));max-width:none;max-height:min(92dvh,900px);overflow:auto;border-radius:23px;box-shadow:0 35px 100px rgba(0,0,0,.65);overscroll-behavior:contain}
.project-dialog::backdrop{background:rgba(2,5,16,.82);backdrop-filter:blur(9px)}
.project-detail-art{height:190px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden}
.project-detail-art::before{content:'';position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:-1}
.project-detail-cover-top{position:absolute;top:20px;left:27px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#fff}
.project-dialog-close{font:600 18px/1 'Space Grotesk',sans-serif;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(10,13,26,.55);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.project-dialog-close:hover{background:#394168;transform:rotate(90deg)}
.project-dialog-close:focus-visible,.project-detail-share:focus-visible,.project-detail-primary:focus-visible{outline:2px solid #d7c4ff;outline-offset:3px}
.project-detail-emoji{font-size:80px;filter:drop-shadow(0 12px 17px rgba(0,0,0,.3))}
.project-detail-cover-bottom{position:absolute;left:28px;bottom:17px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.18em}
.project-dialog-content{padding:29px clamp(21px,5vw,43px) 32px}
.project-detail-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 19px}
.detail-pill{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(147,169,226,.3);border-radius:99px;color:#b6c7f9;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.detail-pill-primary{color:#b8f4e0;background:rgba(60,171,140,.11);border-color:rgba(61,195,162,.28)}
.project-dialog-content h2{font:700 clamp(30px,4.5vw,45px)/1.14 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 13px}
.project-detail-summary{color:#c6d5f5;font-size:16px;line-height:1.65;margin:0 0 24px}
.project-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}
.project-detail-facts>div{min-width:0;display:flex;flex-direction:column;gap:8px;background:rgba(129,149,210,.07);border:1px solid rgba(170,193,241,.17);border-radius:14px;padding:14px 16px}
.project-detail-facts small{font-size:9px;letter-spacing:.13em;color:#9aaed8;font-weight:800}
.project-detail-facts strong{font-size:13px;line-height:1.5;color:#f8faff;overflow-wrap:anywhere}
.project-detail-story{border-top:1px solid rgba(173,191,239,.16);padding-top:24px}
.project-detail-story p{font-size:14px;line-height:1.86;color:#b5c1d9;margin:0 0 16px}
.project-detail-highlights{margin:18px 0 26px;border-radius:17px;padding:22px 23px;background:linear-gradient(125deg,rgba(128,89,230,.12),rgba(68,102,181,.08));border:1px solid rgba(151,135,225,.23)}
.project-detail-highlights h3{font:700 19px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 16px}
.project-detail-highlights ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.project-detail-highlights li{position:relative;padding-left:23px;color:#d0d9ef;font-size:13px;line-height:1.55}
.project-detail-highlights li:before{content:'✓';position:absolute;left:0;top:0;color:#ff7697;font-weight:800}
.project-detail-actions{display:flex;flex-wrap:wrap;gap:10px}
.project-detail-primary,.project-detail-share{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border-radius:11px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.project-detail-primary{background:linear-gradient(115deg,#fc4e76,#9358ca);color:white}
.project-detail-primary:hover{filter:brightness(1.1);color:#fff}
.project-detail-share{background:#242b43;color:#d9dfff;border:1px solid rgba(169,189,241,.24)}
.project-detail-share:hover{border-color:#ab9dff;background:#303451}
.project-detail-primary[hidden]{display:none!important}
.project-detail-feedback{min-height:15px;font-size:11px;line-height:1.5;color:#b8e9d7;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:500px){.project-detail-art{height:154px}.project-detail-emoji{font-size:62px}.project-dialog-content{padding:23px 19px 25px}.project-detail-facts{gap:8px}.project-detail-facts>div{padding:13px 12px}.project-detail-summary{font-size:14px}.project-detail-highlights{padding:19px 17px}.project-detail-actions>*{width:100%}.project-dialog{width:calc(100vw - 22px);max-height:91dvh;border-radius:18px}.project-detail-cover-top{left:17px;right:15px}.project-detail-cover-bottom{left:18px}}


/* V13 — brede Linktree-kaart onder de vier socialkanalen */
.social-card--linktree{
  grid-column:1 / -1;
  background:linear-gradient(110deg,#192c31 0%,#1a2538 48%,#1d2039 100%);
  border-color:rgba(174,246,123,.28);
}
.social-card--linktree:hover{
  background:linear-gradient(110deg,#20383a 0%,#202d42 51%,#242845 100%);
  border-color:rgba(188,255,134,.7);
}
.social-icon.linktree{
  background:#c8fc78;
  border:1px solid rgba(217,255,174,.7);
  box-shadow:0 5px 20px rgba(177,249,110,.14);
}
.social-icon.linktree img{width:30px;height:30px}
.social-card--linktree small{line-height:1.55}
.linktree-cta{
  margin-left:auto;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  color:#d3ffac;
  padding:10px 15px;
  border:1px solid rgba(177,242,125,.25);
  border-radius:999px;
  background:rgba(174,248,126,.075);
}
.social-card--linktree .arrow{margin-left:4px}
@media(max-width:550px){
  .social-card--linktree{grid-column:1}
  .linktree-cta{display:none}
  .social-card--linktree .arrow{margin-left:auto}
  .social-card--linktree small{font-size:12px;overflow-wrap:anywhere}
}

/* V15 — interactieve MG CreatorSMP S2 tierlist */
.tierlist-hero{position:relative;padding:32px 0 63px;overflow:hidden}
.tierlist-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:48px;align-items:center;padding:24px 0 20px}
.tierlist-hero-copy h1{font-size:clamp(45px,5.6vw,72px);line-height:1.06;letter-spacing:-.075em;margin:20px 0 18px}
.tierlist-lead{max-width:650px;color:#aeb9d4;line-height:1.85;font-size:16px;margin:0}
.tierlist-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.tierlist-hero-actions .button{border:0;cursor:pointer}
.tierlist-status{min-height:23px;margin:13px 0 0;color:#9eb0d4;font-size:12px;line-height:1.6}
.tierlist-share-field{display:block;width:100%;margin-top:7px;padding:12px 14px;border-radius:10px;border:1px solid rgba(150,174,232,.25);background:#151c30;color:#eaf0ff;font:500 12px 'DM Sans',sans-serif}
.tierlist-share-field[hidden]{display:none}
.tierlist-hero-art{min-height:300px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;border:1px solid rgba(171,190,245,.2);background:radial-gradient(circle at 17% 16%,rgba(255,100,72,.35),transparent 38%),radial-gradient(circle at 88% 10%,rgba(70,143,255,.36),transparent 43%),linear-gradient(135deg,#271c36,#17233e 58%,#102a39);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.tierlist-hero-art:before,.tierlist-hero-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:360px;height:360px;z-index:-1}
.tierlist-hero-art:after{width:285px;height:285px;border-style:dashed;transform:rotate(23deg)}
.tierlist-art-kicker{position:absolute;top:21px;left:24px;color:#d8e1fb;font-size:10px;font-weight:800;letter-spacing:.2em}
.tierlist-art-versus{display:flex;align-items:center;justify-content:center;gap:18px;font-size:58px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.25))}
.tierlist-art-versus b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(9,14,29,.7);border:1px solid rgba(255,255,255,.22);font:800 14px 'Space Grotesk',sans-serif;letter-spacing:.05em}
.tierlist-art-title{display:flex;align-items:center;gap:15px;margin-top:10px;font:800 clamp(29px,3vw,43px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em}
.tierlist-art-title strong:first-child{color:#ff8b76}.tierlist-art-title strong:last-child{color:#83c5ff}.tierlist-art-title span{font-size:16px;color:#a9b7d8}
.tierlist-art-foot{position:absolute;bottom:20px;color:#9eafd4;font-size:9px;font-weight:800;letter-spacing:.18em}
.tierlist-workspace-section{padding:45px 0 100px;background:linear-gradient(180deg,rgba(14,19,34,.52),rgba(8,11,21,.9));border-top:1px solid rgba(185,204,255,.07)}
.tierlist-section-heading,.tierlist-pool-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.tierlist-section-heading h2,.tierlist-pool-heading h2{font-size:clamp(33px,4vw,48px);line-height:1.12;margin:0 0 10px}
.tierlist-section-heading .overline,.tierlist-pool-heading .overline{margin-bottom:12px}
.tierlist-section-heading p:not(.overline){max-width:760px;margin:0;color:#a8b4d1;font-size:13px;line-height:1.8}
.tierlist-reset-button,.tierlist-clear-button{border:1px solid rgba(161,183,237,.23);border-radius:999px;background:#171e31;color:#d9e2f9;padding:11px 15px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.tierlist-reset-button:hover,.tierlist-clear-button:hover{background:#222b46;border-color:rgba(167,188,255,.5)}
.tierlist-board{overflow:visible;border:1px solid rgba(166,184,230,.22);border-radius:16px;background:#10121b;box-shadow:0 22px 50px rgba(0,0,0,.22)}
.tier-row{display:grid;grid-template-columns:164px minmax(0,1fr);min-height:89px;background:#10121b}
.tier-row:first-child{border-radius:15px 15px 0 0}
.tier-row:last-child{border-radius:0 0 15px 15px}
.tier-row+.tier-row{border-top:3px solid #0b0d15}
.tier-label{width:100%;min-height:89px;padding:12px 10px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#10131a;cursor:pointer;transition:filter .18s,box-shadow .18s}
.tier-label:hover{filter:brightness(1.08)}
.tier-label:focus-visible{outline:3px solid white;outline-offset:-5px;position:relative;z-index:2}
.tier-label strong{font-size:12px;line-height:1.35;font-weight:800}
.tier-label small{font-size:9px;font-weight:800;opacity:.7}
.tier-winner{background:#4ce5f3}.tier-finalist{background:#00d66b}.tier-week3{background:#b7ef50}.tier-week2{background:#ffed83}.tier-week1{background:#ffb765}.tier-day1{background:#ff5e6a}
.tier-dropzone{min-width:0;display:flex;align-items:stretch;padding:8px 12px;outline:none;transition:background .18s,box-shadow .18s}
.tier-dropzone:focus-visible{box-shadow:inset 0 0 0 2px #9bb7ff}
.tier-dropzone.is-drag-over,.tierlist-pool-items.is-drag-over{background:rgba(106,143,255,.13);box-shadow:inset 0 0 0 2px rgba(139,172,255,.5)}
.tier-items{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;width:100%}
.tier-empty{align-self:center;margin:0;padding:9px 4px;color:#586581;font-size:11px;line-height:1.55;pointer-events:none}
.tier-player{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:58px;height:58px;padding:0;border-radius:13px;border:1px solid rgba(171,190,240,.28);background:linear-gradient(135deg,#252e47,#192237);color:#f4f6ff;font-size:12px;font-weight:700;line-height:1.3;cursor:grab;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.16);transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;z-index:1}
.tier-player:hover,.tier-player:focus-visible,.tier-player.is-selected{border-color:rgba(155,180,255,.9);transform:translateY(-2px);z-index:20}
.tier-player-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.tier-player-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#6b7dce,#8a54a5);font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:800;color:#fff}
.tier-player-name{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);max-width:min(220px,70vw);padding:8px 11px;border:1px solid rgba(159,181,235,.3);border-radius:9px;background:#111827;color:#f7f8ff;font-size:12px;font-weight:800;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:opacity .14s,transform .14s,visibility .14s}
.tier-player:hover .tier-player-name,.tier-player:focus-visible .tier-player-name,.tier-player.is-selected .tier-player-name{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tier-player:focus-visible{outline:2px solid #b4c7ff;outline-offset:3px}
.tier-player.is-selected{border-color:#ff6e92;background:linear-gradient(135deg,#46304d,#262846);box-shadow:0 0 0 2px rgba(255,99,141,.2),0 6px 17px rgba(0,0,0,.18)}
.tier-player.is-dragging{opacity:.45;cursor:grabbing}
.tier-player-name{overflow-wrap:anywhere}
.tier-player-remove{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#111827;color:#e6ebff;font:700 15px/1 'DM Sans',sans-serif;cursor:pointer;opacity:0;transition:opacity .15s;z-index:3}.tier-player:hover .tier-player-remove,.tier-player:focus-within .tier-player-remove,.tier-player.is-selected .tier-player-remove{opacity:1}
.tier-player-remove:hover{background:rgba(255,91,124,.18);color:#ff91a9}
.tierlist-pool{margin-top:30px;padding:27px;border:1px solid rgba(162,183,237,.2);border-radius:20px;background:linear-gradient(130deg,rgba(24,32,55,.95),rgba(15,20,36,.92))}
.tierlist-pool-heading{align-items:center;margin-bottom:12px}
.tierlist-pool-heading h2{margin-bottom:0}
.tierlist-pool-heading .overline{margin-bottom:8px}
.tierlist-pool-count{white-space:nowrap;border:1px solid rgba(149,174,234,.22);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 13px;color:#aebde0;font-size:10px;font-weight:800}
.tierlist-help{max-width:850px;margin:0 0 17px;color:#9eacc9;font-size:12px;line-height:1.8}
.tierlist-pool-items{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:76px;padding:12px;border:1px dashed rgba(151,173,232,.24);border-radius:13px;background:rgba(7,11,22,.35);transition:background .18s,box-shadow .18s}
.tierlist-pool-items:focus-visible{outline:2px solid #9bb7ff;outline-offset:3px}
.tierlist-empty-pool{margin-top:12px;color:#8494b6;font-size:11px}
.tierlist-empty-pool[hidden]{display:none}
.tierlist-manager{margin-top:18px;border:1px solid rgba(159,181,235,.18);border-radius:17px;background:#12192b;overflow:hidden}
.tierlist-manager summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;cursor:pointer;list-style:none}
.tierlist-manager summary::-webkit-details-marker{display:none}
.tierlist-manager summary>span:first-child{display:grid;gap:3px}
.tierlist-manager summary strong{font:700 17px 'Space Grotesk',sans-serif;color:#f5f7ff}
.tierlist-manager summary small{font-size:11px;color:#96a7ca}
.manager-chevron{font-size:22px;color:#a7b8e3;transition:transform .2s}
.tierlist-manager[open] .manager-chevron{transform:rotate(180deg)}
.tierlist-manager-content{padding:0 24px 25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}
.tierlist-add-form,.tierlist-import-form{min-width:0}
.tierlist-manager label{display:block;color:#dfe6fb;font-size:12px;font-weight:800;margin-bottom:9px}
.tierlist-inline-form{display:flex;gap:8px;align-items:stretch}
.tierlist-inline-form input,.tierlist-import-form textarea{min-width:0;width:100%;border:1px solid rgba(160,183,239,.22);border-radius:11px;background:#0c1222;color:#f7f8ff;padding:12px 13px;font:500 12px 'DM Sans',sans-serif;outline:none}
.tierlist-inline-form input:focus,.tierlist-import-form textarea:focus{border-color:#8cafff;box-shadow:0 0 0 3px rgba(100,145,255,.13)}
.tierlist-inline-form .button{min-height:43px;padding:10px 13px;white-space:nowrap;font-size:11px}
.tierlist-import-form p{margin:0 0 9px;color:#8f9fbe;font-size:11px;line-height:1.6}
.tierlist-import-form textarea{display:block;resize:vertical;min-height:125px;line-height:1.65}
.tierlist-manager-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.tierlist-manager-actions .button{min-height:42px;padding:10px 14px;font-size:11px;cursor:pointer}
.tierlist-clear-button{padding:11px 13px}
.tierlist-footnote{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:13px;background:rgba(87,112,170,.08);border:1px solid rgba(139,163,221,.12)}
.tierlist-footnote>span{font-size:17px;line-height:1.5}
.tierlist-footnote p{margin:0;color:#8f9fbe;font-size:11px;line-height:1.7}
@media(max-width:850px){.tierlist-hero-grid{grid-template-columns:1fr;gap:28px}.tierlist-hero-art{min-height:250px;max-width:600px;width:100%;justify-self:center}.tierlist-manager-content{grid-template-columns:1fr}.tierlist-section-heading{align-items:flex-start;flex-direction:column}.tierlist-reset-button{align-self:flex-start}}
@media(max-width:550px){.tierlist-hero{padding:24px 0 38px}.tierlist-hero-grid{padding-top:15px}.tierlist-hero-copy h1{font-size:clamp(41px,10vw,58px)}.tierlist-lead{font-size:14px}.tierlist-hero-actions{display:grid;grid-template-columns:1fr}.tierlist-hero-actions .button{width:100%}.tierlist-hero-art{min-height:220px}.tierlist-art-versus{font-size:45px}.tierlist-art-title{font-size:31px}.tierlist-workspace-section{padding:38px 0 70px}.tier-row{grid-template-columns:112px minmax(0,1fr);min-height:83px}.tier-label{min-height:83px;padding:8px 5px;gap:5px}.tier-label strong{font-size:10px}.tier-label small{font-size:8px}.tier-dropzone{padding:7px}.tier-items{gap:6px}.tier-player{width:49px;height:49px;border-radius:11px}.tier-player-avatar{border-radius:10px}.tier-player-name{font-size:11px;padding:7px 9px}.tier-player-remove{width:18px;height:18px;font-size:14px}.tier-empty{font-size:9px;padding:6px 0}.tierlist-pool{padding:18px 14px;margin-top:20px}.tierlist-pool-heading{align-items:flex-start;flex-direction:column;gap:10px}.tierlist-pool-heading h2{font-size:32px}.tierlist-pool-count{font-size:9px}.tierlist-manager summary{padding:17px}.tierlist-manager-content{padding:0 16px 19px;gap:20px}.tierlist-inline-form{flex-direction:column}.tierlist-inline-form .button{width:100%}.tierlist-manager-actions{align-items:stretch;flex-direction:column}.tierlist-manager-actions>*{width:100%}.tierlist-footnote{padding:14px}.tierlist-hero .bio-breadcrumb{margin-bottom:28px}}