.board-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:absolute;top:0;left:0}.character{position:absolute;transform:translate(-50%,-50%);z-index:10;transition:left .8s ease-in-out,top .8s ease-in-out;pointer-events:none}.character-image{width:102px;height:auto;max-width:19.125vw;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@media (max-width: 480px){.character-image{width:76.5px;max-width:15.3vw}}@media (min-width: 768px){.character-image{width:127.5px;max-width:10.2vw}}@media (min-width: 1024px){.character-image{width:153px;max-width:7.65vw}}.leonardo-character{position:absolute;transform:translate(-50%,-50%);z-index:11;pointer-events:none;opacity:1}@keyframes fadeInCharacter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.leonardo-character-image{width:122.4px;height:auto;max-width:22.95vw;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@media (max-width: 480px){.leonardo-character-image{width:91.8px;max-width:18.36vw}}@media (min-width: 768px){.leonardo-character-image{width:153px;max-width:12.24vw}}@media (min-width: 1024px){.leonardo-character-image{width:183.6px;max-width:9.18vw}}.controls{position:fixed;bottom:0;left:0;right:0;height:80px;padding:0 30px env(safe-area-inset-bottom,0);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:20;gap:20px}.control-button{flex:1;max-width:150px;height:60px;font-size:32px;font-weight:700;color:#fff;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:15px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.control-button:hover:not(:disabled){background:#ffffff4d;border-color:#fffc;transform:scale(1.05)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button:disabled{opacity:.3;cursor:not-allowed}.prev-button{margin-right:auto}.next-button{margin-left:auto}@media (max-width: 480px){.controls{padding:0 16px calc(8px + env(safe-area-inset-bottom,0));height:70px;min-height:calc(70px + env(safe-area-inset-bottom,0));gap:12px}.control-button{height:48px;min-height:48px;font-size:26px;max-width:120px}}@media (min-width: 1024px){.controls{height:100px;padding:0 50px}.control-button{height:70px;font-size:36px;max-width:200px}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;animation:popupFadeIn .3s ease;padding:20px}.popup-overlay.interior-overlay{background-color:#00000059}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:#fff;border-radius:20px;padding:30px;max-width:90%;width:400px;position:relative;animation:popupSlideUp .3s ease;box-shadow:0 10px 40px #00000080;overflow:hidden}.popup-content.popup-with-interior.interior-content{padding:0;width:90%;max-width:800px;background:transparent;box-shadow:none}@keyframes popupSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-close{position:absolute;top:15px;right:15px;background:#fffc;border:2px solid rgba(0,0,0,.2);font-size:32px;color:#333;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1;z-index:102;box-shadow:0 2px 8px #0003;-webkit-tap-highlight-color:transparent}.popup-close:hover{background:#fff;transform:scale(1.05)}.popup-parchment-wrapper{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%;display:flex;justify-content:center;align-items:center}.popup-parchment-wrapper.parchment-visible{opacity:1;transform:translateY(0)}.popup-parchment-container.interior-parchment{position:relative;padding:14% 16%;width:auto;max-width:560px;min-height:auto;aspect-ratio:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.popup-parchment-background.interior-parchment-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/liberty-kitchen-parchment-C6kbx1ym.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.popup-text-container{position:relative;width:100%;max-width:100%;max-height:100%;overflow-y:auto;z-index:1;opacity:0;transform:translateY(16px);transition:opacity .8s ease-out,transform .8s ease-out;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.popup-text-container.text-visible{opacity:1;transform:translateY(0)}.popup-custom-text{font-size:13px;color:#3d2817;line-height:1.55;text-align:justify;margin:0;font-family:Georgia,Times New Roman,serif;padding:0 8%;white-space:pre-line;box-sizing:border-box;max-width:100%}.popup-title{font-size:24px;font-weight:700;color:#333;margin-bottom:15px;text-align:center}.popup-message{font-size:16px;color:#555;line-height:1.6;text-align:center}@media (max-width: 480px){.popup-content{padding:24px 20px;max-width:95%}.popup-parchment-container.interior-parchment{padding:12% 14%;max-width:92%;aspect-ratio:.65}.popup-custom-text{font-size:11px;padding:0 6%;line-height:1.5}.popup-close{top:10px;right:10px;font-size:28px;width:36px;height:36px}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:manipulation;overscroll-behavior:none}#root{width:100%;min-width:0;height:100vh;height:100dvh;overflow:hidden}.app{width:100%;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;background-color:#000}.game-container{flex:1;position:relative;overflow:hidden;width:100%;min-height:0;height:calc(100vh - 80px);height:calc(100dvh - 80px)}@media (max-width: 480px){.game-container{height:calc(100vh - 70px);height:calc(100dvh - 70px)}}@media (min-width: 1024px){.game-container{height:calc(100vh - 100px);height:calc(100dvh - 100px)}}