@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/Probleme-im-Flusslauf---The-Game/assets/roboto-400-BKwBj7lc.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(/Probleme-im-Flusslauf---The-Game/assets/roboto-700-sgOxpXbb.ttf) format("truetype")}@font-face{font-family:Chelsea Market;font-style:normal;font-weight:400;src:url(/Probleme-im-Flusslauf---The-Game/assets/chelsea-market-400-BtIjKbmN.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100dvw;height:100dvh;overflow:hidden;position:fixed;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-image:url(/Probleme-im-Flusslauf---The-Game/assets/background-Bs7dYwXZ.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000}#game-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--game-scale, 1));transform-origin:center;width:1194px;height:834px;background-color:transparent;overflow:visible;display:block;flex-shrink:0}canvas{display:block;position:absolute;top:0;left:0;background-color:transparent}:root{--color-light: #fff;--color-dark: #000;--color-accent: #afe0e6ff;--color-darkblue: #467dfc;--color-success: #afe0e6ff;--color-error: #f87171;--object-width: 100px;--object-height: 100px;--padding-low: 4px;--padding-mid: 24px;--sideSpace: 50px;--font-size-smallest: 12px;--font-size-smaller: 16px;--font-size-small: 20px;--font-size-medium: 28px;--font-size-big: 50px;--font-size-huge: 106px;--border-width: 4px;--border-radius: 20px}.debug{border:1px solid red}.smallestText{font-size:var(--font-size-smallest);line-height:135%}.smallText{font-size:var(--font-size-small);line-height:135%}.mediumText{font-size:var(--font-size-medium);line-height:135%}.bigText{font-size:var(--font-size-big);line-height:115%}.hugeText{font-size:var(--font-size-huge);line-height:135%}#startText{color:var(--color-light);transform:rotate(3deg)}@media (hover: hover){#startText:hover{color:var(--color-success);cursor:pointer}.genText:hover{background-color:var(--color-success);color:var(--color-darkblue)}button:hover:not(:disabled){opacity:.9}.factCard:hover{transform:scale(1.02) rotate(10.5deg)}.letter:hover{background-color:var(--color-light);color:var(--color-darkblue);cursor:pointer}}.iconOverlay{z-index:9999;pointer-events:none;padding:var(--padding-low)}#nameBig{color:var(--color-light);transform:rotate(-3deg)}#maxMare01{transform:scaleX(-1) rotate(6deg);mix-blend-mode:screen;z-index:-999}.character-bg{object-fit:contain!important;object-position:top left!important}.genContainer{padding:20px;display:flex;gap:20px}.genText{padding:var(--padding-mid);cursor:pointer}.clickHereButton{position:absolute;z-index:888}button{margin:0;padding:0;border:none;outline:none;background:none;font:inherit;color:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-accent);font-size:var(--font-size-small);font-family:Roboto,sans-serif;box-sizing:border-box;display:inline-block;vertical-align:middle;transition:all .2s ease}img{object-fit:cover;object-position:center}.borderRadius{border-radius:var(--border-radius)}.shadow{box-shadow:var(--padding-low) var(--padding-low) calc(var(--padding-low) * 2) #0000004d}.dropShadow{filter:drop-shadow(var(--padding-low) var(--padding-low) calc(var(--padding-low) * 2) rgba(0,0,0,.3))}.transition{transition:transform .3s ease,left .3s ease,top .3s ease,width .3s ease,height .3s ease}.clickMe{border:var(--border-width) solid var(--color-success)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--color-dark);outline-offset:2px}.chelsea-market{font-family:Chelsea Market,system-ui;font-weight:400;font-style:normal;color:var(--color-light)}.highlight{color:var(--color-success)}.characterOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.95;z-index:100;pointer-events:auto}.fullCharacterContainer{position:absolute;z-index:100001;display:flex;flex-direction:row;gap:var(--padding-mid);pointer-events:none;width:1094px;max-width:90vw;height:auto;transition:all .5s ease;overflow:visible}.fullCharacterContainer.is-active{position:fixed!important;padding:20px;background-color:var(--color-darkblue);top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(var(--game-scale, 1)) rotate(-.5deg)!important}.speech-content{display:flex;flex-direction:column;gap:10px}.nameTag,.speech{margin:0}.characterContainer{flex-shrink:0}.nextSpeechButton{position:absolute;right:0;bottom:0;transform:translate(25%,25%);pointer-events:auto;z-index:10;background-color:var(--color-darkblue)}.nextSpeechButton:active{transform:translate(25%,25%) scale(.95)!important}.characterContainer{overflow:hidden;position:relative;background-color:var(--color-light);border-radius:var(--border-radius)}.characterImage{width:100%;height:auto;position:absolute;pointer-events:none}.nameTag{white-space:normal;pointer-events:none}.factGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:var(--padding-low);box-sizing:border-box}.factCard{display:flex!important;align-items:center;justify-content:center;padding:var(--padding-mid);overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:var(--color-light);border:var(--border-width) solid transparent;font-size:var(--font-size-smaller)}.factCardCorrect{background-color:var(--color-success)}.factCardFalse{background-color:var(--color-error)}.factCard p{margin:0;text-align:left;color:var(--color-dark)}.banner{background-color:var(--color-darkblue);width:3000px;display:flex;justify-content:center}.ablaufGameContainer{display:flex!important;align-items:center;justify-content:center;gap:var(--padding-mid);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.imgContainer{position:relative;height:100%}.ablaufHorizontal{flex-direction:column;width:100%}.imgContainer.horizontalGrid{aspect-ratio:auto;display:flex;justify-content:center;align-items:center}.pickContainer{position:relative;display:flex!important;flex-direction:column;justify-content:space-between}.horizontalPick{flex-direction:row!important}.bilderRatenContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);display:flex!important;align-items:center;gap:40px}.keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--padding-low);transform:rotate(.4deg)}.log{width:100%;grid-column:span 3;aspect-ratio:auto;background-color:var(--color-darkblue);display:flex;align-items:center;justify-content:center;color:var(--color-light)}.logFilled{display:flex}.letter{background-color:var(--color-darkblue);display:flex;align-items:center;justify-content:center;margin:0;transition:all .2s ease;aspect-ratio:1/1;width:100%}.used{pointer-events:none}.wimmelbildContainer{position:absolute;top:50%;left:50%;transform:translate(-48%,-48%) rotate(-.5deg) scale(1.28);display:flex;justify-content:center;align-items:center;width:55%;height:55%;overflow:hidden}.wimmelbild{position:absolute;width:100%;pointer-events:none}.clickField{aspect-ratio:1/1;border-radius:100%;position:relative}.imageItemContainer{position:absolute;overflow:hidden;cursor:pointer;display:flex!important;flex-direction:column;background-color:#fff}.imageItemContainer img{width:100%;flex:1;min-height:0;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}.imageLabel,.imgTitle{background-color:var(--color-darkblue);color:var(--color-light);width:100%;text-align:center;padding:var(--padding-low);position:relative;pointer-events:none;opacity:1;flex-shrink:0}#loading-screen{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:var(--color-darkblue);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-light);font-family:Chelsea Market,system-ui;font-size:var(--font-size-small);transition:opacity .5s ease,visibility .5s ease}#loading-screen.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.loader{width:50px;height:50px;border:5px solid var(--color-light);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:20px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#portrait-lock-overlay{display:none}@media screen and (orientation: portrait) and (max-width: 1024px){#portrait-lock-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:radial-gradient(circle,#1e3c72,#0f5e9c);color:#fff;z-index:1000000;text-align:center;padding:var(--padding-mid);font-family:Chelsea Market,system-ui;box-sizing:border-box}.phone-icon-wrapper{position:relative;width:80px;height:80px;margin-bottom:var(--padding-mid);display:flex;justify-content:center;align-items:center}.phone-rotation-icon{width:45px;height:75px;stroke:var(--color-light);animation:rotatePhone 2.5s ease-in-out infinite}#portrait-lock-overlay h2{font-size:var(--font-size-medium);margin-top:10px;margin-bottom:10px;color:var(--color-success);text-shadow:1px 1px 2px rgba(0,0,0,.4)}#portrait-lock-overlay p{font-size:var(--font-size-small);color:#ffffffe6;max-width:320px;line-height:1.4;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.4)}#game-container{visibility:hidden}}@keyframes rotatePhone{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}