#root{--borderColor: #F0AE3E;--backgroudColor: #000;--textColor: #fff}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}@font-face{font-family:Joan;src:url(/assets/Joan-Regular.JWc-PeTw.ttf)}@font-face{font-family:RussoOne-Regular;src:url(/assets/RussoOne-Regular.C3BxZIj7.ttf)}.button__container{width:300px;max-width:800px;font-family:Joan;font-size:48px;background-color:var(--backgroudColor);color:var(--textColor);border:2px solid var(--borderColor);border-radius:12px;filter:drop-shadow(0px 4px 4px var(--borderColor));cursor:pointer;transition:.2s ease-in-out;z-index:1000}.button__container:hover{transition:.2 ease-in-out;background-color:var(--borderColor);color:var(--backgroudColor);border:2px solid var(--backgroudColor);filter:drop-shadow(0px 4px 4px var(--backgroudColor))}.button__container:active{color:var(--textColor);transition:none}:root{--logoWidth: 800px}.logo{text-align:center;font-family:RussoOne-Regular;position:relative;color:#fff;width:var(--logoWidth)}.top-line{height:5px;background-color:var(--borderColor);margin:0 auto;width:100%}.text{width:var(--logoWidth)}.main-text{font-size:150px;letter-spacing:2px}.bottom-section{display:flex;flex-direction:row;justify-content:center;align-items:center;width:var(--logoWidth)}.subtitle{display:block;font-size:24px;letter-spacing:1px;margin:0 4px;position:relative;top:-13px}.bottom-line{height:5px;background-color:var(--borderColor);width:100%;position:relative;top:-13px}@media screen and (max-width: 800px){.logo{--logoWidth: 100%}.text{width:100%}.main-text{font-size:100px}.subtitle{font-size:18px}}.homepage__container{background-image:url(/assets/homepage-bg.7pfBXBhh.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100vh}.homescreen-logo__container{position:absolute;top:158px;left:50%;transform:translate(-50%)}.buttons__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:32px}.items__container{display:flex;flex-direction:column;align-items:center;gap:32px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.radioBody{width:400px;height:200px;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px}.display{background:#1a2f1a;padding:10px;border-radius:4px;color:#7fff00;text-align:center;font-size:1.5em;letter-spacing:2px;text-shadow:0 0 5px #7fff00;border:2px solid #2d4a2d;animation:glow 2s infinite alternate}.volumeControl,.trackControls{position:relative;display:flex;margin:0 auto;top:50%}.powerSwitch{position:relative;width:60px;height:30px;background:#4a4a4a;border-radius:15px;cursor:pointer;box-shadow:inset 0 2px 4px #0000004d}.powerSlider{position:absolute;width:30px;height:30px;background:#666;border-radius:15px;transition:all .3s;box-shadow:0 2px 4px #0000004d}.powerSlider.on{left:30px;background:#f44}.volumeKnob{position:relative;width:50px;height:50px}.volumeInput{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.knob{position:absolute;width:100%;height:100%;background:#4a4a4a;border-radius:50%;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0000004d}.knobPointer{position:absolute;top:50%;left:50%;width:4px;height:20px;background:#f44;transform-origin:bottom center;transition:transform .1s}.speakerGrille{flex:1;background:repeating-linear-gradient(to right,#3a3329,#3a3329 3px,#504739 3px,#504739 6px);border-radius:4px;margin:10px 0;border:2px solid #2d2d2d;box-shadow:inset 0 0 10px #0000004d}.branding{text-align:center;color:#d0c6b0;font-size:1.2em;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 2px rgba(0,0,0,.5)}@keyframes glow{0%{text-shadow:0 0 5px #7fff00}to{text-shadow:0 0 15px #7fff00}}@media screen and (max-width: 800px){.radioContainer{display:none}}.homescreen-form__container{display:flex;flex-direction:column;font-family:Joan;color:var(--textColor);background-color:var(--backgroudColor);border:3px solid var(--borderColor);padding:2rem;border-radius:12px}.homescreen-form__container h2{font-size:48px;margin:0;font-weight:400}.homescreen-form__container form{display:flex;flex-direction:column;align-items:center}.homescreen-form__container input{width:100%;padding:2rem 0 0;font-size:24px;background-color:var(--backgroudColor);border-bottom:var(--borderColor) 3px solid;border-left:none;border-right:none;border-top:none;color:var(--textColor)}.homescreen-form__container input::placeholder{color:var(--textColor);font-family:Joan}.homescreen-form__container input:focus{outline:none}.homescreen-form__container button{background-color:var(--borderColor);color:var(--backgroudColor);padding:.5rem 1rem;font-size:24px;border-radius:8px;border:2px solid var(--backgroudColor);cursor:pointer;margin-top:2rem;align-self:flex-end;font-family:Joan}.homescreen-form__container button:hover{background-color:var(--backgroudColor);color:var(--borderColor);border:2px solid var(--borderColor)}.scene-background__image{position:fixed;top:0;left:0;width:100%;height:100%;z-Index:-1}.scene-item{cursor:pointer;filter:drop-shadow(0 0 4px rgb(0,0,0));transition:filter .2s ease-in-out}.scene-item-hover:hover{filter:drop-shadow(0 0 5px red)}.scene__image{position:absolute;width:100%;height:100%;object-fit:cover}.skip-dialog__button{position:absolute;right:0;top:0}.inventory__container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;background-color:#000c;z-index:100;overflow:hidden}.inventory__button{position:absolute;top:1rem;left:1rem}.inventory-item__container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-left:1rem}.discard-area__container{position:absolute;bottom:1rem;left:1rem}.inventory-character__container{position:absolute;top:0;right:30%;filter:drop-shadow(0 0 .75rem var(--textColor));height:100vh;width:400px}.inventory-character__container img{width:100%;height:100%;object-fit:cover}.inventory__item{width:128px;height:128px;background-color:var(--backgroudColor);border:2px solid var(--borderColor);display:flex;justify-content:center;align-items:center;border-radius:12px}.icon__image{width:100px;height:100px;object-fit:cover}.inventory__item--highlight{border:green 2px solid}.discard-area{width:200px;height:100px;background-color:var(--backgroudColor);color:var(--textColor);display:flex;align-items:center;justify-content:center;border-radius:12px;border:var(--borderColor) solid 2px;font-family:Joan}.discard-area--highlight{border:red 2px solid}.popup__container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:var(--backgroudColor);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;color:var(--textColor);font-size:xx-large;padding:1rem;border-radius:10px;border:var(--borderColor) solid 2px;z-index:1000}.popup__container p{margin:0}.popup__buttons{display:flex;gap:1rem}.popup__container button{margin-top:1rem;padding:.5rem 1rem;background-color:var(--buttonColor);color:var(--textColor);border-radius:5px;cursor:pointer}.popup__confirm{border:red 2px solid}.popup__cancel{border:green 2px solid}.quest-system__container{position:absolute;top:0;right:0;display:flex;gap:1rem;width:800px;height:15vh;overflow:hidden}.quest-system__container.expand{overflow:visible}.quests__icon{width:64px;height:64px;object-fit:cover;position:absolute;top:1rem;right:1rem;cursor:pointer}.quests__container{position:absolute;top:calc(2rem + 64px);right:0;display:flex;flex-direction:column;gap:1rem;transform:translate(100%);display:none;transition:transform display .3s ease-in-out}.quests__container.show{transform:translate(0);display:flex}.quest__body{display:flex;flex-direction:column;gap:.5rem;background-color:var(--backgroudColor);color:var(--textColor);padding:1rem;border-radius:10px 0 0 10px;border-top:var(--borderColor) solid 2px;border-bottom:var(--borderColor) solid 2px;border-left:var(--borderColor) solid 2px;min-width:400px;max-width:800px;font-family:Joan;z-index:100}.quest__heading,.quest__content{margin:0}.pause-screen__container{position:absolute;top:0;left:0;background-color:#00000080;color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;height:100vh}.game-over__container{position:absolute;top:0;left:0;background-color:#00000080;color:#fff;z-index:999;display:flex;flex-direction:column;align-items:center;gap:1rem;height:100vh;width:100vw}.wrong-orientation-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#e6e0cc;color:#2b2b2b;font-family:Courier New,Courier,monospace;text-align:center}.device-container{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:300px;margin:0 auto;rotate:180deg}.device-animation{width:120px;height:200px;border:8px solid #2b2b2b;border-radius:20px;position:relative;transform-origin:center center;animation:rotateDevice 3s infinite;transform-style:preserve-3d;box-shadow:6px 6px #888}.device-animation:before{content:"";position:absolute;width:40%;height:4px;background-color:#2b2b2b;bottom:10px;left:50%;transform:translate(-50%);border-radius:2px}.device-animation:after{content:"";position:absolute;width:15px;height:15px;border:4px solid #2b2b2b;border-radius:50%;top:10px;left:50%;transform:translate(-50%)}.device-screen{position:absolute;top:30px;left:10px;right:10px;bottom:30px;background-color:#2b2b2b;opacity:.8}@keyframes rotateDevice{0%{transform:rotate(90deg)}20%{transform:rotate(90deg)}30%{transform:rotate(0)}70%{transform:rotate(0)}80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes arrowBlink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 480px){.device-container{width:200px;height:200px}.wrong-orientation-title{font-size:1.5rem}.wrong-orientation-text{font-size:1rem}.device-animation{width:80px;height:140px}}.minigame1__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden;background-color:#000}.minigame1__instructions{position:absolute;bottom:0;right:0;z-index:100;background-color:#f5f5f554}.minigame1__instructions img{width:20vw;height:20vh;object-fit:cover}.mobile-controls{position:fixed;bottom:20px;right:20px;touch-action:manipulation;z-index:4}.control-btn{position:absolute;width:50px;height:50px;border:none;background:#ffffffb3;border-radius:50%;touch-action:none;opacity:.8}.control-btn:active{opacity:1;background:#fff}.start-screen{position:fixed;top:0;left:0;width:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.minigame1-game-window{position:relative;background:#000c;overflow:hidden}.minigame1-player{position:absolute;background-size:cover;transition:left .1s,top .1s}.minigame1-carrying-package{position:absolute;top:30%;right:0;background-size:contain}.minigame1-package{position:absolute;background-size:contain}.minigame1-game-info{position:absolute;bottom:12px;left:12px;padding:12px;border-radius:4px;display:flex;gap:20px;background:#000c;color:#fff}.minigame1-done-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:2rem;border-radius:12px;color:#fff;text-align:center;z-index:3}@media (max-width: 768px){.instructions-content{flex-direction:column}.arrows-img{display:none}.mobile-controls-preview{display:flex;gap:20px;justify-content:center;margin:1rem 0}.control-btn.demo{width:60px;height:60px;border-radius:50%;border:none;font-size:1.5rem}}.minigame2__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden;background-color:#000}.minigame2__instructions{position:absolute;bottom:0;right:0;z-index:100;background-color:#f5f5f554}.minigame2__instructions img{width:20vw;height:20vh;object-fit:cover;overflow:visible}.mobile-controls{position:fixed;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:40px;touch-action:manipulation;z-index:4}.control-btn{width:80px;height:80px;border-radius:50%;border:none;background:#ffffffb3;font-size:2rem;opacity:.8;touch-action:none}.control-btn:active{background:#fff;opacity:1}.start-screen{position:fixed;top:0;left:0;width:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.instructions-container{padding:2rem;border-radius:15px;max-width:600px;text-align:center;background-color:transparent;color:#fff;max-height:80vh}.instructions-content{display:flex;gap:2rem;margin:1.5rem 0}.controls-section,.objective-section{flex:1;padding:1rem}.arrows-img{width:200px;margin:1rem 0}.mobile-controls-preview{display:none}.start-button{background:#4caf50;color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;border-radius:25px;cursor:pointer;transition:transform .2s}@media (max-width: 768px){.instructions-content{flex-direction:column}.arrows-img{display:none}.mobile-controls-preview{display:flex;gap:20px;justify-content:center;margin:1rem 0}.control-btn.demo{width:60px;height:60px;border-radius:50%;background:#ddd;border:none;font-size:1.5rem}}.minigame2-game-container{position:relative;margin:auto;background:#000c;overflow:hidden;animation:moveBackground .5s linear infinite;background-size:cover}@keyframes moveBackground{0%{background-position:0 100%}to{background-position:0 0}}.minigame2-lane{position:absolute;width:2px;height:100%;background-color:#fff}.minigame2-car-player{position:absolute;background-size:cover;transition:transform .3s,left .3s}.minigame2-car-enemy{position:absolute;background-size:cover}.score-display{position:absolute;bottom:12px;left:12px;padding:12px;border-radius:4px;display:flex;gap:12px;background:#000c;color:#fff}.minigame3__container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.game-info{position:absolute;bottom:20px;left:20px;padding:10px 20px;border-radius:5px;background:#ffffffe6;font-weight:700;display:flex;gap:20px;z-index:10}.completion-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:2rem;border-radius:15px;color:#fff;text-align:center;z-index:100}.restart-button{padding:10px 30px;font-size:1.1rem;margin-top:1rem;background:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:transform .2s}.restart-button:hover{transform:scale(1.05)}.river-area{position:absolute;right:0;width:150px;height:100%;background:#06c;overflow:hidden;border-left:3px solid #004499}.river-area:after{content:"";position:absolute;top:0;left:0;width:100%;height:200%;background:linear-gradient(to bottom,#08f 25%,#06c,#049 75%);animation:waterFlow 4s linear infinite}@keyframes waterFlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.river-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:20px;background:linear-gradient(to bottom,#fffc,#fff3);animation:surfaceRipple 2s infinite linear}@keyframes surfaceRipple{0%{transform:translateY(-10px) skew(0)}50%{transform:translateY(0) skew(2deg)}to{transform:translateY(-10px) skew(0)}}.water-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1) 50%,transparent);animation:waterDepth 4s infinite linear}@keyframes waterDepth{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.obstacle{box-shadow:0 5px 15px #0000004d}.mobile-controls{position:fixed;bottom:20px;right:20px;touch-action:manipulation;z-index:100}.d-pad{position:relative;width:150px;height:150px}.control-btn{position:absolute;width:50px;height:50px;border:none;background:#fffc;border-radius:50%;touch-action:none;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #0003}.control-btn:active{background:#fff;transform:scale(.95)}.control-btn.up{top:0;left:50%;transform:translate(-50%)}.control-btn.down{bottom:0;left:50%;transform:translate(-50%)}.control-btn.left{left:0;top:50%;transform:translateY(-50%)}.control-btn.right{right:0;top:50%;transform:translateY(-50%)}@media (hover: hover) and (pointer: fine){.mobile-controls{display:none}}.minigame3-game{position:relative;overflow:hidden;background-color:#333}.minigame3-truck{position:absolute;background-size:contain;background-repeat:no-repeat;z-index:1}.minigame3-player{position:absolute;background-size:contain;background-repeat:no-repeat;z-index:1;transition:left .1s,top .1s}.minigames3-carrying-barrel{position:absolute;top:30%;background-size:contain}.minigame3-barrel{position:absolute;background-size:contain}.minigame4-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:2rem;border-radius:10px;color:#fff;text-align:center;max-width:600px;border:2px solid #4CAF50}.instructions h2{color:#4caf50;margin-bottom:1.5rem}.instructions-content{text-align:left}.instructions-content ul{list-style-type:none;padding:0;margin:1.5rem 0}.instructions-content li{margin:.8rem 0;padding:.5rem;background:#ffffff1a;border-radius:5px}.start-button{background:#4caf50;color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:5px;cursor:pointer;transition:transform .2s;margin-top:1rem}.start-button:hover{transform:scale(1.05)}.game-screen{width:100%;height:100%;position:relative}.background{width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.8)}.enemy{position:absolute;width:150px;height:200px;transform:translate(-50%,-50%);cursor:crosshair}@keyframes appear{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.enemy-head{position:absolute;width:40px;height:40px;background:#555;top:20%;left:50%;transform:translate(-50%);border-radius:50%;transition:transform .1s}.enemy-head:hover{transform:translate(-50%) scale(1.1)}.enemy-body{position:absolute;width:80px;height:120px;background:#777;top:40%;left:50%;transform:translate(-50%);border-radius:10px;transition:transform .1s}.enemy-body:hover{transform:translate(-50%) scale(1.05)}.health-bar{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:5px}.health-segment{width:20px;height:5px;background:#f44;border-radius:2px}.hud{position:fixed;top:1rem;transform:translate(-50%);left:50%;color:#fff;background:#000000b3;padding:1rem;border-radius:10px;display:flex;gap:2rem}.hud-item{font-size:1.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-over-screen,.victory-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:2rem;border-radius:10px;color:#fff;text-align:center;border:2px solid #4CAF50}.retry-button,.continue-button{background:#4caf50;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1.1rem;border-radius:5px;cursor:pointer;margin-top:1rem;transition:transform .2s}.retry-button:hover,.continue-button:hover{transform:scale(1.05)}.victory-screen h2{color:#4caf50;margin-bottom:1rem}.gun{position:absolute;width:60px;height:60px;border-radius:50%;top:50%;left:50%}.game-outro{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);color:#fff;overflow:hidden;font-family:Arial,sans-serif}.credits-container{perspective:400px;height:100%}.title{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:4em;text-align:center;opacity:0;animation:title-animation 6s ease-out forwards}.credits-scroll{position:absolute;top:100%;left:50%;width:800px;margin-left:-400px;animation:credits-scroll 45s linear forwards}.production-company{text-align:center;margin-bottom:4em;opacity:.8;animation:fade-in-out 3s forwards}.main-credits{margin:2em 0}.credit-block{text-align:center;margin:1.5em 0;opacity:0;animation:credit-entry 1.5s ease-out forwards}.role{font-size:1.4em;color:#aaa;margin-bottom:.3em}.name{font-size:1.8em;font-weight:700;color:#fff}.special-thanks{margin:4em 0;text-align:center;opacity:0;animation:fade-in 2s ease-out 30s forwards}.final-card{text-align:center;margin:6em 0;opacity:0;animation:fade-in 2s ease-out 38s forwards}.final-message{text-align:center;margin:8em 0;opacity:0;animation:final-message 8s ease-out 42s forwards}.made-with{font-size:.8em;margin-bottom:2em;opacity:.6}@keyframes credits-scroll{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes title-animation{0%{opacity:0;transform:translate(-50%,50px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-50px)}}@keyframes credit-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes final-message{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}body.credits-open{overflow:hidden;background:#000}.alert__container{position:absolute;top:0;left:0;background-color:#00000080;color:#fff;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100vh;width:100vw}.alert__container button{cursor:pointer}.in-game-menu__buttons{display:flex;flex-direction:column;align-items:center;gap:1rem}.in-game-menu__button{padding:16px 24px;width:350px;margin:8px;font-family:Joan;font-size:24px;background-color:var(--backgroudColor);color:var(--textColor);border:2px solid var(--borderColor);border-radius:12px;filter:drop-shadow(0px 4px 4px var(--borderColor));cursor:pointer;transition:.2s ease-in-out}.in-game-menu__button:hover{background-color:var(--borderColor);color:var(--backgroudColor);border:2px solid var(--backgroudColor);filter:drop-shadow(0px 4px 4px var(--backgroudColor))}.in-game-menu__button:active{color:var(--textColor)}.dialog-system__button{padding:10px 24px;width:auto;margin:8px;font-family:Joan;font-size:16px;background-color:var(--backgroudColor);color:var(--textColor);border:2px solid var(--borderColor);border-radius:12px;filter:drop-shadow(0px 4px 4px var(--borderColor));cursor:pointer;transition:.2s ease-in-out}.dialog-system__button:hover{background-color:var(--borderColor);color:var(--backgroudColor);border:2px solid var(--backgroudColor);filter:drop-shadow(0px 4px 4px var(--backgroudColor))}.dialog-system__button:active{color:var(--textColor)}.dialog-system{border:2px solid var(--borderColor);border-radius:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--backgroudColor);padding:20px;width:80%;max-width:1000px;max-height:300px;z-index:100;filter:drop-shadow(0px 4px 4px var(--borderColor));font-family:Joan;color:var(--textColor)}.dialog-system h3{font-size:24px}.dialog-system p{font-size:18px}.dialog-system__character__container{width:80px;height:80px;border-radius:50%;border:2px solid var(--borderColor);margin-right:15px;float:left;background-color:#000c;overflow:hidden;position:relative}.dialog-system__character{width:100%;height:100%;position:absolute;top:200%;object-fit:cover;float:top;scale:5;filter:drop-shadow(0px 4px 4px var(--borderColor))}.dialog-system-skip__button__container{position:absolute;right:0;top:0}.error-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.error-message{font-size:24px;text-align:center}.error-button{padding:10px 20px;font-size:16px;background-color:#1890ff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.error-button:hover{background-color:#40a9ff}.retro-container{background-color:#e6e0cc;color:#2b2b2b;font-family:Courier New,Courier,monospace;padding:2rem;max-width:1000px;margin:0 auto;box-shadow:8px 8px #888;border:2px solid #2b2b2b}.retro-nav{background-color:#2b2b2b;padding:1rem;margin-bottom:2rem;box-shadow:0 4px #888}.retro-nav ul{list-style:none;display:flex;justify-content:center;gap:2rem;margin:0;padding:0}.retro-nav a{color:#e6e0cc;text-decoration:none;text-transform:uppercase;font-weight:700;padding:.5rem 1rem;border:2px solid transparent;transition:all .3s ease}.retro-nav a:hover,.retro-nav a.active{border-color:#e6e0cc;background-color:#444}.retro-title{font-size:2.5rem;text-align:center;text-transform:uppercase;margin-bottom:2rem;color:#2b2b2b;text-shadow:3px 3px 0 #888;letter-spacing:2px}.retro-subtitle{font-size:1.8rem;color:#444;margin:1.5rem 0;text-shadow:2px 2px 0 #aaa}.retro-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;text-align:justify}.retro-character-card{display:flex;gap:2rem;margin-bottom:3rem;padding:1.5rem;background-color:#f5f2e6;border:2px solid #2b2b2b;box-shadow:6px 6px #888}.retro-character-card.reverse{flex-direction:row-reverse}.retro-character-image{flex:0 0 200px;border:3px solid #2b2b2b;box-shadow:4px 4px #888}.retro-character-content{flex:1}.retro-link{display:inline-block;padding:.8rem 2rem;background-color:#2b2b2b;color:#e6e0cc;text-decoration:none;text-transform:uppercase;font-weight:700;margin:1rem 0;box-shadow:4px 4px #888;transition:all .2s ease}.retro-link:hover{background-color:#444;transform:translate(2px,2px);box-shadow:2px 2px #888}.retro-creator{margin-bottom:2rem;padding:1rem;background-color:#f5f2e6;border:2px solid #2b2b2b;box-shadow:4px 4px #888}.retro-creator-link{display:inline-block;color:#2b2b2b;text-decoration:none;border-bottom:2px solid #2b2b2b;margin-top:.5rem;padding-bottom:2px}.retro-controls{background-color:#f5f2e6;padding:2rem;border:2px solid #2b2b2b;box-shadow:6px 6px #888;margin-bottom:2rem}@media (max-width: 768px){.retro-nav ul{flex-direction:column;align-items:center;gap:1rem}.retro-character-card,.retro-character-card.reverse{flex-direction:column}.retro-character-image{width:100%;max-width:300px;margin:0 auto}}.characters-page__section{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;font-size:x-large;margin:0 auto;text-align:center}.row-reverse{display:flex;flex-direction:row-reverse}@media screen and (max-width: 1161px){.characters-page__section{flex-direction:column;width:100%}}