@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
.game-menu{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:20px}.game-menu__content{background-color:rgba(26,26,46,.9);padding:20px;border-radius:15px;color:#fff;text-align:center}.game-menu__title{color:#4caf50;font-size:2.5rem;margin-bottom:30px}@media(max-width: 767px){.game-menu__title{font-size:2rem}}.game-menu__subtitle{color:#ccc;font-size:1.2rem;margin-bottom:20px}.game-menu__section{margin-bottom:30px;text-align:left}.game-menu__section:last-child{margin-bottom:0}.game-menu__section-title{color:#4caf50;font-size:1.5rem;margin-bottom:15px;text-align:center}.game-menu__label{color:#fff;font-weight:500;margin-bottom:5px}.game-menu__input{background-color:rgba(255,255,255,.1) !important;color:#fff !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:4px;padding:10px}.game-menu__input::-moz-placeholder{color:#888}.game-menu__input::placeholder{color:#888}.game-menu__input:focus{border-color:#4caf50 !important;box-shadow:0 0 0 .2rem rgba(76,175,80,.25) !important}.game-menu__button{width:100%;margin-top:15px}.game-menu__button--secondary{margin-bottom:15px}.game-menu__lobbies{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px}.game-menu__no-lobbies{color:#ccc;text-align:center;padding:20px;font-style:italic}.game-menu__lobby-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;background-color:rgba(255,255,255,.1);border-radius:4px;color:#fff}.game-menu__lobby-item:hover{background-color:rgba(255,255,255,.15)}.game-menu__lobby-info{flex:1 1;text-align:left}.game-menu__lobby-join{margin-left:15px;padding:5px 15px !important;font-size:.9rem !important}.game-menu__rejoin-info{text-align:center;padding:15px;background-color:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:8px}.game-menu__rejoin-info p{color:#ccc;margin-bottom:15px;font-size:.95rem}.game-menu__my-lobby{color:#4caf50;font-weight:600;font-size:.85rem}
.game-mode-selection{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;justify-content:center}.game-mode-selection__header{text-align:center;margin-bottom:2rem}.game-mode-selection__title{font-size:3rem;font-weight:bold;color:#4caf50;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.game-mode-selection__title{font-size:2.5rem}}.game-mode-selection__subtitle{font-size:1.2rem;color:#ccc;margin-bottom:0;max-width:600px}@media(max-width: 768px){.game-mode-selection__subtitle{font-size:1rem;padding:0 1rem}}.game-mode-selection__player-input{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-mode-selection__label{font-size:1.1rem;font-weight:600;color:#fff}.game-mode-selection__input{padding:.75rem 1rem;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#fff;min-width:250px;text-align:center;transition:border-color .2s ease}.game-mode-selection__input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1)}.game-mode-selection__input::-moz-placeholder{color:#888}.game-mode-selection__input::placeholder{color:#888}.game-mode-selection__modes{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));grid-gap:2rem;gap:2rem;width:100%;max-width:800px;margin-bottom:2rem}@media(max-width: 768px){.game-mode-selection__modes{grid-template-columns:1fr;gap:1.5rem}}.game-mode-selection__mode-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:2px solid rgba(0,0,0,0);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.game-mode-selection__mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#4caf50}.game-mode-selection__mode-icon{font-size:4rem;margin-bottom:1rem;display:block}.game-mode-selection__mode-title{font-size:1.5rem;font-weight:bold;color:#fff;margin-bottom:1rem}.game-mode-selection__mode-description{font-size:1rem;color:#ccc;margin-bottom:1.5rem;line-height:1.5}.game-mode-selection__mode-features{list-style:none;padding:0;margin:0 0 2rem 0;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.game-mode-selection__mode-features li{font-size:.9rem;color:#ccc;display:flex;align-items:center;gap:.5rem}.game-mode-selection__mode-button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .2s ease;min-width:150px}.game-mode-selection__mode-button:disabled{opacity:.6;cursor:not-allowed}.game-mode-selection__mode-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-mode-selection__mode-button:disabled:hover{transform:none;box-shadow:none}.game-mode-selection__mode-button--tutorial{background:linear-gradient(135deg, #4CAF50, #45a049);color:#fff;border:none}.game-mode-selection__mode-button--tutorial:hover:not(:disabled){background:linear-gradient(135deg, #45a049, #3d8b40);transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.3)}.game-mode-selection__mode-button--multiplayer{background:linear-gradient(135deg, #2196F3, #1976D2);color:#fff;border:none}.game-mode-selection__mode-button--multiplayer:hover:not(:disabled){background:linear-gradient(135deg, #1976D2, #1565C0);transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.3)}.game-mode-selection__recommendation{background:linear-gradient(135deg, #FFF3E0, #FFE0B2);border:1px solid #ffb74d;border-radius:8px;padding:1rem;max-width:600px;width:100%}.game-mode-selection__recommendation-content{display:flex;align-items:flex-start;gap:.75rem}.game-mode-selection__recommendation-icon{font-size:1.5rem;flex-shrink:0}.game-mode-selection__recommendation-text{margin:0;font-size:.9rem;color:#e65100;line-height:1.4}.game-mode-selection__recommendation-text strong{font-weight:600}@media(max-width: 768px){.game-mode-selection{padding:1rem}.game-mode-selection__mode-card{padding:1.5rem}.game-mode-selection__mode-icon{font-size:3rem}.game-mode-selection__mode-title{font-size:1.3rem}.game-mode-selection__recommendation{margin:0 1rem}}
.asset-loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);z-index:9999}.asset-loading-screen__content{text-align:center;max-width:400px;padding:30px}.asset-loading-screen__title{color:#fff;font-size:2.5rem;margin-bottom:30px;font-weight:bold}.asset-loading-screen__spinner{margin-bottom:30px}.asset-loading-screen__spinner .spinner{width:60px;height:60px;border:4px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.asset-loading-screen__message{color:#ccc;font-size:1rem;margin-bottom:20px}.asset-loading-screen__progress-container{display:flex;align-items:center;gap:15px}.asset-loading-screen__progress-bar{flex:1 1;height:8px;background-color:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.asset-loading-screen__progress-fill{height:100%;background:linear-gradient(90deg, #4ECDC4 0%, #45B7D1 100%);transition:width .3s ease;border-radius:4px}.asset-loading-screen__progress-text{color:#fff;font-size:.9rem;font-weight:bold;min-width:45px;text-align:right}@keyframes spin{to{transform:rotate(360deg)}}
.game-lobby{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:20px}.game-lobby__content{background-color:rgba(26,26,46,.9);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;color:#fff;max-width:600px;width:100%;text-align:center}.game-lobby__title{color:#4caf50;font-size:2.5rem;margin-bottom:30px}@media(max-width: 767px){.game-lobby__title{font-size:2rem}}.game-lobby__section{margin-bottom:30px}.game-lobby__section-title{color:#4caf50;font-size:1.5rem;margin-bottom:15px}.game-lobby__players{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px}.game-lobby__player{display:flex;align-items:center;padding:10px;margin:5px 0;background-color:rgba(255,255,255,.1);border-radius:4px;color:#fff}.game-lobby__player:hover{background-color:rgba(255,255,255,.15)}.game-lobby__player-color{width:20px;height:20px;border-radius:50%;margin-right:10px;border:1px solid rgba(255,255,255,.3)}.game-lobby__player-name{flex:1 1;text-align:left;font-weight:500}.game-lobby__setting{display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:rgba(255,255,255,.1);border-radius:8px;margin-bottom:10px}.game-lobby__setting-label{color:#fff;font-weight:500;font-size:1rem}.game-lobby__bot-count{display:flex;align-items:center;gap:5px}.game-lobby__bot-count-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1);color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;transition:all .2s ease}.game-lobby__bot-count-btn:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:#4caf50}.game-lobby__bot-count-btn:disabled{opacity:.5;cursor:not-allowed}.game-lobby__bot-count-input{width:60px;height:32px;border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1);color:#fff;border-radius:4px;text-align:center;font-size:1rem;font-weight:500}.game-lobby__bot-count-input:focus{outline:none;border-color:#4caf50;background-color:rgba(255,255,255,.15)}.game-lobby__bot-count-input::-webkit-outer-spin-button,.game-lobby__bot-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.game-lobby__bot-count-input[type=number]{-moz-appearance:textfield}.game-lobby__actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.game-lobby__button{min-width:150px}@media(max-width: 767px){.game-lobby__button{width:100%;margin-bottom:10px}}
.card-declined-message{position:absolute;background-color:#f44;color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:bold;text-align:center;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 8px rgba(0,0,0,.4);border:2px solid #c00;animation:cardDeclinedFadeOut 3s ease-out forwards;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-declined-message::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid #c00}@keyframes cardDeclinedFadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0px)}100%{opacity:0;transform:translateX(-50%) translateY(-20px)}}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shopping-list-glow{0%{box-shadow:0 0 15px rgba(76,175,80,.6);transform:scale(1)}50%{box-shadow:0 0 25px rgba(76,175,80,.9);transform:scale(1.05)}100%{box-shadow:0 0 15px rgba(76,175,80,.6);transform:scale(1)}}@keyframes screen-glow{0%{opacity:.8;text-shadow:0 0 6px rgba(76,175,80,.8)}50%{opacity:1;text-shadow:0 0 12px #4caf50}100%{opacity:.8;text-shadow:0 0 6px rgba(76,175,80,.8)}}@keyframes squish-vertical{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(0.7) scaleX(1.2)}100%{transform:scaleY(1) scaleX(1)}}@keyframes squish-horizontal{0%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(0.7) scaleY(1.2)}100%{transform:scaleX(1) scaleY(1)}}.game-player{transition:left 150ms linear,top 150ms linear}.game-player.moving{transition:left 150ms linear,top 150ms linear}.game-player.moving-up{animation:squish-vertical 150ms linear}.game-player.moving-down{animation:squish-vertical 150ms linear}.game-player.moving-left{animation:squish-horizontal 150ms linear}.game-player.moving-right{animation:squish-horizontal 150ms linear}.game-object{transition:opacity .3s ease}.game-object.beer{transition:opacity .3s ease,left 1000ms linear,top 1000ms linear}.game-object:hover{transform:scale(1.1);transition:transform .2s ease}.game-atm.pulsing{animation:pulse 1s infinite}.spawn-preview{display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);border-top:3px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.game-canvas__viewport{width:90vw;height:80vh;position:relative;border:2px solid rgba(255,255,255,.3);border-radius:15px;background:#1a1a2e;overflow:hidden}@media(max-width: 767px){.game-canvas__viewport{width:95vw;height:70vh}}.game-canvas__world{position:absolute;top:0;left:0;width:2800px;height:2200px;transform-origin:0 0;transition:transform .2s ease-out}.game-canvas__background{position:absolute;left:800px;top:700px;width:1800px;height:1200px;background-color:#1a1a2e;border:2px solid rgba(255,255,255,.1);border-radius:8px}.game-canvas__grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.game-canvas__grid-line{position:absolute;background-color:rgba(255,255,255,.05);pointer-events:none}.game-canvas__grid-line--vertical{top:0;width:1px;height:100%}.game-canvas__grid-line--horizontal{left:0;width:100%;height:1px}.game-canvas__wall{position:absolute;background:linear-gradient(135deg, rgba(139, 101, 86, 0.95) 0%, rgba(120, 85, 70, 0.95) 50%, rgba(101, 75, 63, 0.95) 100%);border:2px solid #3d2f28;border-radius:6px;box-shadow:inset 0 -2px 0 #2a1f1a,inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.5)}.game-canvas__wall::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0, 0, 0, 0.05) 4px, rgba(0, 0, 0, 0.05) 8px);border-radius:4px;pointer-events:none}.game-canvas__atm{position:absolute;width:50px;height:60px;background:linear-gradient(135deg, #1a5490 0%, #2196F3 50%, #1a5490 100%);border:3px solid #0d3a6b;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:bold;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2),0 0 15px rgba(33,150,243,.3);transition:all .3s ease}.game-canvas__atm.pulsing{background:linear-gradient(135deg, #c62828 0%, #FF4444 50%, #c62828 100%);border-color:#8b1c1c;animation:pulse 1s infinite;box-shadow:0 4px 8px rgba(0,0,0,.4),0 0 25px rgba(255,68,68,.8),0 0 35px rgba(255,68,68,.5)}.game-canvas__atm--pulsing{background:linear-gradient(135deg, #c62828 0%, #FF4444 50%, #c62828 100%);border-color:#8b1c1c;animation:pulse 1s infinite;box-shadow:0 4px 8px rgba(0,0,0,.4),0 0 25px rgba(255,68,68,.8),0 0 35px rgba(255,68,68,.5)}.game-canvas__atm-label{margin-bottom:4px;font-size:7px;letter-spacing:.3px;text-transform:uppercase;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(33,150,243,.6);font-weight:900;padding:0 2px}.game-canvas__atm-screen{width:36px;height:24px;background:linear-gradient(180deg, #001a2e 0%, #003d5c 100%);border:2px solid #0a2540;border-radius:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 0 8px rgba(0,120,180,.4);position:relative;display:flex;align-items:center;justify-content:center}.game-canvas__atm-screen::before{content:"$";font-size:14px;font-weight:bold;color:#4caf50;text-shadow:0 0 6px rgba(76,175,80,.8);animation:screen-glow 2s ease-in-out infinite}.game-canvas__atm-keypad{width:24px;height:8px;margin-top:2px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);grid-gap:1px;gap:1px}.game-canvas__atm-keypad-button{background-color:#333;border:1px solid #555;border-radius:1px}.game-canvas__spawn-preview{position:absolute;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);border-top:3px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}.game-canvas__object{position:absolute;width:24px;height:24px;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:opacity .3s ease}.game-canvas__object--highlighted{background-color:rgba(76,175,80,.3);border:2px solid #4caf50;box-shadow:0 0 15px rgba(76,175,80,.6);animation:shopping-list-glow 2s infinite;will-change:transform,box-shadow}.game-canvas__object--beer{transition:left 1000ms linear,top 1000ms linear}.game-canvas__object-sprite{width:24px;height:24px;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none}.game-canvas__object-emoji{display:block}.game-canvas__object-price{position:absolute;pointer-events:none;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:100;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:#4caf50;background-color:rgba(0,0,0,.7);padding:1px 4px;border-radius:3px;white-space:nowrap}.game-canvas__object-price--highlighted{color:gold;background-color:rgba(76,175,80,.9)}.game-canvas__object-price--beer{color:#f44;background-color:rgba(0,0,0,.9);border:1px solid rgba(255,68,68,.5294117647)}.game-canvas__player{position:absolute;width:30px;height:35px;border-radius:15px 15px 8px 8px;transition:left 150ms linear,top 150ms linear;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-canvas__player--me{border:2px solid gold;z-index:11}.game-canvas__player--sprite{background-color:rgba(0,0,0,0);border:none}.game-canvas__player-sprite{width:50px;height:50px;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none}.game-canvas__player-fallback{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.game-canvas__player-visor{width:12px;height:8px;background-color:skyblue;border-radius:50%;margin-top:3px}.game-canvas__player-emoji{position:absolute;top:8px;font-size:14px;pointer-events:none;z-index:1}.game-canvas__player-name{position:absolute;pointer-events:none;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:100;top:-25px;font-size:12px;font-family:"Nunito",sans-serif;font-weight:800;color:rgba(255,255,255,.4);white-space:nowrap;text-shadow:2px 2px 0 rgba(44,62,80,.4),-2px -2px 0 rgba(44,62,80,.4),2px -2px 0 rgba(44,62,80,.4),-2px 2px 0 rgba(44,62,80,.4),0 2px 0 rgba(44,62,80,.4),0 -2px 0 rgba(44,62,80,.4),2px 0 0 rgba(44,62,80,.4),-2px 0 0 rgba(44,62,80,.4),0 3px 0 rgba(26,37,47,.4),0 5px 10px rgba(0,0,0,.2)}.game-canvas__player-name--me{font-size:16.8px;font-weight:900;color:#ffd23f;text-shadow:2px 2px 0 #2c3e50,-2px -2px 0 #2c3e50,2px -2px 0 #2c3e50,-2px 2px 0 #2c3e50,0 2px 0 #2c3e50,0 -2px 0 #2c3e50,2px 0 0 #2c3e50,-2px 0 0 #2c3e50,0 3px 0 #1a252f,0 5px 0 #0f1419,0 7px 15px rgba(0,0,0,.4)}.game-canvas__player-list-number{position:absolute;pointer-events:none;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:100;bottom:-35px;font-size:8px;color:#888}.game-canvas__player-list-number--me{color:gold}.game-canvas__player-balance{position:absolute;pointer-events:none;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:100;bottom:-25px;font-size:10px;font-weight:bold;color:#888}.game-canvas__player-balance--me{color:gold}.game-canvas__player-beer-mug{position:absolute;left:50%;top:50%;font-size:20px;pointer-events:none;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:orbit 3.14s linear infinite}.game-canvas__player-interest{position:absolute;top:-10px;left:-15px;font-size:12px;pointer-events:none}@media(max-width: 767px){.game-canvas__viewport{border-radius:4px}.game-canvas__player-name,.game-canvas__player-balance,.game-canvas__player-list-number{font-size:8px}.game-canvas__player-name--me,.game-canvas__player-balance--me,.game-canvas__player-list-number--me{font-size:12px}}
@keyframes jackboxGradient{0%{background-position:0% 50%,0% 50%}50%{background-position:100% 50%,100% 50%}100%{background-position:0% 50%,0% 50%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes barGlow{0%{box-shadow:0 0 15px rgba(255,255,255,.3)}50%{box-shadow:0 0 30px rgba(255,255,255,.8),0 0 50px currentColor,0 0 70px currentColor}100%{box-shadow:0 0 15px rgba(255,255,255,.3)}}@keyframes fillChange{0%{transform:scaleY(1);filter:brightness(1)}50%{transform:scaleY(1.02);filter:brightness(1.3)}100%{transform:scaleY(1);filter:brightness(1)}}.player-info{position:absolute;top:0;right:0;height:100vh;width:300px;background:rgba(0,0,0,0);padding:20px;color:#2c3e50;z-index:100;display:flex;flex-direction:column;justify-content:space-between;font-family:"Nunito",sans-serif;overflow:visible;pointer-events:none}@media(max-width: 767px){.player-info{width:100%;height:auto;position:relative;border-left:none;border-top:1px solid rgba(255,255,255,.3)}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info{width:200px;height:80vh;position:absolute;top:0;right:0;border-left:1px solid rgba(255,255,255,.3);border-top:none;padding:10px}}.player-info__stats{margin-bottom:20px;background:rgba(0,0,0,0);padding:15px;position:relative;pointer-events:auto}.player-info__stat{margin:10px 0;text-align:center;font-size:1.95rem;font-weight:800;position:relative;z-index:1;background:rgba(44,62,80,.85);padding:20px;border-radius:20px;border:4px solid #ff6b35;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden;width:220px}.player-info__stat::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.player-info__stat--warning{animation:pulse 2s infinite;border-color:#e74c3c}.player-info__stat--warning .player-info__stat-value{color:#e74c3c;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(231,76,60,.8)}.player-info__stat--credit-card{border-color:#4ecdc4}@media(max-width: 767px){.player-info__stat{font-size:1.56rem;width:180px}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__stat{font-size:1.3rem;margin:5px 0;width:160px}}.player-info__stat-label{display:block;font-size:1.17rem;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@media(max-width: 767px){.player-info__stat-label{font-size:1.04rem}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__stat-label{font-size:.91rem}}.player-info__stat-value{display:block;color:#fff;font-family:"Fredoka One",cursive;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.3);position:relative;z-index:1}.player-info__beer-power{color:#2c3e50;background:linear-gradient(45deg, #FFD23F, #F7931E);margin:5px 0;padding:5px 10px;text-align:center;font-weight:800;border-radius:15px;border:3px solid #2c3e50;box-shadow:0 4px 0 #2c3e50;animation:pulse 2s infinite;position:relative;z-index:1;width:220px}@media(max-width: 767px){.player-info__beer-power{width:180px}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__beer-power{width:160px}}.player-info__progress{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:20px 0;background:rgba(0,0,0,0);padding:15px;position:relative;pointer-events:auto}@media(max-width: 767px){.player-info__progress{flex:none;margin:15px 0;gap:20px}}.player-info__stat--credit-card{margin:0}.player-info__progress-container{width:80px;height:400px;background-color:rgba(26,26,46,.9);border-radius:40px;padding:8px;position:relative;position:relative;z-index:1}.player-info__progress-container .progress-track{width:100%;height:100%;background-color:#333;border-radius:32px;position:relative;overflow:hidden}.player-info__progress-container .progress-fill{position:absolute;bottom:0;left:0;width:100%;border-radius:32px;transition:all .3s ease}.player-info__progress-container .progress-fill.high{background-color:#4caf50}.player-info__progress-container .progress-fill.medium{background-color:#ffc107}.player-info__progress-container .progress-fill.low{background-color:#f44}.player-info__progress-container .progress-marker{position:absolute;bottom:70%;left:0;width:100%;height:2px;background-color:gold;opacity:.8;z-index:1}@media(max-width: 767px){.player-info__progress-container{width:60px;height:200px}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__progress-container{width:50px;height:150px}}.player-info__progress-track{width:100%;height:100%;background-color:rgba(44,62,80,.8);border-radius:32px;position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 2px 8px rgba(0,0,0,.5)}.player-info__progress-fill{position:absolute;bottom:0;left:0;width:100%;border-radius:32px;transition:height .8s cubic-bezier(0.4, 0, 0.2, 1),background .5s ease,box-shadow .5s ease;box-shadow:0 0 15px rgba(255,255,255,.3);transform-origin:bottom}.player-info__progress-fill--animating{animation:fillChange .8s ease-out,barGlow .8s ease-out}.player-info__progress-fill--high{background:linear-gradient(180deg, #06FFA5, #4ECDC4)}.player-info__progress-fill--high.player-info__progress-fill--animating{box-shadow:0 0 30px rgba(6,255,165,.8),0 0 50px rgba(6,255,165,.5),inset 0 -2px 10px rgba(255,255,255,.4)}.player-info__progress-fill--medium{background:linear-gradient(180deg, #FFD23F, #F7931E)}.player-info__progress-fill--medium.player-info__progress-fill--animating{box-shadow:0 0 30px rgba(255,210,63,.8),0 0 50px rgba(255,210,63,.5),inset 0 -2px 10px rgba(255,255,255,.4)}.player-info__progress-fill--low{background:linear-gradient(180deg, #E74C3C, #C0392B)}.player-info__progress-fill--low.player-info__progress-fill--animating{box-shadow:0 0 30px rgba(231,76,60,.8),0 0 50px rgba(231,76,60,.5),inset 0 -2px 10px rgba(255,255,255,.4)}.player-info__progress-marker{position:absolute;bottom:70%;left:0;width:100%;height:3px;background-color:#ffd23f;opacity:1;z-index:1;box-shadow:0 0 8px rgba(255,210,63,.8)}.player-info__progress-marker-label{position:absolute;bottom:70%;right:-50px;transform:translateY(50%);font-size:13px;color:#2c3e50;font-weight:800;white-space:nowrap;background:#ffd23f;padding:4px 10px;border-radius:10px;border:2px solid #2c3e50;box-shadow:0 3px 6px rgba(0,0,0,.4)}@media(max-width: 767px){.player-info__progress-marker-label{right:-40px;font-size:10px}}.player-info__back-button-container{margin-top:15px;text-align:center;position:relative;z-index:1;pointer-events:auto}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__back-button-container{margin-top:0}}.player-info__back-button{font-family:"Nunito",sans-serif;background:rgba(231,76,60,.9);color:#fff;border:2px solid #fff;border-radius:12px;padding:10px 15px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .3s ease;min-width:120px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px rgba(0,0,0,.5);transform:translateY(0);position:relative;z-index:1}.player-info__back-button:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.6)}.player-info__back-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.4)}@media(max-width: 767px){.player-info__back-button{font-size:.8rem;padding:5px 10px;min-width:100px}}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.player-info__back-button{font-size:.7rem;padding:4px 8px;min-width:80px}}
.shopping-list{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:100}.shopping-list__content{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #ff6b35;border-radius:25px;padding:1rem 1.5rem;text-align:center;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);position:relative;overflow:hidden;transition:all .3s ease}.shopping-list__content:hover{transform:translateY(-2px);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4)}.shopping-list__content::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@media(max-width: 767px){.shopping-list__content{padding:.75rem 1rem;border-width:3px;box-shadow:0 6px 0 #2c3e50,0 8px 15px rgba(0,0,0,.3)}}.shopping-list__title{font-family:"Nunito",sans-serif;font-size:1.4rem;font-weight:800;margin:0 0 .75rem 0;color:#2c3e50;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;z-index:1}@media(max-width: 767px){.shopping-list__title{font-size:1.1rem;margin-bottom:.5rem}}.shopping-list__items{display:flex;gap:1rem;justify-content:center;align-items:center;position:relative;z-index:1}@media(max-width: 767px){.shopping-list__items{gap:.5rem}}.shopping-list__item{font-size:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);border:3px solid #2c3e50;border-radius:15px;padding:.5rem;box-shadow:0 4px 0 #2c3e50,0 0 10px rgba(255,107,53,.2);transition:all .2s ease}.shopping-list__item:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 0 #2c3e50,0 0 15px rgba(255,107,53,.4)}@media(max-width: 767px){.shopping-list__item{font-size:1.8rem;padding:.4rem;border-width:2px;box-shadow:0 3px 0 #2c3e50}}.shopping-list__item-sprite{width:2.5rem;height:2.5rem;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}@media(max-width: 767px){.shopping-list__item-sprite{width:1.8rem;height:1.8rem}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}
.statement-indicators{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:100}@media(max-width: 767px){.statement-indicators{top:10px;left:10px;gap:5px}}.statement-indicators__indicator{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.statement-indicators__indicator--debt{background-color:#f44;box-shadow:0 0 15px rgba(255,68,68,.8),inset 0 0 10px rgba(0,0,0,.3)}.statement-indicators__indicator--no-debt{background-color:#4caf50;box-shadow:0 0 15px rgba(76,175,80,.8),inset 0 0 10px rgba(255,255,255,.2)}@media(max-width: 767px){.statement-indicators__indicator{width:40px;height:40px;font-size:1.2rem;border-width:2px}}
.debtors-list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:101;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #e74c3c;border-radius:25px;padding:2.5rem;min-width:600px;max-width:900px;max-height:70vh;box-shadow:0 8px 16px rgba(0,0,0,.2);animation:slideIn .3s ease-out;overflow:hidden;margin-top:60px}.debtors-list::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@media(max-width: 767px){.debtors-list{min-width:340px;max-width:95vw;max-height:60vh;padding:1.5rem;margin-top:40px;border-width:3px}}.debtors-list__content{text-align:center;position:relative;z-index:1}.debtors-list__title{font-family:"Fredoka One",cursive;color:#fff;font-size:2.2rem;font-weight:400;margin:0 0 1.5rem 0;text-transform:uppercase;letter-spacing:1px;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3)}@media(max-width: 767px){.debtors-list__title{font-size:1.8rem}}.debtors-list__subtitle{font-family:"Nunito",sans-serif;color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem 0}@media(max-width: 767px){.debtors-list__subtitle{font-size:1.1rem}}.debtors-list__names{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));grid-gap:.75rem;gap:.75rem;max-height:350px;overflow-y:auto;padding:.5rem;background:rgba(231,76,60,.05);border-radius:15px;border:2px dashed #e74c3c}.debtors-list__names[data-count="1"]{grid-template-columns:1fr}.debtors-list__names[data-count="2"]{grid-template-columns:repeat(2, 1fr)}.debtors-list__names[data-count="3"],.debtors-list__names[data-count="4"],.debtors-list__names[data-count="5"],.debtors-list__names[data-count="6"]{grid-template-columns:repeat(3, 1fr)}.debtors-list__names[data-count-more=true]{grid-template-columns:repeat(3, 1fr)}@media(max-width: 767px){.debtors-list__names{grid-template-columns:repeat(2, 1fr);max-height:280px;gap:.5rem}.debtors-list__names[data-count="1"]{grid-template-columns:1fr}}.debtors-list__names::-webkit-scrollbar{width:8px}.debtors-list__names::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.debtors-list__names::-webkit-scrollbar-thumb{background:rgba(231,76,60,.5);border-radius:4px}.debtors-list__names::-webkit-scrollbar-thumb:hover{background:rgba(231,76,60,.8)}.debtors-list__player{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(231, 76, 60, 0.15) 50%, rgba(255, 255, 255, 0.9) 100%);border:3px solid #e74c3c;border-radius:15px;padding:1rem;box-shadow:0 4px 0 #e74c3c,0 0 15px rgba(231,76,60,.2);transition:all .2s ease;position:relative;overflow:hidden}.debtors-list__player::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:playerShine 2s ease-in-out infinite}.debtors-list__player:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 0 #e74c3c,0 10px 20px rgba(231,76,60,.4);background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(231, 76, 60, 0.25) 50%, rgba(255, 255, 255, 0.95) 100%)}@media(max-width: 767px){.debtors-list__player{flex-direction:column;gap:.5rem;text-align:center;padding:.8rem}}.debtors-list__name{font-family:"Nunito",sans-serif;color:#2c3e50;font-weight:800;font-size:1.2rem;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;z-index:1}@media(max-width: 767px){.debtors-list__name{font-size:1.1rem}}.debtors-list__debt{font-family:"Nunito",sans-serif;color:#e74c3c;font-weight:700;font-size:1.1rem;position:relative;z-index:1}@media(max-width: 767px){.debtors-list__debt{font-size:1rem}}.debtors-list:has(.debtors-list__title:contains("All Cards Paid Off")){border-color:#06ffa5;box-shadow:0 8px 16px rgba(0,0,0,.2),0 0 30px rgba(6,255,165,.4)}.debtors-list:has(.debtors-list__title:contains("All Cards Paid Off")) .debtors-list__title{color:#fff;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes playerShine{0%{left:-100%}100%{left:100%}}
.game-timer{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:100;background:rgba(0,0,0,0);color:#fff;padding:1rem 2rem;font-family:"Fredoka One",cursive;font-size:4rem;font-weight:400;text-align:center;min-width:400px;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3);transition:all .3s ease}.game-timer__label{font-family:"Nunito",sans-serif;font-size:1.4rem;font-weight:600;text-shadow:1px 1px 0 #2c3e50,-1px -1px 0 #2c3e50,1px -1px 0 #2c3e50,-1px 1px 0 #2c3e50;position:relative;z-index:1;margin-bottom:.4rem;letter-spacing:1px}.game-timer__value{display:block;position:relative;z-index:1}.game-timer__letter{display:inline-block;transition:transform .3s ease;animation:letterBounce 4s ease-in-out infinite}.game-timer--warning{color:#e74c3c;background:rgba(0,0,0,0);animation:pulse-warning 1s infinite alternate}.game-timer--warning .game-timer__letter{animation:letterBounce .5s ease-in-out infinite,warningShake .3s ease-in-out infinite}.game-timer--host{font-size:3.5rem;padding:1.5rem 3rem;min-width:350px}.game-timer--host .game-timer__label{font-size:1rem}@media(max-width: 767px){.game-timer--host{font-size:2.8rem;padding:1rem 2rem;min-width:280px}.game-timer--host .game-timer__label{font-size:.8rem}}@media(max-width: 767px){.game-timer{top:10px;font-size:3rem;padding:.8rem 1.5rem;min-width:300px}.game-timer .game-timer__label{font-size:1.2rem}}@keyframes pulse-warning{0%{opacity:.9;transform:translateX(-50%) scale(1)}100%{opacity:1;transform:translateX(-50%) scale(1.05)}}@keyframes letterBounce{0%,90%,100%{transform:translateY(0px) rotate(0deg)}5%,85%{transform:translateY(-2px) rotate(-0.5deg)}}@keyframes warningShake{0%,100%{transform:translateX(0) translateY(0)}25%{transform:translateX(-2px) translateY(-1px)}75%{transform:translateX(2px) translateY(1px)}}
.teaching-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:"Nunito",sans-serif}.teaching-popup__content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2.5rem;color:#2c3e50;max-width:650px;max-height:90vh;overflow-x:scroll;text-align:center;border:4px solid #4ecdc4;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);position:relative;overflow-x:scroll}.teaching-popup__content::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none;z-index:0}.teaching-popup__content>*{position:relative;z-index:1}@media(max-width: 767px){.teaching-popup__content{max-width:90vw;padding:2rem 1.5rem}}.teaching-popup__title{font-family:"Fredoka One",cursive;color:#2c3e50;font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 0 rgba(78,205,196,.3),0 3px 10px rgba(0,0,0,.1);letter-spacing:.5px}@media(max-width: 767px){.teaching-popup__title{font-size:1.8rem;margin-bottom:1.5rem}}.teaching-popup__text{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#2c3e50;font-weight:600}@media(max-width: 767px){.teaching-popup__text{font-size:1rem}}.teaching-popup__instructions{margin-bottom:2rem;text-align:left;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(78, 205, 196, 0.1) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #4ecdc4;border-radius:20px;padding:1.5rem;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2)}.teaching-popup__instructions-title{font-size:1.4rem;font-weight:900;color:#2c3e50;margin:0 0 1.25rem 0;text-align:center;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width: 767px){.teaching-popup__instructions-title{font-size:1.2rem}}.teaching-popup__instructions-list{font-size:1.1rem;line-height:2;color:#2c3e50;padding-left:1.75rem;font-weight:700}.teaching-popup__instructions-list li{margin-bottom:.75rem}.teaching-popup__instructions-list li::marker{color:#06ffa5;font-weight:900}@media(max-width: 767px){.teaching-popup__instructions-list{font-size:1rem;padding-left:1.5rem}}.teaching-popup__spectator-instructions{margin-bottom:2rem;text-align:left;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 210, 63, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #ffd23f;border-radius:20px;padding:1.5rem;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(255,210,63,.3)}.teaching-popup__host-intro{font-size:1.4rem;color:#2c3e50;font-weight:800;text-align:center;margin-bottom:1.5rem;line-height:1.5;text-shadow:0 1px 2px rgba(255,255,255,.5)}.teaching-popup__spectator-list{font-size:1.1rem;line-height:2;color:#2c3e50;padding-left:1.75rem;list-style-type:disc;font-weight:700}.teaching-popup__spectator-list li{margin-bottom:.75rem}.teaching-popup__spectator-list li::marker{color:#ffd23f;font-weight:900}.teaching-popup__spectator-list li strong{font-weight:900;color:#ff6b35}@media(max-width: 767px){.teaching-popup__spectator-list{font-size:1rem;padding-left:1.5rem}}.teaching-popup__button{font-family:"Nunito",sans-serif;padding:1rem 2.5rem;border:4px solid #2c3e50;border-radius:20px;font-size:1.3rem;font-weight:900;cursor:pointer;transition:all .2s ease;background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(0,0,0,.3);transform:translateY(0);margin-top:1rem;animation:buttonPulse 2s ease-in-out infinite}.teaching-popup__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 #2c3e50,0 12px 25px rgba(6,255,165,.5);background:linear-gradient(45deg, #4ECDC4, #06FFA5)}.teaching-popup__button:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2)}.teaching-popup__button--disabled{opacity:.6;cursor:not-allowed;background:#95a5a6;transform:translateY(3px);box-shadow:0 3px 0 #7f8c8d,0 6px 15px rgba(0,0,0,.2);animation:none}.teaching-popup__button--disabled:hover{background:#95a5a6;transform:translateY(3px);box-shadow:0 3px 0 #7f8c8d,0 6px 15px rgba(0,0,0,.2)}.teaching-popup__button--understood{background:linear-gradient(45deg, #4ECDC4, #06FFA5)}.teaching-popup__button--understood:hover:not(:disabled){background:linear-gradient(45deg, #05D494, #3BB3A8)}@media(max-width: 767px){.teaching-popup__button{font-size:1.1rem;padding:.9rem 2rem}}.teaching-popup__ready-count{font-size:1.1rem;color:#2c3e50;font-weight:800;margin-bottom:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(6, 255, 165, 0.2) 50%, rgba(255, 255, 255, 0.95) 100%);border-radius:15px;border:3px solid #06ffa5;box-shadow:0 4px 0 #2c3e50,0 0 20px rgba(6,255,165,.3);text-shadow:0 1px 2px rgba(255,255,255,.5);animation:readyPulse 2s ease-in-out infinite}.teaching-popup__ready-count--incomplete{color:#2c3e50;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 210, 63, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #ffd23f;box-shadow:0 4px 0 #2c3e50,0 0 15px rgba(255,210,63,.3);animation:none}.teaching-popup__waiting-message{font-size:1.05rem;color:#2c3e50;font-weight:700;font-style:italic;margin-top:1.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(78, 205, 196, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border-radius:15px;border:3px solid #4ecdc4;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(78,205,196,.2)}.teaching-popup__player-status{margin-bottom:1.5rem}.teaching-popup__player-list{margin-top:1rem;padding:1.25rem;border-radius:15px;text-align:left;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2)}.teaching-popup__player-list--ready{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(6, 255, 165, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #06ffa5}.teaching-popup__player-list--waiting{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 193, 7, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #ffc107}.teaching-popup__player-list-title{font-size:1.05rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 1px 2px rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}.teaching-popup__player-list--ready .teaching-popup__player-list-title{color:#05d494}.teaching-popup__player-list--waiting .teaching-popup__player-list-title{color:#ff9800}.teaching-popup__player-names{display:flex;flex-wrap:wrap;gap:.5rem}.teaching-popup__player-name{display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;background:rgba(255,255,255,.9);border-radius:12px;color:#2c3e50;border:2px solid #2c3e50;box-shadow:0 2px 0 #2c3e50;transition:all .2s ease}.teaching-popup__player-name:hover{transform:translateY(-1px);box-shadow:0 3px 0 #2c3e50}@media(max-width: 767px){.teaching-popup__player-name{font-size:.85rem;padding:.4rem .8rem}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes buttonPulse{0%,100%{box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(0,0,0,.3)}50%{box-shadow:0 6px 0 #2c3e50,0 10px 25px rgba(6,255,165,.5)}}@keyframes readyPulse{0%,100%{box-shadow:0 4px 0 #2c3e50,0 0 20px rgba(6,255,165,.3)}50%{box-shadow:0 4px 0 #2c3e50,0 0 30px rgba(6,255,165,.6)}}
.statement-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;z-index:1000}.statement-popup__content{background:rgba(255,255,255,.95);border-radius:25px;padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #ff6b35;min-width:450px;max-width:600px;box-shadow:0 8px 16px rgba(0,0,0,.2);text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.statement-popup__content::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.statement-popup__content--debt{border-color:#ff6b35;animation:partyPulse 2s ease-in-out infinite}.statement-popup__content--no-debt{border-color:#06ffa5;animation:partyPulse 2s ease-in-out infinite}.statement-popup__content:hover{box-shadow:0 12px 24px rgba(0,0,0,.3)}@media(max-width: 767px){.statement-popup__content{min-width:300px;padding:1.5rem}}.statement-popup__title{font-family:"Fredoka One",cursive;font-size:2.5rem;margin-bottom:1.5rem;color:#fff;display:flex;gap:10px;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3);position:relative;z-index:1}.statement-popup__title .letter{display:inline-block;animation:letterBounce .3s ease infinite;margin-right:-0.1em}.statement-popup__title .letter:nth-child(1){animation-delay:0.1s}.statement-popup__title .letter:nth-child(2){animation-delay:0.2s}.statement-popup__title .letter:nth-child(3){animation-delay:0.3s}.statement-popup__title .letter:nth-child(4){animation-delay:0.4s}.statement-popup__title .letter:nth-child(5){animation-delay:0.5s}.statement-popup__title .letter:nth-child(6){animation-delay:0.6s}.statement-popup__title .letter:nth-child(7){animation-delay:0.7s}.statement-popup__title .letter:nth-child(8){animation-delay:0.8s}.statement-popup__title .letter:nth-child(9){animation-delay:0.9s}.statement-popup__title .letter:nth-child(10){animation-delay:1s}.statement-popup__title .letter:nth-child(11){animation-delay:1.1s}.statement-popup__title .letter:nth-child(12){animation-delay:1.2s}.statement-popup__title .letter:nth-child(13){animation-delay:1.3s}.statement-popup__title .letter:nth-child(14){animation-delay:1.4s}.statement-popup__title .letter:nth-child(15){animation-delay:1.5s}.statement-popup__title .letter:nth-child(16){animation-delay:1.6s}.statement-popup__title .letter:nth-child(17){animation-delay:1.7s}.statement-popup__title .letter:nth-child(18){animation-delay:1.8s}.statement-popup__title .letter:nth-child(19){animation-delay:1.9s}.statement-popup__title .letter:nth-child(20){animation-delay:2s}@media(max-width: 767px){.statement-popup__title{font-size:1.8rem}}.statement-popup__icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}@media(max-width: 767px){.statement-popup__icon{font-size:3rem}}.statement-popup__message{font-family:"Nunito",sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;color:#2c3e50;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}@media(max-width: 767px){.statement-popup__message{font-size:1.3rem}}.statement-popup__interest{font-family:"Nunito",sans-serif;font-size:1.5rem;color:#ff6b35;margin-bottom:1rem;font-weight:800;padding:1rem;background:rgba(255,107,53,.1);border-radius:15px;border:2px dashed #ff6b35;position:relative;z-index:1}@media(max-width: 767px){.statement-popup__interest{font-size:1.2rem}}.statement-popup__advice{font-family:"Nunito",sans-serif;font-size:1.1rem;color:#2c3e50;line-height:1.6;font-weight:700;position:relative;z-index:1}@media(max-width: 767px){.statement-popup__advice{font-size:1rem}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes partyPulse{0%{transform:scale(1);box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 20px rgba(6,255,165,.3)}50%{transform:scale(1.02);box-shadow:0 20px 45px rgba(0,0,0,.3),0 0 30px rgba(6,255,165,.5)}100%{transform:scale(1);box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 20px rgba(6,255,165,.3)}}@keyframes letterBounce{0%,85%,100%{transform:translateY(0px) rotate(0deg)}5%,80%{transform:translateY(-2px) rotate(-0.5deg)}}
.warning-popup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000}.warning-popup__content{background-color:rgba(255,68,68,.95);color:#fff;padding:20px 40px;border-radius:8px;font-size:1.5rem;font-weight:bold;text-align:center;border:3px solid red;animation:pulse 1s infinite;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media(max-width: 767px){.warning-popup__content{font-size:1.2rem;padding:15px 20px}}
.facilitator-popup{position:fixed;bottom:20px;left:20px;z-index:100;max-width:320px}@media(max-width: 767px){.facilitator-popup{bottom:15px;left:15px;max-width:280px}}.facilitator-popup__content{background-color:rgba(26,26,46,.9);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:20px;color:#fff;border:2px solid #2196f3;border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.7);background-color:rgba(26,26,46,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInFromLeft .5s ease-out}.facilitator-popup__header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.facilitator-popup__icon{font-size:1.5rem}.facilitator-popup__title{color:#2196f3;font-size:1.1rem;font-weight:bold;margin:0}@media(max-width: 767px){.facilitator-popup__title{font-size:1rem}}.facilitator-popup__body{margin:0}.facilitator-popup__theme-title{color:#4caf50;font-size:1rem;font-weight:bold;margin:0 0 10px 0}@media(max-width: 767px){.facilitator-popup__theme-title{font-size:.9rem}}.facilitator-popup__message{color:#fff;font-size:.9rem;line-height:1.4;margin:0;font-style:italic}@media(max-width: 767px){.facilitator-popup__message{font-size:.8rem}}@keyframes slideInFromLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}
.landscape-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in-out}.landscape-prompt-content{text-align:center;color:#fff;padding:2rem;max-width:90%}.landscape-prompt-icon{margin-bottom:1.5rem;animation:rotateIcon 2s ease-in-out infinite}.landscape-prompt-icon svg{filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2))}.landscape-prompt-title{font-size:1.5rem;font-weight:bold;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.landscape-prompt-message{font-size:1rem;line-height:1.5;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes rotateIcon{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes lobbyShine{0%{left:-100%}100%{left:100%}}.car-tutorial-slideshow{width:100%;font-family:"Nunito",sans-serif}.slideshow-tutorial__slide{text-align:center;min-height:500px;display:flex;flex-direction:column;justify-content:center;padding:20px}.slideshow-tutorial__slide--comparison{min-height:600px}.slideshow-tutorial__title{font-family:"Fredoka One",cursive;font-size:3rem;font-weight:800;color:#fff;margin-bottom:20px;line-height:1.2;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3)}.slideshow-tutorial__title--large{font-size:3.5rem}.slideshow-tutorial__subtitle{font-size:1.6rem;color:#fff;margin-bottom:50px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slideshow-tutorial__cars{display:flex;justify-content:space-around;align-items:flex-start;gap:30px;margin:50px 0;flex-wrap:wrap}.slideshow-tutorial__car-option{display:flex;flex-direction:column;align-items:center;padding:30px 25px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #2c3e50;border-radius:20px;min-width:220px;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);transform:translateY(0)}.slideshow-tutorial__car-option::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.slideshow-tutorial__car-option--clickable{cursor:pointer}.slideshow-tutorial__car-option--clickable:hover{border-color:#4ecdc4;transform:translateY(-4px);box-shadow:0 12px 0 #4ecdc4,0 16px 30px rgba(78,205,196,.4)}.slideshow-tutorial__car-option--clickable:hover .slideshow-tutorial__car-image{transform:scale(1.1)}.slideshow-tutorial__car-option--clickable:active{transform:translateY(2px);box-shadow:0 6px 0 #4ecdc4,0 10px 15px rgba(78,205,196,.3)}.slideshow-tutorial__car-option--voted{border-color:#05d494;background:rgba(255,255,255,.95);box-shadow:0 8px 0 #05d494,0 12px 20px rgba(5,212,148,.4);transform:translateY(0)}.slideshow-tutorial__car-option--voted .slideshow-tutorial__car-payment{color:#05d494}.slideshow-tutorial__car-image{font-size:4.5rem;margin-bottom:20px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.slideshow-tutorial__car-image--basic,.slideshow-tutorial__car-image--shitty{filter:grayscale(0.4) brightness(0.8) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.slideshow-tutorial__car-image--decent,.slideshow-tutorial__car-image--ok{filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.slideshow-tutorial__car-image--luxury,.slideshow-tutorial__car-image--cool{filter:brightness(1.1) saturate(1.2) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.slideshow-tutorial__car-image--large{font-size:7rem;margin:30px 0}.slideshow-tutorial__car-image--broken{font-size:6rem;filter:grayscale(0.8) brightness(0.6) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));margin:40px 0}.slideshow-tutorial__car-details{text-align:center}.slideshow-tutorial__car-payment{font-size:1.4rem;font-weight:800;color:#2c3e50;margin-bottom:15px;z-index:1;position:relative}.slideshow-tutorial__vote-count{font-size:1rem;color:#4ecdc4;font-weight:700;background:rgba(78,205,196,.2);padding:6px 14px;border-radius:15px;border:2px solid #4ecdc4;z-index:1;position:relative}.slideshow-tutorial__footnote{font-size:1.1rem;color:#fff;font-style:italic;font-weight:600;margin-top:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slideshow-tutorial__instruction{font-size:1.4rem;color:#fff;margin:30px 0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slideshow-tutorial__host-info{margin-top:30px}.slideshow-tutorial__host-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.slideshow-tutorial__next-button{background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;border:4px solid #2c3e50;padding:18px 40px;border-radius:20px;font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px;transform:translateY(0);font-family:"Nunito",sans-serif}.slideshow-tutorial__next-button:hover{background:linear-gradient(45deg, #4ECDC4, #06FFA5);transform:translateY(-2px);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4),0 0 35px rgba(6,255,165,.6)}.slideshow-tutorial__next-button:active{transform:translateY(4px);box-shadow:0 4px 0 #2c3e50,0 8px 15px rgba(0,0,0,.2)}.slideshow-tutorial__comparison-layout{display:flex;align-items:stretch;gap:40px;margin:40px 0;min-height:400px}.slideshow-tutorial__voted-car-section{flex:1 1;max-width:300px;min-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #ff6b35;border-radius:20px;padding:40px 20px;box-shadow:0 8px 0 #ff6b35,0 12px 20px rgba(255,107,53,.4);position:relative;overflow:hidden}.slideshow-tutorial__voted-car-section::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 107, 53, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.slideshow-tutorial__voted-car-section h3{font-size:1.6rem;color:#2c3e50;margin-top:20px;font-weight:800;text-align:center;z-index:1;position:relative}.slideshow-tutorial__credit-comparison{flex:2 1;display:flex;gap:20px}.slideshow-tutorial__credit-column{flex:1 1;padding:40px 30px;border-radius:20px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 0 currentColor,0 12px 20px rgba(0,0,0,.3)}.slideshow-tutorial__credit-column--excellent{background:rgba(255,255,255,.95);border:4px solid #05d494;color:#05d494}.slideshow-tutorial__credit-column--excellent::before{background:linear-gradient(45deg, transparent 30%, rgba(5, 212, 148, 0.1) 50%, transparent 70%)}.slideshow-tutorial__credit-column--terrible{background:rgba(255,255,255,.95);border:4px solid #e74c3c;color:#e74c3c}.slideshow-tutorial__credit-column--terrible::before{background:linear-gradient(45deg, transparent 30%, rgba(231, 76, 60, 0.1) 50%, transparent 70%)}.slideshow-tutorial__credit-column::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.slideshow-tutorial__credit-column h3{font-size:1.4rem;font-weight:800;margin-bottom:30px;color:inherit;text-transform:uppercase;letter-spacing:.5px;z-index:1;position:relative}.slideshow-tutorial__credit-details p{font-size:1.2rem;margin:15px 0;color:#2c3e50;font-weight:600;z-index:1;position:relative}.slideshow-tutorial__status{font-weight:800;font-size:1.3rem;margin-top:25px !important;text-transform:uppercase;letter-spacing:.5px}.slideshow-tutorial__status--insufficient{color:#f7931e !important;text-shadow:0 2px 4px rgba(0,0,0,.2)}.slideshow-tutorial__status--over-budget{color:#e74c3c !important;text-shadow:0 2px 4px rgba(0,0,0,.2)}.slideshow-tutorial__final-title{font-family:"Fredoka One",cursive;font-size:2.4rem;color:#fff;margin-bottom:40px;line-height:1.3;font-weight:800;text-shadow:2px 2px 0 #2c3e50,-2px -2px 0 #2c3e50,2px -2px 0 #2c3e50,-2px 2px 0 #2c3e50,0 3px 0 #2c3e50,0 5px 10px rgba(0,0,0,.3)}.slideshow-tutorial__final-car{margin:50px 0}.slideshow-tutorial__broken-description{font-size:1.3rem;color:#fff;font-style:italic;font-weight:600;margin-top:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slideshow-tutorial__warning{font-family:"Nunito",sans-serif;font-size:2.6rem;color:#fff;font-weight:900;margin:40px auto;max-width:800px;background:#e74c3c;padding:25px 35px;border-radius:20px;border:4px solid #2c3e50;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(231,76,60,.5),0 0 30px rgba(231,76,60,.4);text-transform:uppercase;letter-spacing:1px;animation:pulse 2s infinite}.slideshow-tutorial__learn-button{background:linear-gradient(45deg, #FF6B35, #F7931E);color:#fff;border:4px solid #2c3e50;padding:20px 50px;border-radius:20px;font-size:1.4rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px;transform:translateY(0);font-family:"Nunito",sans-serif}.slideshow-tutorial__learn-button:hover{background:linear-gradient(45deg, #F7931E, #FFD23F);transform:translateY(-2px);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4),0 0 35px rgba(255,210,63,.6)}.slideshow-tutorial__learn-button:active{transform:translateY(4px);box-shadow:0 4px 0 #2c3e50,0 8px 15px rgba(0,0,0,.2)}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-content{display:flex;align-items:center;justify-content:center;gap:60px;margin:40px 0}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__car-image-container{flex-shrink:0}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__car-image-large{width:410px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:20px;border:4px solid #f7931e;box-shadow:0 8px 0 #f7931e,0 12px 20px rgba(247,147,30,.4);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2))}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-details{display:flex;flex-direction:column;gap:20px;text-align:left}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-item{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:rgba(255,255,255,.95);border:4px solid #2c3e50;border-radius:20px;min-width:400px;box-shadow:0 6px 0 #2c3e50,0 10px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-item::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.2) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-label{font-size:1.1rem;color:#2c3e50;font-weight:700;z-index:1;position:relative}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-value{font-size:1.2rem;color:#2c3e50;font-weight:800;z-index:1;position:relative}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-impact-layout{display:flex;gap:30px;justify-content:center;margin:20px 0;align-items:stretch}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel{flex:1 1;max-width:450px;padding:30px 25px;border-radius:20px;border:4px solid #2c3e50;box-shadow:0 8px 0 currentColor,0 12px 20px rgba(0,0,0,.3);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel--excellent{background:rgba(255,255,255,.95);border-color:#05d494;box-shadow:0 8px 0 #05d494,0 12px 20px rgba(5,212,148,.4)}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel--excellent::before{background:linear-gradient(45deg, transparent 30%, rgba(5, 212, 148, 0.1) 50%, transparent 70%)}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel--subprime{background:rgba(255,255,255,.95);border-color:#e74c3c;box-shadow:0 8px 0 #e74c3c,0 12px 20px rgba(231,76,60,.4)}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel--subprime::before{background:linear-gradient(45deg, transparent 30%, rgba(231, 76, 60, 0.1) 50%, transparent 70%)}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-header{font-size:1.4rem;font-weight:800;margin-bottom:25px;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;z-index:1;position:relative}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(44,62,80,.1);border-radius:12px;font-size:1rem;margin-bottom:12px;z-index:1;position:relative}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-item--total{margin-top:15px;padding:20px 18px;background:rgba(78,205,196,.2);border:3px solid #4ecdc4;border-radius:15px;box-shadow:0 4px 0 #4ecdc4}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-item span:first-child{color:#2c3e50;font-weight:600}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-item span:last-child{color:#2c3e50;font-weight:800}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__total-cost--large{font-size:2rem;font-weight:900;color:#2c3e50}@media(max-width: 1024px){.slideshow-tutorial__comparison-layout{flex-direction:column;gap:30px}.slideshow-tutorial__voted-car-section{flex:none;max-width:100%}.slideshow-tutorial__credit-comparison{flex:none}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-impact-layout{flex-direction:column;gap:25px}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel{max-width:100%}}@media(max-width: 768px){.slideshow-tutorial__title{font-size:2.2rem}.slideshow-tutorial__title--large{font-size:2.5rem}.slideshow-tutorial__subtitle{font-size:1.3rem}.slideshow-tutorial__cars{flex-direction:column;align-items:center;gap:25px}.slideshow-tutorial__car-option{min-width:200px;padding:25px 20px}.slideshow-tutorial__car-image{font-size:3.5rem}.slideshow-tutorial__car-image--large{font-size:5rem}.slideshow-tutorial__car-image--broken{font-size:4.5rem}.slideshow-tutorial__credit-comparison{flex-direction:column;gap:20px}.slideshow-tutorial__credit-column{padding:30px 20px}.slideshow-tutorial__comparison-layout{gap:20px}.slideshow-tutorial__final-title{font-size:1.8rem}.slideshow-tutorial__warning{font-size:2rem;padding:20px 25px}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-content{flex-direction:column;gap:30px}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__car-image-large{width:100%;max-width:350px;height:auto}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-details{gap:15px;width:100%}.slideshow-tutorial__slide--loan-scenario .slideshow-tutorial__loan-item{flex-direction:column;text-align:center;gap:8px;min-width:0;min-width:initial;padding:15px 20px}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-panel{padding:20px 15px}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__credit-header{font-size:1.1rem}.slideshow-tutorial__slide--credit-impact .slideshow-tutorial__total-cost--large{font-size:1.5rem}}
@keyframes jackboxGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.credit-quiz-slideshow{width:100%;font-family:"Nunito",sans-serif}.credit-quiz-slideshow__slide{min-height:600px;display:flex;flex-direction:column;padding:40px;background:rgba(0,0,0,0);color:#fff;border-radius:25px;position:relative;overflow:hidden}.credit-quiz-slideshow__header{text-align:center;margin-bottom:20px}.credit-quiz-slideshow__quiz-time-header{font-family:"Fredoka One",cursive;font-size:3.5rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 30px 0;text-shadow:3px 3px 0 #2c3e50,-3px -3px 0 #2c3e50,3px -3px 0 #2c3e50,-3px 3px 0 #2c3e50,0 3px 0 #2c3e50,0 -3px 0 #2c3e50,3px 0 0 #2c3e50,-3px 0 0 #2c3e50,0 4px 0 #2c3e50,0 6px 0 #1a252f,0 8px 0 #0f1419,0 10px 20px rgba(0,0,0,.3)}.credit-quiz-slideshow__quiz-time-header .letter{display:inline-block;transition:transform .3s ease}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(1){animation:letterBounce1 4s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(2){animation:letterBounce2 5s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(3){animation:letterBounce3 3.5s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(4){animation:letterBounce4 4.5s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(5){animation:letterBounce5 6s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(6){animation:letterBounce6 3s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(7){animation:letterBounce7 5.5s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(8){animation:letterBounce8 4.2s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(9){animation:letterBounce9 3.8s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(10){animation:letterBounce10 4.8s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(11){animation:letterBounce11 3.2s ease-in-out infinite}.credit-quiz-slideshow__quiz-time-header .letter:nth-child(12){animation:letterBounce12 5.2s ease-in-out infinite}.credit-quiz-slideshow__question{font-size:2.2rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:40px;line-height:1.3;text-shadow:0 2px 4px rgba(255,255,255,.5)}.credit-quiz-slideshow__options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:40px;flex:1 1}.credit-quiz-slideshow__option{position:relative;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #2c3e50;border-radius:20px;padding:30px 25px;cursor:default;transition:all .2s ease;overflow:hidden;min-height:120px;display:flex;flex-direction:column;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);transform:translateY(0)}.credit-quiz-slideshow__option::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.credit-quiz-slideshow__option--clickable{cursor:pointer}.credit-quiz-slideshow__option--clickable:hover{transform:translateY(-2px);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4)}.credit-quiz-slideshow__option--clickable:active{transform:translateY(4px);box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2)}.credit-quiz-slideshow__option--voted{border-color:#4ecdc4;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(78, 205, 196, 0.2) 50%, rgba(255, 255, 255, 0.95) 100%);box-shadow:0 8px 0 #4ecdc4,0 12px 20px rgba(78,205,196,.4)}.credit-quiz-slideshow__option--correct{border-color:#05d494;background:rgba(255,255,255,.95);box-shadow:0 8px 0 #05d494,0 12px 20px rgba(5,212,148,.4);animation:correctAnswerPulse 1s ease-in-out}.credit-quiz-slideshow__option--incorrect{border-color:#e74c3c;background:rgba(255,255,255,.95);box-shadow:0 8px 0 #e74c3c,0 12px 20px rgba(231,76,60,.3)}.credit-quiz-slideshow__option--incorrect-voted{border-color:#e74c3c;background:rgba(255,255,255,.95);box-shadow:0 8px 0 #e74c3c,0 12px 20px rgba(231,76,60,.4)}.credit-quiz-slideshow__option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;z-index:1;position:relative}.credit-quiz-slideshow__option-letter{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:#fff;border:3px solid #2c3e50;box-shadow:0 4px 0 #2c3e50}.credit-quiz-slideshow__option-letter--a{background:#e21b3c}.credit-quiz-slideshow__option-letter--b{background:#1368ce}.credit-quiz-slideshow__option-letter--c{background:#ffa602;color:#2c3e50}.credit-quiz-slideshow__option-letter--d{background:#26890c}.credit-quiz-slideshow__option-text{font-size:1.3rem;color:#2c3e50;font-weight:700;flex:1 1;display:flex;align-items:center;line-height:1.3;z-index:1;position:relative}.credit-quiz-slideshow__result-bar-container{position:absolute;bottom:0;left:0;right:0;height:35px;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;background:rgba(44,62,80,.15);border-radius:0 0 16px 16px;border-top:2px solid rgba(44,62,80,.2)}.credit-quiz-slideshow__result-bar{position:absolute;bottom:0;left:0;height:8px;background:linear-gradient(90deg, #4ECDC4, #06FFA5);transition:width .8s cubic-bezier(0.4, 0, 0.2, 1);border-radius:0 0 16px 0}.credit-quiz-slideshow__result-percentage{font-size:1.1rem;font-weight:800;color:#2c3e50;z-index:1}.credit-quiz-slideshow__host-controls{display:flex;flex-direction:column;align-items:center;gap:20px}.credit-quiz-slideshow__instruction{font-size:1.4rem;color:#fff;margin:0 0 10px 0;text-align:center;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.credit-quiz-slideshow__vote-status{font-size:2.6rem;color:#fff;margin:0;text-align:center;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.credit-quiz-slideshow__show-results-button,.credit-quiz-slideshow__next-button{font-family:"Nunito",sans-serif;padding:1.2rem 2.5rem;border:4px solid #2c3e50;border-radius:20px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .2s ease;background:linear-gradient(45deg, #FF6B35, #F7931E);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);transform:translateY(0);position:relative}.credit-quiz-slideshow__show-results-button:hover:not(:disabled),.credit-quiz-slideshow__next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4);background:linear-gradient(45deg, #F7931E, #FFD23F)}.credit-quiz-slideshow__show-results-button:active:not(:disabled),.credit-quiz-slideshow__next-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2)}.credit-quiz-slideshow__show-results-button:disabled,.credit-quiz-slideshow__show-results-button--disabled,.credit-quiz-slideshow__next-button:disabled,.credit-quiz-slideshow__next-button--disabled{opacity:.6;cursor:not-allowed;transform:translateY(4px);box-shadow:0 4px 0 #95a5a6,0 6px 15px rgba(0,0,0,.2);background:#bdc3c7;color:#7f8c8d}.credit-quiz-slideshow__show-results-button:disabled:hover,.credit-quiz-slideshow__show-results-button--disabled:hover,.credit-quiz-slideshow__next-button:disabled:hover,.credit-quiz-slideshow__next-button--disabled:hover{transform:translateY(4px) !important;box-shadow:0 4px 0 #95a5a6,0 6px 15px rgba(0,0,0,.2) !important;background:#bdc3c7 !important}.credit-quiz-slideshow__next-button{background:linear-gradient(45deg, #05D494, #3BB3A8);animation:pulse 2s infinite}.credit-quiz-slideshow__next-button:hover:not(:disabled){background:linear-gradient(45deg, #4ECDC4, #06FFA5);box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4),0 0 35px rgba(6,255,165,.6)}.credit-quiz-slideshow__explanation{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #4ecdc4;border-radius:20px;padding:25px;margin-bottom:20px;text-align:center;font-size:1.2rem;line-height:1.6;color:#2c3e50;box-shadow:0 8px 16px rgba(0,0,0,.2)}.credit-quiz-slideshow__explanation strong{color:#4ecdc4;font-weight:800;font-size:1.3rem;text-transform:uppercase}.quiz-option--red{border-color:#e21b3c !important;background:linear-gradient(135deg, rgba(226, 27, 60, 0.2), rgba(15, 23, 42, 0.5)) !important}.quiz-option--blue{border-color:#1368ce !important;background:linear-gradient(135deg, rgba(19, 104, 206, 0.2), rgba(15, 23, 42, 0.5)) !important}.quiz-option--yellow{border-color:#ffa602 !important;background:linear-gradient(135deg, rgba(255, 166, 2, 0.2), rgba(15, 23, 42, 0.5)) !important}.quiz-option--green{border-color:#26890c !important;background:linear-gradient(135deg, rgba(38, 137, 12, 0.2), rgba(15, 23, 42, 0.5)) !important}.credit-quiz-slideshow__option--voted::after{content:"✓";position:absolute;top:15px;right:20px;font-size:2rem;color:#4ecdc4;font-weight:bold;z-index:2}.credit-quiz-slideshow__option--correct::after{content:"✓ CORRECT";position:absolute;top:15px;right:20px;font-size:1.1rem;color:#fff;font-weight:800;background:#05d494;padding:6px 12px;border-radius:10px;box-shadow:0 4px 0 #039b6e;z-index:2;text-transform:uppercase;letter-spacing:.5px}.credit-quiz-slideshow__option--incorrect-voted::after{content:"✗ YOUR ANSWER";position:absolute;top:15px;right:20px;font-size:1rem;color:#fff;font-weight:800;background:#e74c3c;padding:6px 12px;border-radius:10px;box-shadow:0 4px 0 #c0392b;z-index:2;text-transform:uppercase;letter-spacing:.5px}@keyframes correctAnswerPulse{0%{transform:scale(1);box-shadow:0 8px 0 #05d494,0 12px 20px rgba(5,212,148,.4)}50%{transform:scale(1.02);box-shadow:0 8px 0 #05d494,0 12px 30px rgba(5,212,148,.6),0 0 40px rgba(5,212,148,.8)}100%{transform:scale(1);box-shadow:0 8px 0 #05d494,0 12px 20px rgba(5,212,148,.4)}}@keyframes pulse{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(0)}100%{transform:scale(1) translateY(0)}}.credit-quiz-slideshow__student-waiting{text-align:center;margin:40px 0;padding:40px 20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #4ecdc4;border-radius:20px;box-shadow:0 8px 16px rgba(0,0,0,.2);min-height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.credit-quiz-slideshow__student-waiting::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.credit-quiz-slideshow__waiting-message{font-size:1.8rem;color:#4ecdc4;font-weight:800;margin:0;animation:waitingPulse 2s ease-in-out infinite;z-index:1}@keyframes waitingPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes letterBounce1{0%,90%,100%{transform:translateY(0px) rotate(0deg)}5%,85%{transform:translateY(-1px) rotate(-0.3deg)}}@keyframes letterBounce2{0%,88%,100%{transform:translateY(0px) rotate(0deg)}8%,80%{transform:translateY(-1px) rotate(0.4deg)}}@keyframes letterBounce3{0%,92%,100%{transform:translateY(0px) rotate(0deg)}4%,88%{transform:translateY(-1.5px) rotate(-0.2deg)}}@keyframes letterBounce4{0%,85%,100%{transform:translateY(0px) rotate(0deg)}7%,78%{transform:translateY(-1px) rotate(0.5deg)}}@keyframes letterBounce5{0%,95%,100%{transform:translateY(0px) rotate(0deg)}2%,93%{transform:translateY(-0.5px) rotate(-0.3deg)}}@keyframes letterBounce6{0%,90%,100%{transform:translateY(0px) rotate(0deg)}5%,85%{transform:translateY(-1px) rotate(0.4deg)}}@keyframes letterBounce7{0%,87%,100%{transform:translateY(0px) rotate(0deg)}6%,81%{transform:translateY(-1px) rotate(-0.4deg)}}@keyframes letterBounce8{0%,91%,100%{transform:translateY(0px) rotate(0deg)}4%,87%{transform:translateY(-1px) rotate(0.3deg)}}@keyframes letterBounce9{0%,89%,100%{transform:translateY(0px) rotate(0deg)}5%,84%{transform:translateY(-1px) rotate(-0.5deg)}}@keyframes letterBounce10{0%,86%,100%{transform:translateY(0px) rotate(0deg)}7%,79%{transform:translateY(-1.5px) rotate(0.4deg)}}@keyframes letterBounce11{0%,93%,100%{transform:translateY(0px) rotate(0deg)}3%,90%{transform:translateY(-0.5px) rotate(-0.3deg)}}@keyframes letterBounce12{0%,88%,100%{transform:translateY(0px) rotate(0deg)}6%,82%{transform:translateY(-1px) rotate(0.5deg)}}.quiz-question-slide{min-height:600px;display:flex;flex-direction:column;padding:20px 0}.quiz-question-slide__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.quiz-question-slide__title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg, #f8fafc, #3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin:0}.quiz-question-slide__stats{background:rgba(59,130,246,.2);color:#3b82f6;padding:8px 16px;border-radius:20px;font-weight:600;border:1px solid rgba(59,130,246,.3)}.quiz-question-slide__question{text-align:center;margin-bottom:50px}.quiz-question-slide__question h2{font-size:2rem;color:#f8fafc;font-weight:600;line-height:1.4;margin:0}.quiz-question-slide__options{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:40px;flex:1 1}.quiz-question-slide__option{position:relative;background:linear-gradient(135deg, rgba(30, 58, 138, 0.3), rgba(15, 23, 42, 0.5));border:3px solid #475569;border-radius:16px;padding:30px 25px;cursor:default;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;min-height:120px;display:flex;flex-direction:column}.quiz-question-slide__option:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px rgba(59,130,246,.2)}.quiz-question-slide__option--default{border-color:#475569}.quiz-question-slide__option--selected{border-color:#3b82f6;background:linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(15, 23, 42, 0.5));box-shadow:0 0 0 2px rgba(59,130,246,.4)}.quiz-question-slide__option--correct{border-color:#05d494;background:rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(16,185,129,.4)}.quiz-question-slide__option--incorrect{border-color:#e74c3c;background:rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(239,68,68,.4)}.quiz-question-slide__option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.quiz-question-slide__option-letter{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff}.quiz-question-slide__option-letter--a{background:#e21b3c}.quiz-question-slide__option-letter--b{background:#1368ce}.quiz-question-slide__option-letter--c{background:#ffa602;color:#0f172a}.quiz-question-slide__option-letter--d{background:#26890c}.quiz-question-slide__option-percentage{font-size:1.2rem;font-weight:700;color:#f8fafc}.quiz-question-slide__option-text{font-size:1.3rem;color:#f8fafc;font-weight:600;flex:1 1;display:flex;align-items:center;line-height:1.3}.quiz-question-slide__option-bar{position:absolute;bottom:0;left:0;height:6px;background:linear-gradient(90deg, #3b82f6, #60a5fa);transition:width .8s cubic-bezier(0.4, 0, 0.2, 1);border-radius:0 0 13px 13px}.quiz-question-slide__instructions{text-align:center;margin-bottom:30px}.quiz-question-slide__instructions p{font-size:1.2rem;color:#94a3b8;margin:0}.quiz-question-slide__host-controls{display:flex;justify-content:center;gap:20px}.quiz-question-slide__show-results-button,.quiz-question-slide__continue-button{background:linear-gradient(135deg, #60a5fa, #2563eb);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 25px rgba(59,130,246,.3);text-transform:uppercase;letter-spacing:.5px}.quiz-question-slide__show-results-button:hover,.quiz-question-slide__continue-button:hover{background:linear-gradient(135deg, #2563eb, #1e40af);transform:translateY(-3px);box-shadow:0 12px 35px rgba(59,130,246,.4)}.quiz-question-slide__show-results-button:active,.quiz-question-slide__continue-button:active{transform:translateY(-1px)}.quiz-question-slide__continue-button{background:linear-gradient(135deg, #05D494, #059669);box-shadow:0 8px 25px rgba(16,185,129,.3)}.quiz-question-slide__continue-button:hover{background:linear-gradient(135deg, #059669, #047857);box-shadow:0 12px 35px rgba(16,185,129,.4)}.quiz-question-slide__explanation{background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(15, 23, 42, 0.3));border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:25px;margin-top:30px}.quiz-question-slide__explanation h3{color:#3b82f6;font-size:1.3rem;margin:0 0 15px 0;font-weight:700}.quiz-question-slide__explanation p{color:#f8fafc;font-size:1.1rem;margin:0;line-height:1.5}@media(max-width: 768px){.quiz-question-slide{padding:15px 0}.quiz-question-slide__header{flex-direction:column;gap:15px;margin-bottom:30px}.quiz-question-slide__title{font-size:2rem;text-align:center}.quiz-question-slide__question h2{font-size:1.5rem}.quiz-question-slide__options{grid-template-columns:1fr;gap:15px}.quiz-question-slide__option{padding:20px 15px;min-height:100px}.quiz-question-slide__option-text{font-size:1.1rem}}@media(max-width: 480px){.quiz-question-slide__title{font-size:1.6rem}.quiz-question-slide__question h2{font-size:1.3rem}.quiz-question-slide__option{padding:15px 12px;min-height:80px}.quiz-question-slide__option-letter{width:35px;height:35px;font-size:1rem}.quiz-question-slide__option-text{font-size:1rem}}
@keyframes jackboxGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.slideshow-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;background:radial-gradient(ellipse at center, transparent 60%, rgba(0, 0, 0, 0.4) 100%),linear-gradient(45deg, #FF6B35 0%, #F7931E 25%, #FFD23F 50%, #06FFA5 75%, #4ECDC4 100%);background-size:400% 400%,400% 400%;animation:jackboxGradient 8s ease infinite}.slideshow-container__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:scroll}.slideshow-container__content{background:rgba(0,0,0,0);border:none;border-radius:20px;padding:40px;max-width:1200px;width:100%;height:100%;overflow:visible;position:relative}.slideshow-container__back-button{position:absolute;top:20px;left:20px;background:linear-gradient(45deg, #E74C3C, #C0392B);color:#fff;border:4px solid #2c3e50;padding:10px 20px;border-radius:15px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 6px 0 #2c3e50,0 8px 15px rgba(0,0,0,.3);transform:translateY(0);text-transform:uppercase;letter-spacing:.5px}.slideshow-container__back-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #2c3e50,0 10px 20px rgba(0,0,0,.4)}.slideshow-container__back-button:active{transform:translateY(2px);box-shadow:0 4px 0 #2c3e50,0 6px 10px rgba(0,0,0,.2)}.slideshow-container__progress{display:flex;justify-content:center;margin-bottom:40px}.slideshow-container__progress-dots{display:flex;gap:16px}.slideshow-container__progress-dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.5);border:3px solid #2c3e50;transition:all .3s ease;position:relative;box-shadow:0 3px 0 #2c3e50}.slideshow-container__progress-dot--active{background:#ff6b35;transform:scale(1.3);box-shadow:0 4px 0 #2c3e50,0 0 20px rgba(255,107,53,.8)}.slideshow-container__progress-dot--completed{background:#05d494;box-shadow:0 3px 0 #2c3e50,0 0 15px rgba(5,212,148,.6)}@media(max-width: 768px){.slideshow-container__content{padding:25px;margin:15px}}
.credit-score-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);vertical-align:middle}.credit-score-badge.credit-bracket--poor{background-color:#f44336;box-shadow:0 2px 4px rgba(244,67,54,.3)}.credit-score-badge.credit-bracket--fair{background-color:#ffd23f;box-shadow:0 2px 4px rgba(255,210,63,.3)}.credit-score-badge.credit-bracket--good{background-color:#4caf50;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(76,175,80,.3)}.credit-score-badge.credit-bracket--very-good{background-color:#4caf50;box-shadow:0 2px 4px rgba(76,175,80,.3)}.credit-score-badge.credit-bracket--exceptional{background:linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);background-size:200% 200%;animation:rainbow-gradient 3s ease infinite;box-shadow:0 2px 8px rgba(255,107,107,.4)}.credit-score-badge.credit-score-badge--large{padding:6px 12px;font-size:.875rem;border-radius:16px;margin-right:12px}@keyframes rainbow-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.year-end-results__credit-score-display{display:flex;align-items:center}.year-end-results__credit-score-display .credit-score-value{font-weight:600;color:#2c3e50}.year-end-results__class-average-credit-score{display:flex;align-items:center}.year-end-results__class-average-credit-score .credit-score-value{font-weight:600;color:#2c3e50}.year-end-results__class-average-credit-score .credit-score-badge{margin-right:0;margin-left:8px}.year-end-results__class-average-credit-score--sidebar{flex-direction:column;align-items:center}.year-end-results__class-average-credit-score--sidebar .credit-score-badge--below{margin-top:4px;margin-right:0;margin-left:0}.year-end-results__class-average-metric--improved{border-color:rgba(6,255,165,.5);background-color:rgba(6,255,165,.1)}.year-end-results__class-average-metric--improved .year-end-results__class-average-metric-value{color:#06ffa5}.year-end-results__class-average-metric--declined{border-color:rgba(244,67,54,.5);background-color:rgba(244,67,54,.1)}.year-end-results__class-average-metric--declined .year-end-results__class-average-metric-value{color:#f44336}.year-end-results__leaderboard{font-family:"Nunito",sans-serif;background:rgba(255,255,255,.95);border-radius:25px;padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;box-shadow:none;position:relative;overflow:hidden;width:100%;max-width:100%;max-height:80vh;display:flex;flex-direction:column}.year-end-results__leaderboard::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.year-end-results__leaderboard h2{text-align:center;color:#2c3e50;margin-bottom:20px;font-family:"Nunito",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px;z-index:1;position:relative}.year-end-results__results{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;max-height:45vh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;flex:1 1;min-width:0}.year-end-results__results--animating .year-end-results__result{position:relative;z-index:1}.year-end-results__result{display:grid;grid-template-columns:40px 200px auto 100px;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem;min-height:60px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(78, 205, 196, 0.1) 50%, rgba(255, 255, 255, 0.9) 100%);border:3px solid #4ecdc4;border-radius:15px;position:relative;box-shadow:0 4px 0 #4ecdc4,0 0 15px rgba(78,205,196,.2);transition:all .2s ease;overflow:visible;margin-bottom:.525rem}@media(max-width: 767px){.year-end-results__result{grid-template-columns:35px 150px auto 80px;gap:.75rem;padding:.75rem}}.year-end-results__result::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:lobbyShine 2s ease-in-out infinite}.year-end-results__result:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 0 #4ecdc4,0 10px 20px rgba(78,205,196,.4);background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(78, 205, 196, 0.2) 50%, rgba(255, 255, 255, 0.95) 100%)}.year-end-results__result--me{background:linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 255, 0, 0.1) 50%, rgba(255, 215, 0, 0.2) 100%);border:3px solid #ffd23f;box-shadow:0 4px 0 #ffd23f,0 0 15px rgba(255,210,63,.3)}.year-end-results__result--podium{background:linear-gradient(135deg, rgba(78, 205, 196, 0.2) 0%, rgba(78, 205, 196, 0.1) 50%, rgba(78, 205, 196, 0.2) 100%);border:3px solid #4ecdc4;box-shadow:0 4px 0 #4ecdc4,0 0 15px rgba(78,205,196,.3)}.year-end-results__result--animating{will-change:transform}.year-end-results__result--animating .year-end-results__reveal-score{transition:color .3s ease}.year-end-results__rank{width:30px;height:30px;border-radius:50%;background-color:#2c3e50;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:bold;color:#fff;border:3px solid #2c3e50;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1;justify-self:center}.year-end-results__result--podium:nth-child(1) .year-end-results__rank{background-color:#ffd23f;color:#2c3e50;border-color:#ffd23f}.year-end-results__result--podium:nth-child(2) .year-end-results__rank{background-color:#4ecdc4;color:#2c3e50;border-color:#4ecdc4}.year-end-results__result--podium:nth-child(3) .year-end-results__rank{background-color:#06ffa5;color:#2c3e50;border-color:#06ffa5}.year-end-results__player-info{display:flex;flex-direction:column;gap:.25rem;overflow:visible;min-width:150px;max-width:200px;justify-content:center;align-items:flex-start;visibility:visible !important;opacity:1 !important;text-align:left;z-index:1;position:relative}.year-end-results__player-name{font-size:1.5rem;color:#2c3e50;font-weight:600;text-align:left;line-height:1.2;font-family:"Nunito",sans-serif;z-index:1;position:relative;white-space:nowrap;overflow:visible;text-overflow:ellipsis;min-width:120px;display:block !important;visibility:visible !important;opacity:1 !important}.year-end-results__result--me .year-end-results__player-name{color:#2c3e50 !important;font-weight:700}@media(max-width: 767px){.year-end-results__player-name{font-size:1.35rem}}.year-end-results__result .year-end-results__player-info .year-end-results__player-name{color:#2c3e50 !important;visibility:visible !important;opacity:1 !important;display:block !important;font-size:1.5rem !important;font-weight:600 !important;text-align:left !important;line-height:1.2 !important;font-family:"Nunito",sans-serif !important;z-index:1 !important;position:relative !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;min-width:0 !important}@media(max-width: 767px){.year-end-results__result .year-end-results__player-info .year-end-results__player-name{font-size:1.35rem !important}}.year-end-results__results .year-end-results__result .year-end-results__player-info .year-end-results__player-name{font-size:1.5rem !important;color:#2c3e50 !important;font-weight:600 !important;text-align:left !important;line-height:1.2 !important;font-family:"Nunito",sans-serif !important;z-index:1 !important;position:relative !important;visibility:visible !important;opacity:1 !important;display:block !important}@media(max-width: 767px){.year-end-results__results .year-end-results__result .year-end-results__player-info .year-end-results__player-name{font-size:1.35rem !important}}.year-end-results__player-stats{font-size:.8rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width: 767px){.year-end-results__player-stats{font-size:.7rem}}.year-end-results__scores{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:100px;position:static;overflow:visible}.year-end-results__credit-score{font-size:1.25rem;font-weight:bold;color:#2c3e50;white-space:nowrap}.year-end-results__reveal-score--hoverable{cursor:pointer;position:static}.year-end-results__reveal-score--hoverable:hover{color:#ffd23f}.credit-score-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.95);border:2px solid #4caf50;border-radius:8px;padding:20px;color:#fff;font-size:.9rem;min-width:300px;max-width:400px;z-index:99999;box-shadow:0 4px 20px rgba(0,0,0,.8);pointer-events:auto;cursor:default}.credit-score-tooltip__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.credit-score-tooltip__header h4{margin:0;color:#ffd23f;font-size:1.1rem;flex:1 1;text-align:center}.credit-score-tooltip__close{background:rgba(0,0,0,0);border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.credit-score-tooltip__close:hover{opacity:1;color:#ffd23f}.credit-score-tooltip p{margin:0 0 5px 0;font-size:.85rem}.credit-score-tooltip ul{margin:5px 0;padding-left:15px}.credit-score-tooltip ul li{margin-bottom:5px;font-size:.8rem}.credit-score-tooltip__info{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.credit-score-tooltip__breakdown{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.credit-score-tooltip__item{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.85rem}.credit-score-tooltip__item span:last-child{color:#4ecdc4;font-weight:bold}.credit-score-tooltip__total{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.3)}.credit-score-tooltip__total span:last-child{color:#4ecdc4;font-size:1rem}.credit-score-tooltip__rules{font-size:.8rem}.credit-score-tooltip__rules strong{color:#4ecdc4}.year-end-results__other-scores{font-size:.8rem;color:#2c3e50}@media(max-width: 767px){.year-end-results__other-scores{font-size:.7rem}}.year-end-results__reveal-score{font-size:1.5rem;font-weight:bold;color:#4caf50;white-space:nowrap}@media(max-width: 767px){.year-end-results__reveal-score{font-size:1.35rem}}.year-end-results__payment-marks{display:flex;gap:5px;align-items:center;justify-content:center}.year-end-results__payment-mark{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:bold;color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.3)}.year-end-results__payment-mark--paid{background-color:#4caf50;box-shadow:0 0 10px rgba(76,175,80,.6),inset 0 0 5px rgba(255,255,255,.2)}.year-end-results__payment-mark--failed{background-color:#f44336;box-shadow:0 0 10px rgba(255,68,68,.6),inset 0 0 5px rgba(0,0,0,.3)}@media(max-width: 767px){.year-end-results__payment-mark{width:24px;height:24px;font-size:.8rem;border-width:1px}}.leaderboard-reveal{text-align:center;padding:30px;font-family:"Nunito",sans-serif;background:rgba(255,255,255,.95);border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;box-shadow:none;position:relative;overflow:hidden}.leaderboard-reveal::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.leaderboard-reveal__button{padding:2rem 4rem;border:5px solid #2c3e50;border-radius:25px;font-family:"Nunito",sans-serif;font-size:2.4rem;font-weight:800;cursor:pointer;transition:all .2s ease;background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;text-transform:uppercase;letter-spacing:2px;box-shadow:0 12px 0 #2c3e50,0 16px 30px rgba(0,0,0,.3);transform:translateY(0);position:relative;min-width:400px;animation:pulse 2s infinite}.leaderboard-reveal__button:hover:not(:disabled){transform:translateY(-4px);background:linear-gradient(45deg, #4ECDC4, #06FFA5);box-shadow:0 16px 0 #2c3e50,0 20px 35px rgba(0,0,0,.4),0 0 45px #06ffa5}.leaderboard-reveal__button:active:not(:disabled){transform:translateY(6px);box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(0,0,0,.2)}.leaderboard-reveal__header{margin-top:-10px;margin-bottom:10px;text-align:center;z-index:1;position:relative}.leaderboard-reveal__header h3{color:#2c3e50;margin-bottom:5px;font-size:2.5rem;font-family:"Fredoka One",cursive;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff}.leaderboard-reveal__navigation{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;z-index:1;position:relative;flex-shrink:0;padding:10px 0}@media(max-width: 767px){.leaderboard-reveal__navigation{flex-direction:column;gap:10px}}.leaderboard-reveal__nav-button{padding:1.2rem 2.4rem;border:4px solid #2c3e50;border-radius:20px;font-family:"Nunito",sans-serif;font-size:2rem;font-weight:800;cursor:pointer;transition:all .2s ease;background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 0 #2c3e50,0 0 20px rgba(6,255,165,.3);transform:translateY(0);position:relative}.leaderboard-reveal__nav-button:hover:not(:disabled){transform:translateY(-4px);background:linear-gradient(45deg, #4ECDC4, #06FFA5);box-shadow:0 12px 0 #2c3e50,0 0 40px #06ffa5}.leaderboard-reveal__nav-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px 0 #2c3e50,0 0 10px rgba(6,255,165,.3)}.leaderboard-reveal__nav-button:disabled{opacity:.6;cursor:not-allowed;transform:translateY(4px);box-shadow:0 4px 0 #95a5a6,0 0 10px rgba(149,165,166,.3);background:#bdc3c7;color:#7f8c8d}.leaderboard-reveal__nav-button--start-round{background:linear-gradient(45deg, #05D494, #3BB3A8);padding:1.8rem 3.5rem;font-size:2.2rem;animation:pulse 2s infinite}.leaderboard-reveal__nav-button--start-round:hover:not(:disabled){background:linear-gradient(45deg, #4ECDC4, #06FFA5);box-shadow:0 14px 0 #2c3e50,0 20px 30px rgba(0,0,0,.4),0 0 45px #06ffa5}@media(max-width: 767px){.leaderboard-reveal__nav-button{min-width:200px;padding:1rem 2rem;font-size:1.6rem}}.leaderboard-reveal__progress{color:#2c3e50;font-size:1.8rem;min-width:120px;text-align:center;font-family:"Nunito",sans-serif;font-weight:700;z-index:1;position:relative}.leaderboard-reveal__waiting-message{color:#2c3e50;font-size:1.8rem;font-style:italic;text-align:center;padding:5px 15px;font-family:"Nunito",sans-serif;font-weight:700;z-index:1;position:relative}.leaderboard-reveal__game-complete-message{color:#4caf50;font-size:2rem;font-weight:800;text-align:center;padding:5px 15px;font-family:"Nunito",sans-serif;z-index:1;position:relative}.year-end-results__class-average-header{display:flex;justify-content:center;padding:15px 0;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.year-end-results__leaderboard-container{display:flex;gap:20px;align-items:flex-start;padding:15px;min-height:0;max-height:50vh;width:100%;max-width:100%;overflow:hidden}@media(max-width: 767px){.year-end-results__leaderboard-container{flex-direction:column;gap:15px;min-height:auto;max-height:55vh}}.year-end-results__class-average-sidebar{flex:0 0 300px;min-width:280px}@media(max-width: 767px){.year-end-results__class-average-sidebar{flex:none;min-width:auto;width:100%}}.year-end-results__leaderboard-main{flex:1 1;min-width:0}.year-end-results__class-average-sidebar .year-end-results__class-average-metrics{display:flex;flex-direction:column;gap:10px}@media(max-width: 767px){.year-end-results__class-average-sidebar .year-end-results__class-average-metrics{gap:5px}}.year-end-results__class-average-sidebar .year-end-results__class-average-metric{background:rgba(255,255,255,.95);border:3px solid #4ecdc4;border-radius:15px;padding:10px 15px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;gap:5px;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 0 #4ecdc4,0 0 15px rgba(78,205,196,.2);position:relative;overflow:hidden}.year-end-results__class-average-sidebar .year-end-results__class-average-metric::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.year-end-results__class-average-sidebar .year-end-results__class-average-metric--improved{border-color:rgba(6,255,165,.8);background:linear-gradient(135deg, rgba(6, 255, 165, 0.2) 0%, rgba(6, 255, 165, 0.1) 50%, rgba(6, 255, 165, 0.2) 100%);box-shadow:0 4px 0 rgba(6,255,165,.8),0 0 15px rgba(6,255,165,.3)}.year-end-results__class-average-sidebar .year-end-results__class-average-metric--declined{border-color:rgba(244,67,54,.8);background:linear-gradient(135deg, rgba(244, 67, 54, 0.2) 0%, rgba(211, 47, 47, 0.1) 50%, rgba(244, 67, 54, 0.2) 100%);box-shadow:0 4px 0 rgba(244,67,54,.8),0 0 15px rgba(244,67,54,.3)}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-label{font-size:.8rem;color:#2c3e50;font-weight:600;text-align:center;line-height:1.2;font-family:"Nunito",sans-serif;z-index:1;position:relative}@media(max-width: 767px){.year-end-results__class-average-sidebar .year-end-results__class-average-metric-label{font-size:.75rem}}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-value-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:80px}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-value{font-size:4rem;font-weight:bold;color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.5);white-space:nowrap;position:relative;z-index:2;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__class-average-sidebar .year-end-results__class-average-metric-value{font-size:3.6rem}}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change{position:absolute;bottom:7px;right:100%;margin-right:10px;display:flex;align-items:center;gap:2px;font-size:3.4rem;font-weight:600;z-index:3;padding:2px 6px;border-radius:4px}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change--improved{color:#2c3e50}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change--declined{color:#2c3e50}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change-arrow{font-size:2rem;font-weight:bold}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change-text{font-size:2rem}@media(max-width: 767px){.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change{font-size:1.3rem;padding:1px 4px}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change-arrow{font-size:1.3rem}.year-end-results__class-average-sidebar .year-end-results__class-average-metric-change-text{font-size:1.3rem}}.year-end-results__class-average{display:flex;justify-content:center;align-items:center;padding:20px;min-height:300px}.year-end-results__class-average-content{text-align:center;width:100%}.year-end-results__class-average-content:not(.year-end-results__class-average-content--with-car-loan){max-width:500px}.year-end-results__class-average-metrics{display:flex;flex-direction:column;gap:15px;max-height:45vh;overflow-y:auto}@media(max-width: 767px){.year-end-results__class-average-metrics{gap:10px;max-height:50vh}}.year-end-results__class-average-metric{background:rgba(255,255,255,.95);border:3px solid #4ecdc4;border-radius:15px;padding:15px;text-align:center;transition:all .3s ease;display:flex;gap:15px;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 0 #4ecdc4,0 0 15px rgba(78,205,196,.2);position:relative;overflow:hidden}.year-end-results__class-average-metric::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.year-end-results__class-average-metric--improved{border-color:rgba(76,175,80,.5);background-color:rgba(76,175,80,.1)}.year-end-results__class-average-metric--improved .year-end-results__class-average-metric-value{color:#2c3e50}.year-end-results__class-average-metric--declined{border-color:rgba(244,67,54,.5);background-color:rgba(244,67,54,.1)}.year-end-results__class-average-metric--declined .year-end-results__class-average-metric-value{color:#2c3e50}.year-end-results__class-average-metric-label{font-size:1rem;color:#2c3e50;font-weight:600;text-align:start;font-family:"Nunito",sans-serif;z-index:1;position:relative}@media(max-width: 767px){.year-end-results__class-average-metric-label{font-size:.9rem}}.year-end-results__class-average-metric-value-container{position:relative;min-width:120px;display:flex;justify-content:flex-end}@media(max-width: 767px){.year-end-results__class-average-metric-value-container{min-width:100px}}.year-end-results__class-average-metric-value{font-size:1.6rem;font-weight:bold;color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.5);white-space:nowrap;position:relative;z-index:2;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__class-average-metric-value{font-size:1.4rem}}.year-end-results__class-average-metric-change{position:absolute;top:50%;right:100%;margin-right:10px;transform:translateY(-50%);display:flex;align-items:center;gap:2px;font-size:.8rem;font-weight:600;z-index:1}.year-end-results__class-average-metric-change--improved{color:#2c3e50}.year-end-results__class-average-metric-change--declined{color:#2c3e50}.year-end-results__class-average-metric-change-arrow{font-size:.75rem;font-weight:bold}.year-end-results__class-average-metric-change-text{font-size:.75rem}@media(max-width: 767px){.year-end-results__class-average-metric-change{font-size:.75rem;right:-3px}.year-end-results__class-average-metric-change-arrow{font-size:.7rem}.year-end-results__class-average-metric-change-text{font-size:.7rem}}.year-end-results__most-improved{padding:10px 15px;text-align:center;margin-top:20px}.year-end-results__most-improved-label{font-size:1.8rem;color:#4ecdc4;font-weight:600;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__most-improved-label{font-size:1.65rem}}.year-end-results__most-improved-content{display:flex;flex-direction:column;align-items:center;gap:5px}.year-end-results__most-improved-player{font-size:1.95rem;font-weight:bold;color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__most-improved-player{font-size:1.8rem}}.year-end-results__most-improved-change{font-size:1.275rem;font-weight:600;color:#06ffa5;background-color:rgba(6,255,165,.2);padding:2px 8px;border-radius:4px;border:1px solid rgba(6,255,165,.4);font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__most-improved-change{font-size:1.2rem;padding:1px 6px}}.year-end-results__class-average-content--with-car-loan{display:flex;gap:1.5rem;align-items:flex-start;max-width:100%;width:100%;max-height:50vh;overflow:hidden}@media(max-width: 1200px){.year-end-results__class-average-content--with-car-loan{gap:1rem}}@media(max-width: 767px){.year-end-results__class-average-content--with-car-loan{flex-direction:column;gap:1.5rem;max-height:55vh}}.year-end-results__class-average-left{flex:2 1;min-width:320px;max-width:none}@media(max-width: 767px){.year-end-results__class-average-left{min-width:0;flex:1 1}}.year-end-results__car-loan-section{flex:1 1;max-width:380px;min-width:320px;padding:1.5rem;background:rgba(255,255,255,.95);border:4px solid #06ffa5;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 16px rgba(0,0,0,.2);position:relative;overflow:hidden}.year-end-results__car-loan-section::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@media(max-width: 767px){.year-end-results__car-loan-section{flex:1 1;min-width:0;max-width:none;padding:1rem}}.year-end-results__car-loan-content{display:flex;flex-direction:column;gap:1rem}.year-end-results__car-loan-content h3{font-size:1.4rem;font-weight:bold;color:#2c3e50;margin:0;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:"Nunito",sans-serif;z-index:1;position:relative}@media(max-width: 767px){.year-end-results__car-loan-content h3{font-size:1.2rem}}.year-end-results__car-image{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:.5rem}@media(max-width: 767px){.year-end-results__car-image{height:100px}}.year-end-results__car-loan-details{display:flex;flex-direction:column;gap:.75rem}.year-end-results__car-loan-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background-color:rgba(255,255,255,.1);border-radius:8px;border:1px solid rgba(255,255,255,.2)}.year-end-results__car-loan-item--total{background:linear-gradient(135deg, rgba(76, 175, 80, 0.2), rgba(76, 175, 80, 0.1));border-color:rgba(76,175,80,.4);font-weight:bold}.year-end-results__car-loan-item--total .year-end-results__car-loan-label{font-size:1.5rem;font-weight:700}@media(max-width: 767px){.year-end-results__car-loan-item--total .year-end-results__car-loan-label{font-size:1.35rem}}.year-end-results__car-loan-item--total .year-end-results__car-loan-value{font-size:1.5rem;font-weight:800}.year-end-results__car-loan-item--total .year-end-results__car-loan-value--highlight{font-size:1.8rem}.year-end-results__car-loan-item--total .year-end-results__car-loan-value--loss{font-size:1.8rem}@media(max-width: 767px){.year-end-results__car-loan-item--total .year-end-results__car-loan-value{font-size:1.35rem}.year-end-results__car-loan-item--total .year-end-results__car-loan-value--highlight{font-size:1.65rem}.year-end-results__car-loan-item--total .year-end-results__car-loan-value--loss{font-size:1.65rem}}@media(max-width: 767px){.year-end-results__car-loan-item{flex-direction:column;gap:.25rem;padding:.5rem}}.year-end-results__car-loan-label{font-size:1rem;font-weight:600;color:#2c3e50;min-width:120px;text-align:start;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__car-loan-label{font-size:.9rem;min-width:auto}}.year-end-results__car-loan-value{font-size:1rem;font-weight:600;color:#2c3e50;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-family:"Nunito",sans-serif}.year-end-results__car-loan-value--highlight{font-size:1.2rem;color:#4caf50;text-shadow:0 1px 2px rgba(255,255,255,.5)}.year-end-results__car-loan-value--loss{font-size:1.2rem;color:#f44336;text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width: 767px){.year-end-results__car-loan-value{font-size:.9rem;text-align:left;align-items:flex-start}.year-end-results__car-loan-value--highlight{font-size:1.1rem}}.year-end-results__car-loan-savings{font-size:.85rem;color:#4caf50;font-weight:500;font-style:italic;font-family:"Nunito",sans-serif}.year-end-results__car-loan-savings--worse{color:#f44336}@media(max-width: 767px){.year-end-results__car-loan-savings{font-size:.8rem}}.year-end-results__celebration{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}@media(max-width: 767px){.year-end-results__celebration{padding:1.5rem;min-height:300px}}.year-end-results__celebration-content{display:flex;align-items:center;gap:3rem;max-width:800px;width:100%}@media(max-width: 767px){.year-end-results__celebration-content{flex-direction:column;gap:2rem}}.year-end-results__celebration-left{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.year-end-results__celebration-title{font-size:4rem;font-weight:bold;line-height:70px;margin:0;font-family:"Fredoka One",cursive;background:linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3, #54a0ff);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:rainbow-gradient 3s ease infinite;text-shadow:0 0 30px rgba(255,255,255,.5)}@media(max-width: 767px){.year-end-results__celebration-title{font-size:2.5rem}}@keyframes rainbow-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.year-end-results__celebration-message{font-size:1.8rem;font-weight:600;color:#2c3e50;line-height:1.4;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__celebration-message{font-size:1.4rem}}.year-end-results__celebration-savings{color:#4caf50;font-size:2.2rem;font-weight:bold;text-shadow:0 2px 4px rgba(255,255,255,.5);display:block;margin-top:.5rem;font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__celebration-savings{font-size:1.8rem}}.year-end-results__celebration-right{flex:0 0 300px;display:flex;justify-content:center;align-items:center}@media(max-width: 767px){.year-end-results__celebration-right{flex:0 0 200px}}.year-end-results__celebration-car{width:100%;height:auto;max-width:300px;-o-object-fit:contain;object-fit:contain;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:celebration-bounce 2s ease-in-out infinite}@media(max-width: 767px){.year-end-results__celebration-car{max-width:200px}}@keyframes celebration-bounce{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.year-end-results__celebration-footer{margin-top:3rem;display:flex;justify-content:center}@media(max-width: 767px){.year-end-results__celebration-footer{margin-top:2rem}}.year-end-results__game-complete{font-size:1.2rem;font-weight:600;color:#4caf50;background-color:rgba(76,175,80,.1);padding:.75rem 1.5rem;border-radius:15px;border:2px solid rgba(76,175,80,.3);box-shadow:0 2px 8px rgba(76,175,80,.2);font-family:"Nunito",sans-serif}@media(max-width: 767px){.year-end-results__game-complete{font-size:1rem;padding:.5rem 1rem}}@keyframes lobbyShine{0%{left:-100%}100%{left:100%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.statement-visualization{display:flex;gap:10px}.statement-visualization__indicator{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:bold;color:#fff}.statement-visualization__indicator--debt{background-color:#f44;box-shadow:0 0 10px rgba(255,68,68,.6),inset 0 0 5px rgba(0,0,0,.2)}.statement-visualization__indicator--no-debt{background-color:#4caf50;box-shadow:0 0 10px rgba(76,175,80,.6),inset 0 0 5px rgba(255,255,255,.2)}.statement-visualization--year-end{gap:5px}.statement-visualization--year-end .statement-visualization__indicator{width:30px;height:30px;font-size:1rem;border-width:1px}
.credit-score-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);vertical-align:middle}.credit-score-badge.credit-bracket--poor{background-color:#f44336;box-shadow:0 2px 4px rgba(244,67,54,.3)}.credit-score-badge.credit-bracket--fair{background-color:#ffd23f;box-shadow:0 2px 4px rgba(255,210,63,.3)}.credit-score-badge.credit-bracket--good{background-color:#4caf50;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(76,175,80,.3)}.credit-score-badge.credit-bracket--very-good{background-color:#4caf50;box-shadow:0 2px 4px rgba(76,175,80,.3)}.credit-score-badge.credit-bracket--exceptional{background:linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);background-size:200% 200%;animation:rainbow-gradient 3s ease infinite;box-shadow:0 2px 8px rgba(255,107,107,.4)}@keyframes rainbow-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.year-end-results{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;background:radial-gradient(ellipse at center, transparent 60%, rgba(0, 0, 0, 0.4) 100%),linear-gradient(45deg, #FF6B35 0%, #F7931E 25%, #FFD23F 50%, #06FFA5 75%, #4ECDC4 100%);background-size:400% 400%,400% 400%;animation:jackboxGradient 8s ease infinite}.year-end-results__content{background-color:#1a1a2e;border:2px solid #4caf50;border-radius:15px;padding:40px;color:#fff;max-width:90vw;max-height:90vh;overflow:auto;width:1200px;max-width:1200px;max-height:90vh;overflow:auto;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:4px solid #ff6b35;border-radius:25px;box-shadow:0 8px 16px rgba(0,0,0,.2);font-family:"Nunito",sans-serif;margin:0 auto}.year-end-results--host .year-end-results__content{width:1200px;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;justify-content:space-between;padding:30px}.year-end-results--host .year-end-results__title{font-size:1.5rem;margin-bottom:15px}.year-end-results__title{text-align:center;color:#fff;font-family:"Fredoka One",cursive;font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 0 #2c3e50,-2px -2px 0 #2c3e50,2px -2px 0 #2c3e50,-2px 2px 0 #2c3e50,0 2px 0 #2c3e50,0 -2px 0 #2c3e50,2px 0 0 #2c3e50,-2px 0 0 #2c3e50,0 3px 0 #2c3e50,0 4px 0 #1a252f,0 6px 0 #0f1419,0 8px 15px rgba(0,0,0,.3)}@media(max-width: 767px){.year-end-results__title{font-size:2rem}}.year-end-results__personal-score{background:rgba(255,255,255,.95);border:4px solid #4ecdc4;border-radius:25px;padding:1.5rem;margin-bottom:30px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 16px rgba(0,0,0,.2);position:relative;overflow:visible}.year-end-results__personal-score::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.year-end-results__personal-score h2{color:#2c3e50;margin-bottom:15px;font-family:"Nunito",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:1px}.year-end-results__score{font-size:1.5rem;font-weight:bold;margin-bottom:10px;color:#2c3e50}@media(max-width: 767px){.year-end-results__score{font-size:1.2rem}}.year-end-results__score--hoverable{cursor:pointer;position:static;display:inline-block;padding:5px 10px;border-radius:4px;transition:all .2s ease}.year-end-results__score--hoverable:hover{background-color:rgba(255,255,0,.1);color:#ffd23f}.year-end-results__breakdown{font-size:.9rem;color:#2c3e50;margin-bottom:10px}@media(max-width: 767px){.year-end-results__breakdown{font-size:.8rem}}.year-end-results__credit-limit{margin-top:10px;padding:10px;background-color:rgba(255,193,7,.2);border-radius:8px;border:1px solid #ffd23f;color:#2c3e50}.year-end-results__statements{margin:15px 0}.year-end-results__statement-summary{display:flex;justify-content:space-around;gap:10px;margin-bottom:15px}@media(max-width: 767px){.year-end-results__statement-summary{flex-direction:column;gap:10px}}.year-end-results__statement-item{display:flex;flex-direction:column;align-items:center;text-align:center}.year-end-results__statement-visual{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;background-color:rgba(255,255,255,.05);border-radius:8px}.year-end-results__statement-label{font-size:.9rem;color:#2c3e50;margin-bottom:5px}.year-end-results__statement-value{font-size:1.2rem;font-weight:bold;color:#2c3e50}.year-end-results__badges{display:flex;gap:10px;justify-content:center;margin:15px 0;flex-wrap:wrap}.year-end-results__badge{padding:5px 10px;border-radius:8px;font-size:.9rem;font-weight:bold;display:flex;align-items:center;gap:5px}.year-end-results__badge--success{background-color:rgba(76,175,80,.2);border:1px solid #4caf50;color:#4caf50}.year-end-results__badge--excellent{background-color:rgba(255,193,7,.2);border:1px solid #ffd23f;color:#ffd23f}.year-end-results__actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.year-end-results__waiting-message{font-size:1rem;color:#2c3e50;text-align:center;padding:15px;background-color:rgba(255,255,255,.1);border-radius:8px;border:1px solid rgba(255,255,255,.2)}.year-end-results__button{padding:.8rem 1.5rem;border:3px solid #2c3e50;border-radius:20px;font-family:"Nunito",sans-serif;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease;background:linear-gradient(45deg, #FF6B35, #F7931E);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 0 #2c3e50,0 10px 15px rgba(0,0,0,.3);transform:translateY(0);position:relative;min-width:150px}.year-end-results__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.4);background:linear-gradient(45deg, #F7931E, #FFD23F)}.year-end-results__button:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 #2c3e50,0 5px 12px rgba(0,0,0,.2)}.year-end-results__button:disabled{opacity:.6;cursor:not-allowed;transform:translateY(3px);box-shadow:0 3px 0 #95a5a6,0 5px 12px rgba(0,0,0,.2);background:#bdc3c7;color:#7f8c8d}.year-end-results__button--primary{background:linear-gradient(45deg, #05D494, #3BB3A8)}.year-end-results__button--primary:hover:not(:disabled){background:linear-gradient(45deg, #4ECDC4, #06FFA5);box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.4),0 0 25px rgba(6,255,165,.8)}.year-end-results__button--secondary{background:linear-gradient(45deg, #E74C3C, #C0392B)}.year-end-results__button--secondary:hover:not(:disabled){background:linear-gradient(45deg, #C0392B, #E74C3C)}@media(max-width: 767px){.year-end-results__button{width:100%;margin-bottom:10px}}@keyframes jackboxGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.tutorial-checklist{position:fixed;top:20px;left:20px;width:380px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);border:4px solid #ff6b35;z-index:1000;font-family:"Nunito",sans-serif;transition:all .3s ease;overflow:hidden;position:relative}.tutorial-checklist::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform:rotate(45deg);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.tutorial-checklist:hover{box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4)}@media(max-width: 768px){.tutorial-checklist{position:fixed;top:10px;left:10px;right:10px;width:auto}}.tutorial-checklist__header{padding:1.5rem 1.5rem 1rem;border-bottom:3px solid #2c3e50;position:relative;z-index:1}.tutorial-checklist__title{margin:0 0 1rem 0;font-size:1.4rem;font-weight:900;color:#2c3e50;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.tutorial-checklist__progress-bar{width:100%;height:12px;background:rgba(44,62,80,.2);border-radius:10px;overflow:hidden;border:3px solid #2c3e50;box-shadow:0 3px 0 #2c3e50}.tutorial-checklist__progress-fill{height:100%;background:linear-gradient(45deg, #05D494, #3BB3A8, #06FFA5);background-size:200% 200%;animation:progressGradient 2s ease infinite;border-radius:7px;transition:width .5s ease;box-shadow:0 0 15px rgba(6,255,165,.5)}.tutorial-checklist__items{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.tutorial-checklist__item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:15px;transition:all .2s ease;border:3px solid #2c3e50;background:rgba(255,255,255,.8);box-shadow:0 4px 0 #2c3e50;position:relative;overflow:hidden}.tutorial-checklist__item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .5s ease}.tutorial-checklist__item:hover{transform:translateY(-2px);box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(0,0,0,.2)}.tutorial-checklist__item--active{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 107, 53, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border-color:#ff6b35;box-shadow:0 4px 0 #ff6b35,0 0 20px rgba(255,107,53,.4);animation:activePulse 2s ease-in-out infinite}.tutorial-checklist__item--active::before{animation:activeShine 2s ease-in-out infinite}.tutorial-checklist__item--completed{background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(6, 255, 165, 0.15) 50%, rgba(255, 255, 255, 0.9) 100%);border-color:#06ffa5;box-shadow:0 4px 0 #06ffa5,0 0 10px rgba(6,255,165,.2);opacity:.9}.tutorial-checklist__item-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.tutorial-checklist__item-content{flex:1 1;min-width:0}.tutorial-checklist__item-title{font-weight:800;color:#2c3e50;margin-bottom:.35rem;font-size:1rem;text-shadow:0 1px 2px rgba(255,255,255,.5)}.tutorial-checklist__item-description{font-size:.85rem;color:#2c3e50;line-height:1.5;font-weight:600}.tutorial-checklist__current-instruction{margin:0 1.5rem 1.25rem;padding:1.25rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 210, 63, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #ffd23f;border-radius:15px;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 4px 0 #2c3e50,0 0 15px rgba(255,210,63,.3);position:relative;z-index:1}.tutorial-checklist__instruction-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.tutorial-checklist__instruction-text{font-size:.95rem;color:#2c3e50;line-height:1.5;font-weight:700}.tutorial-checklist__completion{margin:0 1.5rem 1.25rem;padding:1.25rem;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(6, 255, 165, 0.2) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #06ffa5;border-radius:15px;display:flex;align-items:center;gap:.75rem;text-align:center;box-shadow:0 4px 0 #06ffa5,0 0 20px rgba(6,255,165,.5);animation:completionPulse 2s ease-in-out infinite;position:relative;z-index:1}.tutorial-checklist__completion-icon{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));animation:celebrateRotate 1s ease-in-out infinite}.tutorial-checklist__completion-text{font-size:.95rem;color:#2c3e50;font-weight:800;line-height:1.5;text-shadow:0 1px 2px rgba(255,255,255,.5)}.tutorial-checklist__exit-button{background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;border:3px solid #2c3e50;border-radius:15px;padding:.75rem 1.5rem;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.5px;font-family:"Nunito",sans-serif}.tutorial-checklist__exit-button:hover{background:linear-gradient(45deg, #4ECDC4, #06FFA5);transform:translateY(-2px);box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(6,255,165,.4)}.tutorial-checklist__exit-button:active{transform:translateY(2px);box-shadow:0 2px 0 #2c3e50,0 4px 10px rgba(0,0,0,.2)}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes progressGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes activePulse{0%,100%{box-shadow:0 4px 0 #ff6b35,0 0 20px rgba(255,107,53,.4)}50%{box-shadow:0 4px 0 #ff6b35,0 0 30px rgba(255,107,53,.7)}}@keyframes activeShine{0%{left:-100%}100%{left:100%}}@keyframes completionPulse{0%,100%{box-shadow:0 4px 0 #06ffa5,0 0 20px rgba(6,255,165,.5)}50%{box-shadow:0 4px 0 #06ffa5,0 0 35px rgba(6,255,165,.8)}}@keyframes celebrateRotate{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}
.tutorial-view{width:100%;height:100vh;position:relative;background:#1a1a2e}.tutorial-view .credit-game-container{position:relative;width:100%;height:100%}.tutorial-view .player-info{z-index:100}.tutorial-view .shopping-list{z-index:99}
.debug-panel-toggle{position:fixed;bottom:20px;right:20px;z-index:10000;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.7);border:2px solid lime;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .2s ease}.debug-panel-toggle:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.connection-debug-panel{position:fixed;bottom:20px;right:20px;z-index:10000;width:350px;max-height:80vh;background:rgba(0,0,0,.95);border:2px solid lime;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);font-family:"Courier New",monospace;overflow:hidden;display:flex;flex-direction:column}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1a1a1a;border-bottom:1px solid lime}.debug-panel-header h3{margin:0;color:lime;font-size:16px;font-weight:bold}.debug-panel-header button{background:rgba(0,0,0,0);border:none;color:#ff6b6b;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.debug-panel-header button:hover{transform:scale(1.2)}.debug-panel-content{padding:16px;overflow-y:auto;flex:1 1;color:#fff}.debug-section{margin-bottom:20px}.debug-section:last-child{margin-bottom:0}.debug-section h4{margin:0 0 12px 0;color:lime;font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.debug-info{font-size:12px}.status-indicator{padding:8px 12px;border-radius:4px;margin-bottom:12px;font-weight:bold;text-align:center}.status-indicator.connected{background:rgba(0,255,0,.2);border:1px solid lime;color:lime}.status-indicator.disconnected{background:rgba(255,0,0,.2);border:1px solid #ff6b6b;color:#ff6b6b}.info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#888}.info-row span:last-child{color:#fff;font-weight:bold}.debug-button{width:100%;padding:10px 16px;margin-bottom:8px;border:none;border-radius:4px;font-size:13px;font-weight:bold;cursor:pointer;transition:all .2s ease;font-family:"Courier New",monospace}.debug-button:last-child{margin-bottom:0}.debug-button:disabled{opacity:.4;cursor:not-allowed}.debug-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.debug-button--danger{background:#ff6b6b;color:#fff}.debug-button--danger:not(:disabled):hover{background:#ff5252}.debug-button--primary{background:lime;color:#000}.debug-button--primary:not(:disabled):hover{background:#0d0}.debug-button--warning{background:orange;color:#000}.debug-button--warning:not(:disabled):hover{background:#ff9500}.debug-divider{height:1px;background:rgba(255,255,255,.2);margin:12px 0}.countdown-display{text-align:center;padding:16px;background:rgba(255,165,0,.1);border:1px solid orange;border-radius:4px;margin-bottom:8px}.countdown-display p{margin:0 0 12px 0;color:orange;font-size:14px}.countdown-display p strong{display:block;font-size:24px;margin-top:8px}.countdown-display p.countdown-note{font-size:11px;color:#888;margin-top:8px;font-style:italic}.countdown-display p:last-child{margin-bottom:0}.button-note{margin:-4px 0 8px 0;font-size:10px;color:#666;font-style:italic;text-align:center}.test-scenarios{margin:0;padding-left:20px;font-size:12px;line-height:1.6}.test-scenarios li{margin-bottom:8px;color:#ccc}.test-scenarios li:last-child{margin-bottom:0}.test-scenarios li strong{color:lime}@media(max-width: 768px){.connection-debug-panel{width:calc(100vw - 40px);max-width:350px}.debug-panel-toggle{bottom:10px;right:10px;width:40px;height:40px;font-size:20px}}