@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20251f;background:#f5f4ef;font-synthesis:none;--ink:#20251f;--muted:#72766d;--paper:#f5f4ef;--line:#ddded5;--green:#244d3b;--lime:#d8f16f;--yellow:#f3c859;--white:#fff;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #92a946;outline-offset:3px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1440px;margin:auto;padding:0 64px}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.site-header.compact{height:82px}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.8px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--green);color:var(--lime);display:grid;place-items:center;transform:rotate(-5deg)}.brand-dot{color:#769441}.header-note{color:var(--muted);font-size:14px}.header-stats{display:flex;gap:28px;color:#62675f;font-size:13px}.header-stats span{display:flex;align-items:center;gap:7px}.header-stats svg{color:#597044}.hero{min-height:390px;display:flex;align-items:center;justify-content:space-between;padding:62px 2.5% 55px}.hero-copy{max-width:685px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#62705d;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#759444;border-radius:50%;box-shadow:0 0 0 4px #e6eadb}.hero h1{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(48px,5.2vw,74px);line-height:1.06;letter-spacing:-4px;margin:19px 0 22px}.hero h1 em{font-family:var(--serif);font-weight:400;color:#486348;letter-spacing:-3px}.hero p{font-size:16px;line-height:1.75;color:#6a6f66;max-width:550px;margin:0}.hero-doodle{width:310px;height:245px;position:relative;flex:none;margin-right:25px}.doodle-controller{position:absolute;left:78px;top:60px;width:168px;height:128px;background:#e3e9d4;border:1.5px solid #74816a;border-radius:48% 48% 42% 42%;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:8px 9px #d3d8c6}.doodle-star{position:absolute;color:#809253}.s1{right:17px;top:25px;font-size:34px}.s2{left:20px;bottom:42px;font-size:20px}.doodle-note{position:absolute;right:-7px;bottom:4px;transform:rotate(8deg);font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.2;color:#69745e}.library{padding:8px 0 60px}.library-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.library-top>div:first-child{display:flex;align-items:center;gap:14px}.section-number{font-size:10px;letter-spacing:1px;border:1px solid #ccd0c3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#7a8073}.library h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.8px;margin:0}.filters{display:flex;gap:5px;background:#eaeae3;border-radius:10px;padding:4px}.filters button{border:0;background:transparent;border-radius:7px;font-size:12px;color:#73776f;padding:9px 14px;white-space:nowrap}.filters button.active{background:#fff;color:#2c392b;box-shadow:0 1px 4px #303b2920;font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game-card{background:#fff;border:1px solid #dedfd7;border-radius:18px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2735230d}.card-art-button{width:100%;border:0;padding:0;display:block;position:relative}.art{height:195px;position:relative;overflow:hidden}.card-play{position:absolute;right:13px;top:13px;width:36px;height:36px;background:#ffffffd9;border:1px solid #ffffffe0;border-radius:50%;display:grid;place-items:center;opacity:0;transform:translate(-4px,4px);transition:.2s}.game-card:hover .card-play,.card-art-button:focus-visible .card-play{opacity:1;transform:none}.art-snake{background:#203f32;background-image:radial-gradient(#97b89933 1px,transparent 1px);background-size:16px 16px}.pixel{position:absolute;width:24px;height:24px;background:#d9ef7a;border-radius:5px;box-shadow:inset 0 -3px #b1cc51}.p1{left:61px;top:106px}.p2{left:85px;top:106px}.p3{left:109px;top:106px}.p4{left:109px;top:82px}.p5{left:109px;top:58px;position:absolute}.food{position:absolute;right:50px;top:47px;color:#f1c65a;font-size:33px}.art-memory{background:#eee0d4;display:grid;grid-template-columns:repeat(2,59px);grid-template-rows:repeat(2,59px);gap:10px;place-content:center;transform:none}.art-memory span{background:#faf6ed;border:1px solid #d6c6b6;border-radius:9px;display:grid;place-items:center;font-size:26px;color:#b26e57;box-shadow:0 4px #d7c5b5;transform:rotate(-4deg)}.art-memory span:nth-child(2),.art-memory span:nth-child(3){transform:rotate(4deg);color:#7a8c65}.art-memory span:nth-child(3){color:#b26e57}.art-memory span:last-child{background:#53705a;color:#eef0d8;border-color:#53705a;box-shadow:0 4px #3b5644}.art-reaction{background:#eed474;display:grid;place-items:center;color:#4b4930}.art-reaction svg{filter:drop-shadow(6px 7px 0 #d6b753)}.art-reaction i{position:absolute;width:34px;height:2px;background:#8c804a;transform:rotate(-25deg);left:45px;top:47px}.art-reaction i:nth-of-type(2){left:auto;right:35px;top:107px;transform:rotate(15deg)}.art-reaction i:nth-of-type(3){left:52px;top:143px;transform:rotate(21deg);width:23px}.art-2048{background:#cbd9cf;display:grid;grid-template-columns:repeat(2,55px);grid-template-rows:repeat(2,55px);gap:7px;place-content:center}.art-2048 span{display:grid;place-items:center;border-radius:7px;background:#f8f3df;color:#52634e;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;box-shadow:0 3px #a7b8a8}.art-2048 span:nth-child(2){background:#e6edbe}.art-2048 span:nth-child(3){background:#eaca74;color:#66542e}.art-2048 span:nth-child(4){background:#42624e;color:#f0f1ce}.card-content{padding:20px 20px 16px}.card-kicker{display:flex;justify-content:space-between;align-items:center;color:#7b8077;font-size:10px;text-transform:uppercase;letter-spacing:1px}.card-kicker>span:last-child{display:flex;gap:5px;align-items:center;letter-spacing:0;text-transform:none}.card-content h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:12px 0 8px}.card-content p{font-size:13px;color:#777c72;line-height:1.55;min-height:40px;margin-bottom:18px}.card-footer{border-top:1px solid #eeeee9;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.best-score{font-size:11px;color:#858980;display:flex;align-items:center;gap:6px}.best-score svg{color:#9a9d77}.round-button{border:0;background:#f0f1e9;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#3f5840}.round-button:hover{background:var(--green);color:var(--lime)}.score-strip{border:1px solid #d8dbce;background:#ecefe4;border-radius:17px;padding:27px 30px;display:flex;align-items:center;gap:40px;margin:0 0 62px;position:relative}.score-strip-title{display:flex;gap:16px;align-items:center;margin-right:auto}.score-strip-title>svg{color:#62764a}.score-strip-title span{font-size:9px;letter-spacing:2px;color:#758169;font-weight:700}.score-strip-title h2{font-family:var(--serif);font-weight:400;font-size:22px;margin:5px 0 0}.score-summary{display:flex;gap:48px}.score-summary>div{display:flex;flex-direction:column}.score-summary strong{font-family:Manrope,sans-serif;font-size:28px;line-height:1.1}.score-summary small{font-size:16px;color:#87917d}.score-summary span{font-size:11px;color:#7b8274;margin-top:5px}.reset-link{border:0;background:none;color:#757b6f;font-size:11px;display:flex;align-items:center;gap:5px;padding:5px}.score-strip>.reset-link{position:absolute;right:12px;top:-27px}.reset-link:hover{color:#344831}.site-footer{border-top:1px solid var(--line);min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#878b81;font-size:11px}.footer-brand,.site-footer>span:first-child{font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1.3px;color:#435341}.footer-brand{background:none;border:0;padding:0}.made-with{display:flex;align-items:center;gap:5px}.made-with svg{color:#8b9c69}.game-page{padding:28px 0 70px}.back-button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#737a6f;font-size:13px;padding:5px 0}.back-button:hover{color:var(--ink)}.game-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 28px}.game-heading h1{font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-2px;margin:8px 0}.game-heading p{margin:0;color:var(--muted);font-size:14px}.personal-best{display:flex;align-items:center;gap:12px;background:#ecefe4;border:1px solid #dce1d1;border-radius:12px;padding:13px 20px;color:#526247;min-width:145px}.personal-best div{display:flex;flex-direction:column}.personal-best span{font-size:10px;color:#7c8675}.personal-best strong{font-size:20px}.snake-layout,.memory-layout,.reaction-layout,.game-2048-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.game-board-wrap{background:#fff;border:1px solid #dddfd5;border-radius:17px;padding:20px;min-width:0}.game-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;min-height:42px;gap:15px}.game-toolbar>div{display:flex;flex-direction:column}.game-toolbar>div.pairs-count{margin-right:auto;margin-left:35px}.game-toolbar span{font-size:9px;letter-spacing:1.5px;color:#8a8f84}.game-toolbar strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:.5px}.subtle-button{display:flex;align-items:center;gap:7px;background:#f4f4ef;border:1px solid #e1e2da;border-radius:8px;padding:9px 12px;font-size:11px}.subtle-button:hover{background:#e9ecdf}.snake-board-wrap{max-width:680px;width:100%;justify-self:center}.snake-board{display:grid;grid-template-columns:repeat(18,1fr);aspect-ratio:1;background:#254737;border-radius:9px;overflow:hidden;position:relative;outline-offset:5px}.snake-cell{background:#294c3b}.snake-cell.alt{background:#2c503f}.snake-cell.snake-part{background:#d5e978;border-radius:3px;box-shadow:inset 0 0 0 2px #294c3b}.snake-cell.snake-head{background:#edf9a6;position:relative}.snake-cell.snake-food:after{content:"✦";display:grid;place-items:center;width:100%;height:100%;color:#f3cc60;font-size:clamp(12px,2vw,22px);animation:pulse 1s infinite alternate}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e362ee8;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.board-overlay h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;margin:12px 0 7px}.board-overlay p{color:#c3cec2;font-size:13px;margin-bottom:20px}.overlay-icon{color:var(--lime);font-size:40px}.primary-button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:12px 19px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.board-overlay .primary-button{background:var(--lime);color:#2a422d}.primary-button:hover{filter:brightness(1.08)}.game-sidebar{display:flex;flex-direction:column;gap:16px}.how-to{background:#eeefe8;border:1px solid #dfe1d7;border-radius:16px;padding:24px}.how-to h3{font-family:var(--serif);font-size:23px;line-height:1.15;font-weight:400;margin:14px 0 12px}.how-to p{font-size:12px;color:#757b70;line-height:1.7}.rule{display:flex;align-items:center;gap:10px;border-top:1px solid #dcdfd4;padding:13px 0 0;margin-top:13px;font-size:11px;color:#61695d}.rule span{font-size:10px;font-weight:700;color:#466044;min-width:23px}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:6px;justify-content:center;padding:8px}.dpad button{border:1px solid #d6d9ce;background:#fff;border-radius:8px;display:grid;place-items:center}.dpad button:hover{background:#e5ead9}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad svg{width:18px}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:610px;margin:auto;perspective:1000px}.memory-card{aspect-ratio:1;border:0;background:none;padding:0;perspective:700px}.memory-inner{display:block;width:100%;height:100%;position:relative;transition:transform .4s;transform-style:preserve-3d}.memory-card.flipped .memory-inner{transform:rotateY(180deg)}.memory-front,.memory-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:12px;display:grid;place-items:center}.memory-front{background:#3d5d48;color:#c9d8ac;border:1px solid #34513e;font-family:var(--serif);font-size:28px;font-style:italic;box-shadow:0 4px #294433}.memory-front:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ffffff18;border-radius:8px}.memory-back{background:#f3eadc;color:#a66652;font-size:clamp(25px,4vw,43px);transform:rotateY(180deg);border:1px solid #dfd3c3}.memory-card.matched .memory-back{background:#e3eacb;color:#657843;border-color:#c8d49e}.memory-card:hover .memory-front{background:#496a51}.memory-goal{display:flex;gap:12px;align-items:center;border-top:1px solid #d9ddd0;padding-top:18px;margin-top:20px;color:#71815c}.memory-goal span{display:flex;flex-direction:column;font-size:10px}.memory-goal strong{font-size:12px;color:#43513e;margin-top:4px}.success-note{background:#e0eac9;border:1px solid #c8d6a9;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:5px}.success-note strong{font-family:var(--serif);font-size:23px}.success-note span{font-size:12px;color:#68745a;margin-bottom:10px}.reaction-stage{min-height:500px;border:0;border-radius:17px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#344e40;color:#fff;transition:background .08s;touch-action:manipulation}.reaction-stage.phase-waiting{background:#9d5d4d}.reaction-stage.phase-ready{background:#8ba646;color:#172a20}.reaction-stage.phase-soon{background:#dbbd6c;color:#493f25}.reaction-stage.phase-result{background:#e0e8d4;color:#2d4837}.reaction-icon{height:64px}.reaction-icon svg{width:52px;height:52px;stroke-width:1.4}.reaction-title{font-family:Manrope,sans-serif;font-size:clamp(35px,5vw,58px);font-weight:700;letter-spacing:-2px;margin:20px 0 12px}.reaction-text{max-width:390px;font-size:14px;line-height:1.6;opacity:.78}.reaction-button{margin-top:28px;border:1px solid currentColor;border-radius:8px;padding:12px 22px;font-size:12px;font-weight:600}.reaction-average{border-top:1px solid #d8ddd0;margin-top:22px;padding-top:18px;display:flex;justify-content:space-between;align-items:center}.reaction-average span{font-size:10px;color:#7a8274;max-width:100px}.reaction-average strong{font-size:20px}.recent-results{border:1px solid #dedfd6;border-radius:14px;padding:18px}.recent-results>span{font-size:9px;letter-spacing:1.4px;color:#858b80}.recent-results>div{display:flex;align-items:center;gap:10px;margin-top:10px}.recent-results i{font-style:normal;font-size:9px;background:#e8eae1;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.recent-results b{font-size:12px}.recent-results .reset-link{margin-top:12px;padding-left:0}.wrap-2048{max-width:650px;width:100%;justify-self:center}.board-2048{background:#c7c5b8;padding:12px;border-radius:11px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;aspect-ratio:1;position:relative;touch-action:none}.tile-2048{background:#d8d6ca;border-radius:7px;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:clamp(22px,4.4vw,48px);font-weight:800;color:#586052;animation:tileIn .12s ease-out}.tile-2{background:#eeeae0}.tile-4{background:#e8e3c9}.tile-8{background:#e8c677;color:#fff}.tile-16{background:#dea65f;color:#fff}.tile-32{background:#d78961;color:#fff}.tile-64{background:#c96b51;color:#fff}.tile-128{background:#d7be59;color:#fff;font-size:clamp(19px,3.8vw,41px)}.tile-256{background:#c9b448;color:#fff;font-size:clamp(19px,3.8vw,41px)}.tile-512{background:#a5a94c;color:#fff;font-size:clamp(19px,3.8vw,41px)}.tile-1024{background:#769955;color:#fff;font-size:clamp(16px,3.2vw,35px)}.tile-2048{background:#365f48;color:#eff5b7;font-size:clamp(16px,3.2vw,35px)}.overlay-2048{border-radius:11px}.small-hint{font-size:10px!important;font-style:italic;margin:18px 0 0}.dpad-2048{display:none}@keyframes pulse{to{transform:scale(1.18)}}@keyframes tileIn{0%{transform:scale(.8)}to{transform:scale(1)}}@media(min-width:1200px){.snake-board-wrap{max-width:640px}.memory-layout .game-board-wrap{max-width:680px;width:100%;justify-self:center}}@media(max-width:1050px){.app-shell{padding:0 32px}.game-grid{grid-template-columns:repeat(2,1fr)}.art{height:230px}.hero-doodle{transform:scale(.85);margin-right:0}.library-top{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow:auto}.filters button{flex:1}.snake-layout,.memory-layout,.reaction-layout,.game-2048-layout{grid-template-columns:minmax(0,1fr) 240px}.how-to{padding:20px}.score-summary{gap:25px}}@media(max-width:760px){.app-shell{padding:0 20px}.site-header{height:78px}.brand{font-size:27px}.brand-mark{width:38px;height:38px}.header-note{display:none}.header-stats{gap:12px}.header-stats span:first-child{display:none}.hero{padding:45px 0 35px;min-height:0}.hero h1{font-size:49px;letter-spacing:-3px}.hero h1 em{letter-spacing:-2px}.hero p{font-size:14px}.hero-doodle{display:none}.library{padding-top:15px}.library-top{gap:18px}.library h2{font-size:21px}.filters button{font-size:11px;padding:9px 11px}.game-grid{gap:14px}.art{height:190px}.score-strip{flex-wrap:wrap;gap:22px}.score-summary{width:100%;justify-content:space-around;border-top:1px solid #d5dacb;padding-top:18px}.score-strip-title{margin:auto}.site-footer{padding:25px 0;flex-wrap:wrap;min-height:90px}.site-footer>span:nth-child(2){order:3;width:100%}.game-heading{align-items:flex-start}.game-heading h1{font-size:34px}.personal-best{padding:10px 13px;min-width:110px}.personal-best strong{font-size:17px}.snake-layout,.memory-layout,.reaction-layout,.game-2048-layout{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr auto}.dpad{align-self:center}.reaction-layout .game-sidebar{grid-template-columns:1fr 1fr}.reaction-stage{min-height:440px}.how-to{padding:20px}.dpad-2048{display:grid}.game-page{padding-top:20px}}@media(max-width:520px){.app-shell{padding:0 15px}.hero h1{font-size:43px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.game-grid{grid-template-columns:1fr}.art{height:205px}.card-content p{min-height:0}.card-play{opacity:1;transform:none}.filters{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.library-top>div:first-child{gap:9px}.score-strip{padding:23px 20px}.score-strip-title h2{font-size:20px}.site-footer{gap:15px}.made-with{font-size:10px}.game-heading{gap:10px;margin:25px 0 20px}.game-heading p{font-size:12px}.game-heading .eyebrow{font-size:9px}.personal-best{min-width:92px;gap:7px;padding:9px}.personal-best svg{width:16px}.personal-best span{font-size:8px}.personal-best strong{font-size:15px}.game-board-wrap{padding:12px}.game-toolbar{margin-bottom:12px}.snake-layout{gap:14px}.snake-cell.snake-part{border-radius:1px;box-shadow:inset 0 0 0 1px #294c3b}.game-sidebar{grid-template-columns:1fr}.dpad{grid-template-columns:repeat(3,55px);grid-template-rows:repeat(2,45px)}.how-to{padding:18px}.how-to h3{font-size:21px}.memory-board{gap:8px}.memory-front,.memory-back{border-radius:8px}.memory-front{font-size:20px}.memory-front:after{top:4px;right:4px;bottom:4px;left:4px}.reaction-stage{min-height:400px;padding:28px}.reaction-layout .game-sidebar{grid-template-columns:1fr}.reaction-title{font-size:38px}.board-2048{padding:8px;gap:8px}.dpad-2048{display:grid}.game-2048-layout .how-to{padding-bottom:12px}.game-2048-layout .dpad{margin-top:-10px}.board-overlay h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.card-baustelle{grid-column:span 2;display:grid;grid-template-columns:1.08fr 1fr;background:#fffdf5;border-color:#e4d9b8}.card-baustelle .card-art-button{height:100%;min-height:290px}.card-baustelle .card-content{display:flex;flex-direction:column;justify-content:center;padding:28px}.card-baustelle .card-content h3{font-size:27px}.card-baustelle .card-content p{font-size:14px}.card-baustelle .card-footer{margin-top:auto}.art-baustelle{height:100%;min-height:290px;background:#dcecd6;overflow:hidden}.art-baustelle:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-50px;height:140px;background:#d9be82;border-radius:50% 50% 0 0}.art-baustelle .vehicle-svg{position:absolute;width:72%;left:4%;bottom:19px;transform:rotate(-3deg);filter:drop-shadow(0 8px 0 #75856520)}.art-sun{position:absolute;right:25px;top:24px;color:#e9b73e;font-size:40px}.art-cloud{position:absolute;left:30px;top:25px;color:#fff;font-size:44px}.art-house{position:absolute;right:30px;bottom:49px;color:#bd7854;font-size:103px;font-family:Georgia,serif;line-height:1}.construction-game{max-width:980px;margin:0 auto}.construction-progress{display:flex;align-items:center;gap:25px;background:#fffdf7;border:1px solid #e5dfcd;border-radius:15px;padding:14px 20px;margin-bottom:18px}.construction-progress>div:not(.house-counter){display:flex;align-items:center;gap:8px;color:#929184;font-size:11px}.construction-progress>div>span:first-child{width:26px;height:26px;border-radius:50%;background:#eeede4;display:grid;place-items:center;font-size:11px;font-weight:700}.construction-progress>div.current{color:#5c653c}.construction-progress>div.current>span:first-child{background:#e5efab;color:#42522e}.construction-progress>div.passed{color:#6c8057}.construction-progress>div.passed>span:first-child{background:#71875b;color:#fff}.house-counter{margin-left:auto;display:flex;align-items:center;gap:7px;color:#8b866f;font-size:11px}.construction-stage-card{background:#fffdf8;border:1px solid #e4decb;border-radius:23px;padding:30px;box-shadow:0 8px #e9e4d4;overflow:hidden}.construction-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.construction-kicker{display:block;color:#8a896d;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px}.construction-title h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.2px;margin:0 0 7px}.construction-title p{font-size:13px;color:#7d7d70;margin:0;line-height:1.55;max-width:570px}.mini-house{width:95px;flex:none;align-self:center}.mini-house .house-preview{width:100%;height:75px}.construction-primary,.hold-button{border:0;border-radius:12px;background:#42604a;color:#fff;font-weight:700;font-size:13px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px #2c4534;touch-action:none;-webkit-user-select:none;user-select:none}.construction-primary:hover,.hold-button:hover{background:#52725a}.construction-primary:active,.hold-button:active{transform:translateY(3px);box-shadow:0 1px #2c4534}.construction-primary:disabled{opacity:.6;cursor:default}.vehicle-svg{width:100%;height:auto;display:block;overflow:visible}.vehicle-part{transition:opacity .35s}.puzzle-area{display:flex;flex-direction:column;align-items:center}.puzzle-vehicle{width:min(390px,85%);position:relative;background:#eef0df;border:2px dashed #c7caac;border-radius:20px;padding:10px 20px 0}.puzzle-success{position:absolute;right:14px;top:14px;background:#fff;color:#597046;border-radius:20px;padding:7px 11px;display:flex;gap:5px;align-items:center;font-size:11px;font-weight:700;box-shadow:0 3px 10px #45523818}.puzzle-success svg{width:15px}.parts-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;width:100%;margin:20px 0}.parts-tray button{border:1px solid #dfd8c2;background:#fff;border-radius:13px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 3px #e7e1d2;touch-action:manipulation}.parts-tray button:hover:not(:disabled){border-color:#96a86c;background:#fafcee;transform:translateY(-2px)}.parts-tray button>span{height:33px;font-size:28px;color:#a77b38;display:grid;place-items:center}.parts-tray button>span svg{width:25px}.parts-tray button b{font-size:12px}.parts-tray button small{font-size:9px;color:#99947f}.parts-tray button.is-placed{background:#eff2e4;color:#748266;box-shadow:none;opacity:.75}.prep-area{display:flex;flex-direction:column;align-items:center;gap:14px}.prep-vehicle{width:min(420px,90%);position:relative;background:#edf1df;border-radius:20px;padding:15px 25px 0}.fuel-gauge{position:absolute;right:20px;top:20px;width:100px;height:14px;border:2px solid #fff;background:#cfd4c3;border-radius:10px;overflow:hidden}.fuel-gauge span{display:block;height:100%;background:#e8bb4c;transition:width .06s}.fuel-button{min-width:240px;background:#d99a38;box-shadow:0 4px #ac772b}.fuel-button svg{width:19px}.tire-pressure{position:absolute;right:18px;top:16px;display:flex;gap:5px}.tire-pressure span{width:27px;height:27px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#8c8d7d}.tire-pressure span.filled{background:#dceba8;color:#4a643b}.pump-button{min-width:240px}.swipe-pad{border:0;font:inherit;color:inherit;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.swipe-pad:active{cursor:grabbing}.drive-scene{width:100%;height:330px;border-radius:18px;background:#cfe8e3;position:relative;overflow:hidden;display:block;text-align:left}.drive-scene:after{content:"";position:absolute;left:0;right:0;bottom:88px;height:65px;background:#a6bf87;z-index:0}.drive-sky{position:absolute;right:24px;top:25px;display:flex;flex-direction:column;align-items:center;color:#73866a;font-size:9px;letter-spacing:1px;z-index:1}.drive-sky svg{width:57px;height:57px;color:#bf9161}.road{position:absolute;left:0;right:0;bottom:0;height:105px;background:#788179;display:flex;align-items:center;justify-content:space-around}.road i{width:14%;height:5px;background:#e6e4c9;border-radius:4px}.driving-vehicle{position:absolute;width:190px;bottom:66px;z-index:2;transition:left .25s ease-out}.swipe-instruction{position:absolute;left:20px;top:18px;background:#ffffffd9;padding:9px 13px;border-radius:20px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#5d745e;z-index:3}.swipe-instruction svg{width:17px}.drive-dots{position:absolute;bottom:18px;left:20px;display:flex;gap:7px;z-index:3}.drive-dots i{width:23px;height:7px;border-radius:6px;background:#fff5}.drive-dots i.on{background:#e6efaa}.homeward{background:#e2e2cf}.work-area{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.work-vehicle-small{align-self:end;margin-bottom:44px}.work-scene{width:100%;min-height:260px;border-radius:18px;position:relative;overflow:hidden;background:#e9e2cb;display:block}.scene-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:11px;color:#665e48;background:#fff9;padding:8px 13px;border-radius:18px;white-space:nowrap}.dirt-scene{background:#caa574}.soil-layers{position:absolute;top:0;right:0;bottom:0;left:0;background:#b99563;border-top:22px solid #91aa6d}.soil-layers:after{content:"·  ·   ·  ·   ·  ·  ·  ·   ·  ·  ·  ·";position:absolute;top:30px;right:10px;bottom:30px;left:10px;color:#937344;font-size:42px;line-height:1.1;letter-spacing:8px}.dig-hole{position:absolute;left:25%;right:25%;top:25px;height:20px;background:#68533c;border-radius:0 0 45% 45%;transition:height .25s}.dig-hole.depth-1{height:50px}.dig-hole.depth-2{height:80px}.dig-hole.depth-3{height:110px}.dig-hole.depth-4{height:145px}.dig-hole.depth-5{height:180px}.dirt-chunks{position:absolute;right:12%;top:20px}.dirt-chunks i{display:block;width:28px;height:18px;background:#8c6a42;border-radius:50%;margin-top:-5px}.drill-scene,.pile-scene{background:#e3dcc3;display:flex;align-items:center;justify-content:center;padding-bottom:30px}.drill-targets,.pile-targets{display:flex;gap:28px;align-items:flex-end}.drill-targets button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:9px}.drill-targets button>span{width:65px;height:65px;border:3px dashed #9b7955;background:#c8ab7e;border-radius:50%;display:grid;place-items:center;font-size:29px;color:#fff}.drill-targets button.drilled>span{background:#756049;border-style:solid;box-shadow:inset 0 5px 10px #42362980}.drill-targets small,.pile-targets small{font-size:10px;color:#756b55}.pile-targets button{border:0;background:none;width:75px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.pile-post{display:block;width:23px;height:120px;background:#a0a28e;border:4px solid #777f6c;border-radius:4px 4px 0 0;transition:height .3s}.pile-targets button.hammered .pile-post{height:38px;background:#7d876f}.pile-targets button:hover .pile-post{background:#bcc0a9}.work-progress{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:10px;color:#86816e}.work-progress>div{height:9px;background:#e7e3d5;border-radius:9px;overflow:hidden;flex:1}.work-progress i{display:block;height:100%;background:#93ab65;border-radius:9px;transition:width .2s}.work-progress b{font-size:11px}.concrete-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:22px;background:#ded8c3}.foundation-pit{width:78%;height:120px;border:9px solid #a39b85;border-top-width:5px;background:#b9aa8a;position:relative;overflow:hidden;display:flex;align-items:flex-end}.concrete-fill{width:100%;background:#a9afa6;transition:height .06s}.pour-button{background:#6f8970;min-width:245px}.crane-scene{background:#e7eddb;display:flex;align-items:center;justify-content:space-around;padding:15px}.crane-scene .house-preview{width:55%;max-height:245px}.building-parts{display:flex;flex-direction:column;gap:8px}.building-parts button{border:1px solid #d1d4bb;background:#fff;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.building-parts button:disabled{opacity:.45}.building-parts button:not(:disabled){border-color:#8fa66a}.building-parts button.placed{opacity:.7;background:#e5ecd4}.building-parts button>span{width:17px;height:17px;background:#e8b75b;border-radius:50%;display:grid;place-items:center;font-size:9px}.wash-area{display:flex;flex-direction:column;align-items:center;gap:15px}.wash-garage{width:min(570px,100%);background:#dbe4df;border:12px solid #b8c7c1;border-bottom:0;border-radius:20px 20px 0 0;position:relative;padding:35px 40px 0;overflow:hidden}.wash-garage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:#a9b8ae}.garage-sign{position:absolute;top:7px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:2px;color:#6a7c72;z-index:2}.wash-garage .vehicle-svg{position:relative;z-index:1;max-height:265px}.wash-swipe{width:min(570px,100%);border:2px dashed #b9c8ba;border-radius:12px;background:#f2f5e9;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.wash-swipe b{color:#799064}.wash-tunnel .wash-garage{animation:washShake .18s infinite alternate}.wash-brush{position:absolute;top:50px;width:62px;height:175px;background:repeating-linear-gradient(0deg,#6ca2ae 0,#6ca2ae 9px,#92c5cc 9px,#92c5cc 18px);border-radius:35px;z-index:2;animation:brushSpin .4s infinite alternate}.wash-brush.left{left:20px}.wash-brush.right{right:20px}.foam-can,.water-jet,.air-jet{position:absolute;right:25px;top:37px;font-size:37px;z-index:3;animation:pulse .7s infinite alternate}.vehicle-done{display:flex;align-items:center;gap:20px}.done-check{width:46px;height:46px;background:#ddeaaf;border-radius:50%;display:grid;place-items:center;color:#52713f}.vehicle-done .construction-primary{min-width:205px}.construction-footnote{display:flex;align-items:center;justify-content:center;gap:7px;color:#98917c;font-size:11px;margin-top:20px}.construction-complete{position:relative;background:#fffdf4;border:1px solid #e3d9b9;border-radius:24px;padding:35px;text-align:center;overflow:hidden;box-shadow:0 8px #e9e1c9}.completion-kicker{display:inline-flex;align-items:center;gap:8px;color:#78805b;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.completion-kicker svg{width:18px}.construction-complete h2{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-1.5px;margin:13px 0 8px}.construction-complete>p{color:#827b69;font-size:13px;max-width:490px;margin:0 auto}.construction-complete .house-preview{display:block;width:min(400px,90%);margin:0 auto}.complete-vehicles{display:flex;justify-content:center;gap:10px;margin:5px 0 22px}.complete-vehicles span{background:#eef1dc;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:21px;position:relative}.complete-vehicles svg{position:absolute;right:-2px;bottom:0;background:#64804d;color:#fff;border-radius:50%;padding:2px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;width:8px;height:14px;background:#eabb51;top:-15px;animation:confettiFall 4s linear infinite}.confetti i:nth-child(3n){background:#85b4a3}.confetti i:nth-child(3n+1){background:#d78364}.confetti i:nth-child(1){left:5%;animation-delay:.2s}.confetti i:nth-child(2){left:12%;animation-delay:2s}.confetti i:nth-child(3){left:18%;animation-delay:1s}.confetti i:nth-child(4){left:25%;animation-delay:3s}.confetti i:nth-child(5){left:32%;animation-delay:.7s}.confetti i:nth-child(6){left:39%;animation-delay:2.5s}.confetti i:nth-child(7){left:46%;animation-delay:1.4s}.confetti i:nth-child(8){left:53%;animation-delay:3.1s}.confetti i:nth-child(9){left:60%;animation-delay:.5s}.confetti i:nth-child(10){left:67%;animation-delay:2.1s}.confetti i:nth-child(11){left:74%;animation-delay:1.7s}.confetti i:nth-child(12){left:81%;animation-delay:3.4s}.confetti i:nth-child(13){left:88%;animation-delay:.9s}.confetti i:nth-child(14){left:95%;animation-delay:2.8s}.confetti i:nth-child(n+15){display:none}@keyframes confettiFall{to{transform:translateY(700px) rotate(450deg)}}@keyframes brushSpin{to{transform:translateY(8px)}}@keyframes washShake{to{transform:translate(2px)}}.bucket-scene{position:relative;overflow:hidden;background:linear-gradient(#dff0ec 0,#dff0ec 58%,#c9aa72 58%);cursor:grab;touch-action:none}.bucket-scene:active{cursor:grabbing}.bucket-wheel-demo{position:absolute;left:21%;top:43%;width:104px;height:104px;margin:-52px;border:9px solid #e8913f;border-radius:50%;background:#f7c55f;box-shadow:inset 0 0 0 7px #fff2bd;animation:bucketSpin 5s linear infinite}.bucket-wheel-demo:after{content:"";position:absolute;top:31px;right:31px;bottom:31px;left:31px;border-radius:50%;background:#68776d;border:5px solid #fff0b2}.bucket-wheel-demo i{position:absolute;left:50%;top:50%;width:20px;height:14px;margin:-7px -10px;border-radius:4px 4px 8px 8px;background:#d67932;border:3px solid #fff0b2}.bucket-ground{position:absolute;left:38%;right:6%;bottom:47px;height:90px;border-bottom:5px solid #9a7d50}.bucket-earth{position:absolute;right:0;bottom:0;height:85px;max-width:100%;border-radius:70% 0 0;background:linear-gradient(145deg,#b88b51,#8c673f);transition:width .3s}.bucket-earth:after{content:"";position:absolute;left:16%;top:24%;width:12px;height:8px;border-radius:50%;background:#d6b477;box-shadow:35px 20px #d6b477,65px -5px #d6b477}.bucket-scene .scene-hint{z-index:2}.dump-scene{flex-direction:column;background:linear-gradient(#e3efe6,#f4ecd5)}.material-loads{display:flex;gap:12px;z-index:1}.material-loads button{min-width:86px;padding:12px 9px;border:2px solid #d7ceb7;border-radius:13px;background:#fffdf6;color:#635e4e;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.material-loads button:not(:disabled):hover{transform:translateY(-2px);border-color:#e37a54}.material-loads button:disabled{cursor:default;opacity:.55}.material-loads button.delivered{opacity:1;background:#e5efdd;border-color:#9db78d;color:#4f6b45}.material-loads button>span{height:29px;font-size:26px;color:#b88955}.material-loads button b{font-size:12px}.material-loads button small{font-size:9px}.delivery-piles{display:flex;align-items:flex-end;justify-content:center;gap:27px;height:55px;width:100%}.delivery-piles i{width:0;height:0;border-left:33px solid transparent;border-right:33px solid transparent;border-bottom:0 solid #c7a162;transition:border-bottom-width .3s}.delivery-piles i.visible{border-bottom-width:36px}.delivery-piles i:nth-child(2){border-bottom-color:#9c9a8d}.delivery-piles i:nth-child(3){border-bottom-color:#777c74}@keyframes bucketSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){.card-baustelle{grid-column:span 2}.construction-game{max-width:850px}}@media(max-width:760px){.construction-stage-card{padding:22px}.construction-progress{gap:13px;padding:12px}.construction-progress>div:not(.house-counter){flex-direction:column;text-align:center;gap:4px}.construction-progress>div b{font-size:9px}.house-counter span{display:none}.construction-title h2{font-size:26px}.mini-house{width:75px}.work-area{grid-template-columns:135px 1fr}.drive-scene{height:290px}.driving-vehicle{width:155px}.drill-targets,.pile-targets{gap:10px}.drill-targets button>span{width:50px;height:50px}.wash-garage{padding:35px 20px 0}}@media(max-width:520px){.card-baustelle{grid-column:span 1;display:block}.card-baustelle .card-art-button,.art-baustelle{min-height:220px}.card-baustelle .card-content{padding:20px}.card-baustelle .card-content h3{font-size:22px}.art-baustelle .vehicle-svg{width:65%;left:2%;bottom:5px}.art-house{font-size:82px;right:24px;bottom:42px}.construction-stage-card{padding:16px;border-radius:17px}.construction-progress{margin-bottom:13px;border-radius:12px;padding:9px}.construction-progress>div:not(.house-counter){gap:2px}.construction-progress>div>span:first-child{width:22px;height:22px}.construction-progress>div b{font-size:8px}.construction-title{gap:5px;margin-bottom:15px}.construction-title h2{font-size:23px;letter-spacing:-.8px}.construction-title p{font-size:11px}.construction-kicker{font-size:8px}.mini-house{display:none}.parts-tray{gap:6px;margin:14px 0}.parts-tray button{padding:9px 3px}.parts-tray button b{font-size:9px}.parts-tray button small{display:none}.parts-tray button>span{font-size:23px;height:28px}.puzzle-vehicle{width:95%}.prep-vehicle{width:100%}.fuel-button,.pump-button{width:100%;min-width:0}.drive-scene{height:260px}.driving-vehicle{width:130px;bottom:73px}.drive-sky{right:13px}.swipe-instruction{font-size:10px;left:12px;top:12px}.work-area{display:flex;flex-direction:column}.work-vehicle-small{width:145px;align-self:flex-start;margin:-5px 0 -45px;position:relative;z-index:2}.work-scene{min-height:260px}.scene-hint{font-size:9px}.work-progress{width:100%;margin-top:2px}.drill-targets,.pile-targets{gap:7px}.drill-targets button>span{width:46px;height:46px}.crane-scene{flex-direction:column;padding:8px}.crane-scene .house-preview{width:80%;height:160px}.building-parts{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}.building-parts button{padding:7px;font-size:10px}.wash-garage{padding:35px 5px 0;border-width:8px;border-bottom:0}.wash-garage .vehicle-svg{max-height:225px}.wash-swipe{font-size:11px}.wash-brush{width:43px;height:140px}.wash-brush.left{left:8px}.wash-brush.right{right:8px}.vehicle-done{flex-direction:column;gap:10px}.vehicle-done .construction-primary{width:100%}.construction-complete{padding:25px 15px}.construction-complete h2{font-size:30px}.complete-vehicles{gap:6px}.complete-vehicles span{width:38px;height:38px}.construction-footnote{font-size:9px}.concrete-scene{padding:15px}.pour-button{min-width:0;width:100%}}