:root{color-scheme:dark;--bg:#171512;--panel:#24201c;--line:#3d342b;--muted:#b7aaa0;--purple:#ffb16c;--mint:#a7e7dd;--white:#fff5e6;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:95px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;padding:15px;background:var(--mint);color:#111;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 5%;background:#171512ee;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.logo{font-size:38px;letter-spacing:-3px;font-weight:900}.logo span{color:var(--purple);font-size:25px;vertical-align:top;display:inline-block;margin:4px 0 0 4px;letter-spacing:0}nav{display:flex;gap:32px;font-size:13px;color:#d9cbbf}nav a:hover{color:var(--purple)}.nav-cta{font-size:12px;padding:12px 17px;border:1px solid #625044;border-radius:6px}main,footer{max-width:1440px;margin:auto}section{margin:0 5%;padding:92px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;padding:70px 0 76px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--purple);display:block}.dot{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;margin-right:8px}h1{font-size:clamp(60px,7.5vw,108px);line-height:.98;font-weight:800;letter-spacing:-7px;margin:28px 0}h1>span{color:var(--purple)}.hero-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:460px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{padding:17px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;border-radius:6px;font-size:13px;font-weight:700;transition:transform .18s}.button:hover{transform:translateY(-3px)}.purple{background:var(--purple);color:#2d1b0d}.light{background:var(--white);color:#211912}.dark{background:#211912;color:var(--white)}.text-link{font-size:12px;border-bottom:1px solid #8a7262;padding-bottom:6px}.hero-foot{font-size:9px;letter-spacing:2px;color:#ab917e;margin-top:55px}.hero-art{aspect-ratio:1/1.04;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:#baa5ff;background-image:radial-gradient(ellipse at 75% 15%,#dfd3ff,transparent 65%);color:#1d1830;transform:rotate(2deg);margin:8px}.big-f{position:absolute;inset:-11% 0 0;text-align:center;line-height:1.22;font-size:clamp(260px,38vw,530px);font-weight:900;letter-spacing:-28px;text-shadow:12px 12px 0 #9275db;transform:rotate(-9deg)}.big-f>span{font-size:50px;position:absolute;top:30%;right:20%;letter-spacing:0}.art-note{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:2px;font-weight:bold;z-index:1}.art-label{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:15px;font-weight:700;border-top:1px solid #65528b;padding-top:16px}.orbit{position:absolute;border:1px solid #745eac88;border-radius:50%;width:120%;height:45%;left:-10%;top:28%;transform:rotate(-35deg)}.orbit-two{transform:rotate(55deg)}.chat-sticker{position:absolute;right:13px;bottom:22%;background:var(--mint);box-shadow:5px 5px #35274b;font-size:12px;font-weight:700;padding:15px 20px;transform:rotate(-8deg)}.chat-sticker span{margin-right:15px;font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}h2{font-size:clamp(32px,4vw,50px);letter-spacing:-2px;line-height:1.08;margin:17px 0 0}.section-head>p{font-size:13px;color:var(--muted);margin:0}.badge{border:1px solid #756048;border-radius:30px;padding:9px 13px;font-size:9px;font-weight:bold;letter-spacing:1px;white-space:nowrap}.mint{color:var(--mint);border-color:#456d63}.is-live{background:var(--mint);color:#16362f;border-color:var(--mint)}.stream-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#28211c;padding:36px;border-radius:12px}.overline{font-size:10px;letter-spacing:1.5px;color:var(--purple);margin:0}.stream-panel h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:14px 0;max-width:700px}.stream-panel p:last-child{color:var(--muted);font-size:13px;line-height:1.5}.stream-panel .button{flex-shrink:0}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.quicklinks a{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.quicklinks a>span{font-size:10px;color:var(--purple)}.quicklinks h3{font-size:13px;margin:0 0 8px}.quicklinks p{font-size:11px;margin:0;color:var(--muted)}.quicklinks b{margin-left:auto;color:var(--purple);font-size:22px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.social{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;background:#211c18}.social-icon{font-size:38px;color:var(--purple)}.social small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.social h3{font-size:28px;letter-spacing:-1px;margin:10px 0}.social p{font-size:12px;color:var(--muted);line-height:1.6}.social>span:last-child{font-size:12px;border-top:1px solid var(--line);padding-top:17px}.social a{text-decoration:underline;text-underline-offset:4px;color:var(--purple)}a.social:hover{border-color:var(--purple)}.discord .social-icon{color:#a7e7dd}.tiktok .social-icon{color:var(--mint)}.ranking-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:10%;align-items:start}.star{font-size:88px;line-height:1;color:var(--mint);display:block;margin-bottom:30px}.ranking-intro h3{font-size:34px;letter-spacing:-1.5px;line-height:1.12;margin:0 0 24px}.ranking-intro p{color:var(--muted);font-size:14px;line-height:1.8;max-width:340px}.fine{font-size:11px!important;line-height:1.8;color:var(--muted)}.ranking-intro .text-link{display:inline-block;margin-top:25px}.ranking-card{border:1px solid var(--line);background:#211c18;border-radius:12px;padding:8px 26px}.ranking-header,.ranking-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:var(--muted);padding:20px 0}.ranking-header{border-bottom:1px solid var(--line)}#rank-list{list-style:none;margin:0;padding:0}#rank-list li{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}#rank-list .place{font-variant-numeric:tabular-nums;color:#ac9380;width:22px}#rank-list li:first-child .place{color:var(--mint)}#rank-list .rank-name{flex:1;overflow-wrap:anywhere}#rank-list .rank-time{color:var(--purple);font-size:12px;white-space:nowrap}#rank-message{color:var(--muted);font-size:13px;line-height:1.6}.ranking-footer{font-size:8px;letter-spacing:.5px}.bot-intro{display:grid;grid-template-columns:1fr 280px;gap:15%;align-items:center}.bot-intro p{font-size:15px;color:var(--muted);line-height:1.8;max-width:600px;margin-top:24px}.bot-intro img{border-radius:40px;max-width:100%;height:auto;transform:rotate(5deg)}.command-heading{margin-top:55px;display:flex;align-items:center;justify-content:space-between;gap:20px}.command-heading h3{font-size:18px;letter-spacing:-.4px}.command-heading input{background:#24201c;border:1px solid var(--line);border-radius:6px;color:var(--white);padding:12px 16px;width:240px;font-size:12px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.command-grid article{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);border-radius:10px;padding:25px;background:#211c18}.command-grid code{font-size:13px;color:var(--mint)}.command-grid p{font-size:12px;line-height:1.7;color:var(--muted);flex:1}.command-grid button{border:0;background:none;color:var(--purple);padding:12px 0 0;font-size:11px;cursor:pointer}#copy-status{font-size:12px;color:var(--mint);min-height:18px}.final-cta{margin:0 5% 40px;background:var(--mint);color:#192015;border:0;border-radius:12px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .eyebrow{color:#34544a}.final-cta h2{font-size:40px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 5% 36px}footer>.logo{font-size:30px}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:22px;font-size:10px;color:var(--muted)}@media(min-width:1600px){header{padding-inline:calc((100vw - 1296px)/2)}}@media(max-width:1000px){h1{letter-spacing:-4px}.hero{gap:3%}.hero-actions{gap:16px;flex-wrap:wrap}.quicklinks{gap:16px}.quicklinks h3{line-height:1.5}.social{padding:22px}.command-grid{grid-template-columns:repeat(2,1fr)}.watchtime-section .ranking-layout{gap:5%}.bot-intro{gap:8%;grid-template-columns:1fr 230px}.final-cta h2{font-size:34px}.ranking-card{padding:8px 18px}.big-f>span{font-size:35px}}@media(max-width:700px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 6%;gap:14px}.logo{font-size:32px}header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px}.nav-cta{font-size:11px;padding:9px 12px}section{margin-inline:6%;padding:58px 0}.hero{grid-template-columns:1fr;padding-top:42px;gap:34px}h1{font-size:70px;letter-spacing:-4px}.hero-copy>p{font-size:14px}.hero-foot{margin-top:30px}.hero-art{max-width:400px;width:92%;justify-self:center;aspect-ratio:1.1;transform:rotate(1deg)}.big-f{font-size:350px;line-height:1;inset:0}.art-label{bottom:20px;font-size:12px}.art-note{font-size:8px}.chat-sticker{font-size:11px;bottom:23%}.section-head{align-items:start;flex-direction:column;gap:18px}h2{font-size:35px}.stream-panel{padding:24px;align-items:start;flex-direction:column;gap:12px}.stream-panel h3{font-size:21px}.quicklinks{grid-template-columns:1fr;gap:0}.quicklinks a{padding:20px 0}.social-grid{grid-template-columns:1fr}.social{min-height:240px}.social-icon{font-size:32px}.ranking-layout{grid-template-columns:1fr;gap:35px!important}.ranking-intro{position:relative}.ranking-intro .star{position:absolute;right:10px;top:0;font-size:75px}.ranking-intro h3{font-size:32px}.ranking-intro p{max-width:100%}.ranking-intro .text-link{margin-top:10px}.ranking-card{padding:5px 16px}#rank-list li{gap:12px}.bot-intro{grid-template-columns:1fr;gap:25px}.bot-intro img{width:160px;justify-self:end;margin-right:15px;grid-row:2}.command-heading{margin-top:25px;align-items:stretch;flex-direction:column;gap:5px}.command-heading input{width:100%}.command-grid{grid-template-columns:1fr}.command-grid article{padding:22px}.final-cta{margin:0 6% 28px;padding:28px;align-items:start;flex-direction:column}.final-cta h2{font-size:32px}footer{padding:15px 6% 30px;flex-wrap:wrap}footer>div{width:100%;justify-content:space-between;gap:12px}.hero-actions .button{padding:16px 19px}.hero-actions .text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
@media(max-width:700px){h1{font-size:clamp(48px,15vw,70px);letter-spacing:-3px}:root{scroll-padding-top:130px}}
/* flosn: Farben und Motiv aus dem eigenen Twitch-Profilbild. */
.logo{display:flex;align-items:center;gap:10px;letter-spacing:-2px}.logo img{border-radius:50%;border:2px solid #a7e7dd;width:42px;height:42px;object-fit:cover}.logo .wordmark{font-size:36px;letter-spacing:-2px;color:var(--white);margin:0;vertical-align:baseline}.logo .logo-arrow{margin:0;font-size:23px;color:var(--purple)}.profile-art{background-color:#e8b67e;background-image:linear-gradient(45deg,#d69c6124 25%,transparent 25%,transparent 75%,#d69c6124 75%),linear-gradient(45deg,#d69c6124 25%,#f5d7a4 25%,#f5d7a4 75%,#d69c6124 75%);background-size:60px 60px;background-position:0 0,30px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:470px;transform:rotate(1deg);padding:60px 30px 35px;color:#432b1c}.profile-ring{width:360px;height:360px;border:1px solid #8b633c66;border-radius:50%;position:absolute;top:48px;left:50%;transform:translateX(-50%)}.hero-avatar{width:min(300px,80%);height:auto;aspect-ratio:1;border-radius:50%;border:7px solid #fff5e6;box-shadow:0 14px 0 #875b3426,0 20px 45px #653c3433;z-index:1}.profile-art .art-note{color:#64472e}.profile-caption{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-caption strong{font-size:42px;font-weight:900;letter-spacing:-2px}.profile-caption>span{font-size:8px;font-weight:700;letter-spacing:1.6px}.profile-art .chat-sticker{right:8px;bottom:27%;padding:12px 16px;font-size:11px;box-shadow:4px 4px #55412c;color:#183a31;z-index:2}.social-avatar{border-radius:50%;border:2px solid var(--mint);width:54px;height:54px}.final-cta h2{font-size:clamp(28px,3.3vw,42px)}footer .logo .wordmark{font-size:28px}footer .logo img{width:32px;height:32px}@media(max-width:1000px){.profile-art{min-height:410px;padding:60px 20px 30px}.profile-ring{width:290px;height:290px}.hero-avatar{max-width:255px}.profile-art .chat-sticker{bottom:28%;font-size:10px}}@media(max-width:700px){.logo .wordmark{font-size:29px}.logo img{width:34px;height:34px}.logo{gap:8px}.logo .logo-arrow{font-size:20px}.hero h1{font-size:clamp(45px,13vw,65px);letter-spacing:-2.5px}.profile-art{min-height:410px;aspect-ratio:auto;padding:55px 20px 25px;width:100%;max-width:380px}.hero-avatar{width:250px;max-width:85%}.profile-ring{width:290px;height:290px;top:35px}.profile-art .chat-sticker{bottom:26%;right:4px}.profile-caption strong{font-size:35px}.profile-caption>span{font-size:7px}.ranking-intro .star{font-size:65px;right:0}.ranking-intro h3{font-size:30px;max-width:75%}.final-cta h2{font-size:30px}}