@font-face{font-family:Baloo;src:url('../../assets/fonts/font-26fb4610d4bc.woff2') format('woff2');font-weight:600 900;font-display:swap}*{box-sizing:border-box}:root{font-family:system-ui,sans-serif;color:#174e60;background:#fff9ec}body{margin:0;background:radial-gradient(ellipse at 90% 0,#ffe1c9,transparent 50%),#fff9ec}main{max-width:1060px;padding:24px 28px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:inherit}header>a:last-child{font-size:12px;font-weight:800;text-decoration:none}.brand{font:900 27px/.95 Baloo,system-ui;text-decoration:none}.brand span{display:block;font:800 10px/1.3 system-ui;margin-top:5px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 25px}.tabs a{padding:8px 13px;border:1px solid #b7cec9;border-radius:99px;text-decoration:none;font-size:11px;font-weight:750}.tabs [aria-current]{background:#174e60;color:#fff9ec;border-color:#174e60}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:850}h1{font:900 clamp(36px,5vw,56px)/1.05 Baloo,system-ui;letter-spacing:-1.5px;margin:10px 0}h1 em{font-style:normal;color:#b44b4f}.intro p{font-size:13px;line-height:1.5;margin:0;color:#6b7777}.badge{border:1px solid #d7a68a;background:#fff1dc;border-radius:50%;width:114px;height:114px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;text-align:center;rotate:7deg;font:800 14px/1.4 Baloo,system-ui}.badge span{color:#c95b61;font-size:15px}.game-shell{border:2px solid #174e60;border-radius:26px;overflow:hidden;background:#fffdf5;box-shadow:0 7px 0 #dccdb8}.toolbar{padding:11px 20px;display:flex;gap:30px;align-items:center}.toolbar>div:not(.hearts){display:flex;gap:10px;align-items:center}.toolbar span{font-size:9px;font-weight:800;letter-spacing:1px}.toolbar strong{font-size:23px}.hearts{color:#c44c5b;font-size:21px;margin-right:auto;letter-spacing:4px}.toolbar .best{color:#6e807d}.toolbar button{border:1px solid #c6d8ce;background:#e9f2e9;color:#174e60;border-radius:50%;width:38px;height:38px;font-weight:900}.stage{position:relative;aspect-ratio:4/3;max-height:520px;overflow:hidden;background:#597a65}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff8e9eb;padding:20px;backdrop-filter:blur(4px)}[hidden]{display:none!important}.mascot{width:100px;height:100px;background:url('../../assets/hippie-3d-winken.png') 0 0/400% 200%;margin-bottom:10px}h2{font:800 30px/1.1 Baloo,system-ui;margin:12px 0}.overlay p{font-size:13px;color:#56757c;line-height:1.7;margin:0 0 20px}.primary{border:2px solid #174e60;background:#ffcf00;color:#174e60;box-shadow:0 4px 0 #174e60;border-radius:16px;padding:14px 28px;min-height:52px;font-size:14px;font-weight:850;cursor:pointer}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #174e60}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ca5c84;outline-offset:3px}.warning{position:absolute;top:15px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #ffda99;border-radius:99px;background:#532d2be8;color:#fff4cb;padding:9px 17px;font-size:11px;font-weight:800;pointer-events:none}.bottom{padding:14px 22px}.direction{display:flex;align-items:center;justify-content:center;gap:28px}.direction>div{text-align:center}.direction strong{font-size:12px;display:block}.direction span{font-size:10px;color:#6e817e;display:block;margin-top:4px}.direction button{width:54px;height:46px;border:1px solid #9cbbb2;border-radius:14px;background:#e1f2e9;color:#174e60;font-size:25px;touch-action:none;cursor:pointer;user-select:none}#status{min-height:16px;text-align:center;font-size:11px;margin:12px 0 0;color:#80544c}.instructions{display:flex;gap:15px;justify-content:space-between;margin:24px 0}.instructions p{font-size:10px;line-height:1.5;margin:0}.instructions b{font-size:9px;display:inline-grid;place-items:center;border:1px solid #d7c8b3;border-radius:50%;width:24px;height:24px;margin-right:7px}footer{text-align:center}footer a{font-size:12px;font-weight:800}footer p{font-size:9px;line-height:1.7;color:#71817e;margin:15px auto;max-width:650px}@media(max-width:600px){main{padding:18px 14px}.tabs{gap:6px;margin:22px 0}.tabs a{font-size:10px;padding:7px 10px}.intro{margin-bottom:18px}.intro h1{font-size:36px;max-width:240px}.intro h1 em{display:block}.intro p{font-size:11px;max-width:225px}.eyebrow{font-size:8px;letter-spacing:1px}.badge{width:82px;height:82px;font-size:12px}.game-shell{border-radius:20px}.toolbar{padding:10px 12px;gap:12px}.toolbar>div:not(.hearts){gap:7px}.toolbar span{font-size:8px;letter-spacing:.5px}.toolbar strong{font-size:20px}.hearts{font-size:17px;letter-spacing:1px}.stage{height:340px;aspect-ratio:auto}.mascot{width:75px;height:75px;margin-bottom:4px}h2{font-size:24px;margin:9px 0}.overlay p{font-size:11px;margin-bottom:15px}.primary{font-size:12px;min-height:48px}.warning{font-size:10px;top:10px}.bottom{padding:14px 10px}.direction{gap:12px}.direction strong{font-size:11px}.direction span{font-size:9px}.direction button{width:50px;min-height:48px}.instructions{gap:11px;flex-direction:column;margin:20px 0}.instructions p{font-size:11px}.toolbar .best span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Keep the original photograph and mascot proportions intact on wide screens. */
@media(min-width:601px){.game-shell{max-width:700px;margin-inline:auto}.stage{width:100%;height:auto;max-height:none;aspect-ratio:4/3}}