:root{--cream:#fff8eb;--ink:#28221d;--orange:#ff6b43;--yellow:#ffd84d;--mint:#6bd8b4;--purple:#b9a6ff;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}button,input{font:inherit}.site-header{height:74px;padding:0 clamp(20px,5vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);font-weight:900}.logo,.footer-logo{font:22px 'Arial Black',Arial,sans-serif;text-decoration:none}.logo span{color:var(--orange)}.hero{min-height:calc(100vh - 74px);padding:clamp(55px,8vw,105px) 20px 65px;text-align:center;position:relative;overflow:hidden}.burst{position:absolute;right:1%;top:15%;color:var(--purple);font-size:clamp(120px,19vw,220px);opacity:.72;transform:rotate(8deg);z-index:-1}.eyebrow,.kicker{display:inline-block;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.eyebrow{border:2px solid var(--ink);background:var(--yellow);border-radius:999px;padding:8px 14px;box-shadow:3px 3px var(--ink);transform:rotate(-1deg)}h1,h2,h3{font-family:'Arial Black',Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(58px,10vw,128px);line-height:.87;margin:30px auto 22px}h1 em{color:var(--orange);font-style:normal}.lede,.big-copy{font:clamp(17px,2vw,22px)/1.55 Georgia,serif;max-width:720px;margin:0 auto 35px}.domain-strip{max-width:900px;margin:auto;padding:15px 15px 15px 20px;display:flex;align-items:center;border:2px solid var(--ink);border-radius:15px;background:var(--white);box-shadow:5px 5px var(--ink);text-align:left;font:700 clamp(11px,1.45vw,15px)/1.35 monospace}.domain-strip span{overflow-wrap:anywhere;flex:1}.domain-strip b{color:var(--orange)}.copy-small{width:38px;height:38px;margin-left:10px;border:0;border-radius:9px;background:var(--yellow);cursor:pointer}.game-card{max-width:760px;margin:48px auto 30px;padding:clamp(20px,4vw,34px);text-align:left;border:2px solid var(--ink);border-radius:20px;background:var(--white);box-shadow:8px 8px var(--ink)}.game-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.game-head h2{font-size:clamp(20px,3vw,29px);margin:0}.game-head i{display:inline-grid;place-items:center;width:40px;height:40px;border:2px solid;border-radius:50%;background:var(--purple);font:900 14px Arial;font-style:normal}.game-head strong{font:28px 'Arial Black',Arial,sans-serif;color:var(--orange)}.button{min-height:50px;padding:0 20px;border:2px solid var(--ink);border-radius:11px;background:var(--mint);box-shadow:4px 4px var(--ink);font-weight:900;cursor:pointer}#domain-input{width:100%;height:50px;padding:0 12px;border:2px solid var(--ink);border-radius:10px;font-family:monospace}.progress{height:9px;margin-top:15px;border:1.5px solid;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--mint)}#result{font-size:13px}.facts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.facts span{padding:10px 14px;border:2px solid;border-radius:12px;box-shadow:3px 3px var(--ink);font-size:13px}.facts span:nth-child(1){background:var(--yellow)}.facts span:nth-child(2){background:var(--purple)}.facts span:nth-child(3){background:var(--mint)}.facts b{display:block;font:20px 'Arial Black',Arial,sans-serif}section:not(.hero){padding:clamp(70px,10vw,130px) clamp(20px,6vw,80px);border-top:2px solid}.answer{text-align:center;background:var(--orange)}section h2{font-size:clamp(42px,7vw,82px);line-height:.95;max-width:1000px;margin:18px auto 45px}.anatomy{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr auto;text-align:left;font:bold clamp(11px,1.5vw,16px) monospace}.anatomy>div{padding:18px 16px;border:2px solid;background:var(--white);overflow-wrap:anywhere}.anatomy .name{border-radius:14px 0 0 14px;border-right:0}.anatomy .ending{border-radius:0 14px 14px 0;background:var(--yellow);font:18px 'Arial Black',Arial,sans-serif}.anatomy small{display:block;margin-bottom:8px;font:900 10px Arial}.source{font-size:12px}.truth h2,.rules h2{margin-left:0}.two-cols{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-cols article{padding:clamp(25px,4vw,42px);border:2px solid;border-radius:22px;box-shadow:7px 7px var(--ink)}.mint{background:var(--mint)}.purple{background:var(--purple)}.two-cols label{padding:6px 10px;border:2px solid;border-radius:99px;background:white;font-size:11px;font-weight:900}.two-cols h3{font-size:clamp(25px,3.7vw,42px);line-height:1}.two-cols p,.url>p,.closing>p{font:17px/1.55 Georgia,serif}.rules{background:var(--yellow)}.four-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.four-cols article{padding:25px;border:2px solid;border-radius:17px;background:white;box-shadow:5px 5px var(--ink)}.four-cols b{font:clamp(28px,4vw,48px) 'Arial Black',Arial,sans-serif;color:var(--orange)}.four-cols h3{margin-bottom:6px}.four-cols p{font-size:14px}.center-note,.url>p{max-width:750px;margin:40px auto 0;text-align:center}.url{text-align:center;background:white}.url-demo{max-width:1000px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;border:2px solid;border-radius:16px;overflow:hidden;box-shadow:7px 7px var(--ink);font:bold clamp(14px,2vw,22px) monospace}.url-demo span{padding:22px 4px}.url-demo span:nth-child(1){background:#eee7dc}.url-demo span:nth-child(2){background:var(--purple)}.url-demo span:nth-child(3){background:var(--mint)}.url-demo span:nth-child(4){background:var(--orange)}.url-demo span:nth-child(5){background:var(--yellow)}.faq{background:var(--mint);text-align:center}.faq-list{max-width:900px;margin:auto;text-align:left;border:2px solid;border-radius:18px;background:white;box-shadow:7px 7px var(--ink);overflow:hidden}.faq-list details{border-bottom:2px solid}.faq-list details:last-child{border:0}.faq-list summary{padding:20px 50px 20px 22px;font:clamp(16px,2.2vw,21px) 'Arial Black',Arial,sans-serif;cursor:pointer}.faq-list p{padding:0 22px 22px;margin:0;font:16px/1.6 Georgia,serif}.closing{text-align:center;background:var(--purple)}.closing h2{margin-bottom:25px}.closing>p{max-width:650px;margin:0 auto 30px}.copy-large{background:var(--orange)}footer{padding:55px clamp(20px,6vw,80px);display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:end;background:var(--ink);color:var(--cream)}footer a{font-weight:900}footer div:nth-child(2){display:flex;gap:16px}footer nav{display:flex;gap:14px}.footer-logo{color:var(--yellow)}footer p{font-size:13px;color:#c9c0b5}.legal{max-width:800px;margin:auto;padding:80px 20px 120px}.legal h1{font-size:clamp(48px,8vw,80px)}.legal h2{font-size:27px;margin:40px 0 10px}.legal p{font:17px/1.7 Georgia,serif}
@media(max-width:800px){.two-cols{grid-template-columns:1fr}.four-cols{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;align-items:start}}
@media(max-width:560px){.game-head i{display:none}.four-cols{grid-template-columns:1fr}.url-demo{display:block;text-align:left}.url-demo span{display:inline-block;padding:14px 3px}footer div:nth-child(2){flex-direction:column}.anatomy{grid-template-columns:1fr}.anatomy .name{border-right:2px solid;border-bottom:0;border-radius:14px 14px 0 0}.anatomy .ending{border-radius:0 0 14px 14px}}
.hero h1{position:relative;isolation:isolate}.title-end{display:inline-block}.star-anchor{position:relative;display:inline-block}.star-anchor .burst{position:absolute;left:100%;top:0;width:1em;height:1em;display:grid;place-items:center;color:var(--purple);font-family:Arial,sans-serif;font-size:clamp(110px,22vw,240px);font-style:normal;font-weight:400;line-height:1;opacity:.72;transform:translate(-50%,calc(-50% + .154em)) rotate(8deg);z-index:-1;pointer-events:none}

/* Verspielte, leicht handgemachte Ausrichtung aller Boxen */
body{overflow-x:hidden}
.domain-strip{transform:rotate(-.45deg)}
.game-card{transform:rotate(.55deg)}
.game-card .button{transform:rotate(-.7deg)}
.facts span:nth-child(1){transform:rotate(-1.1deg)}
.facts span:nth-child(2){transform:rotate(.8deg)}
.facts span:nth-child(3){transform:rotate(-.45deg)}
.anatomy{transform:rotate(-.35deg)}
.two-cols article:nth-child(1){transform:rotate(-.7deg)}
.two-cols article:nth-child(2){transform:rotate(.65deg)}
.four-cols article:nth-child(1){transform:rotate(-.85deg)}
.four-cols article:nth-child(2){transform:rotate(.55deg)}
.four-cols article:nth-child(3){transform:rotate(-.45deg)}
.four-cols article:nth-child(4){transform:rotate(.8deg)}
.url-demo{transform:rotate(.35deg)}
.faq-list{transform:rotate(-.3deg)}
.closing .button{transform:rotate(.65deg)}
.domain-strip,.game-card,.facts span,.anatomy,.two-cols article,.four-cols article,.url-demo,.faq-list,.button{transition:transform .18s ease}
@media(hover:hover){.domain-strip:hover,.game-card:hover,.facts span:hover,.anatomy:hover,.two-cols article:hover,.four-cols article:hover,.url-demo:hover,.faq-list:hover,.button:hover{transform:rotate(0deg)}}

/* Tipp-Challenge und Bestenliste */
.game-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.game-stats span{padding:6px 9px;border:1.5px solid;border-radius:8px;background:var(--cream);font-size:12px}.game-stats b{font-family:'Arial Black',Arial,sans-serif}.finish{margin-top:17px;padding-top:15px;border-top:2px dashed var(--ink)}.finish p{margin:0 0 12px}.score-form{display:flex;gap:10px}.score-form input{min-width:0;flex:1;height:46px;padding:0 12px;border:2px solid;border-radius:10px}.score-form .button{min-height:46px}.restart-button{margin-top:14px;background:var(--yellow);transform:rotate(.6deg)}.leaderboard{margin-top:28px;padding-top:20px;border-top:2px solid}.leaderboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.leaderboard h3{margin:0;font-size:22px}.leaderboard-head span{font-size:12px;font-weight:900}.leaderboard ol{margin:14px 0 0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;padding:8px 5px;border-bottom:1px dashed #a59c91;font-size:13px}.leaderboard li b{overflow:hidden;text-overflow:ellipsis}.leaderboard li span:last-child{min-width:58px;text-align:right}.leaderboard .empty-score{display:block;color:#746b62}.leaderboard li.is-you{background:#fff0ad}#score-status{min-height:18px;margin:10px 0 0;font-size:12px;font-weight:700}
@media(max-width:560px){.score-form{align-items:stretch;flex-direction:column}.leaderboard li{grid-template-columns:25px 1fr auto}.leaderboard li .score-accuracy{display:none}}