.eye-trackable-button{--progress-color-primary:#ff6b35b3;--progress-color-secondary:#ff6b3580;align-items:center;background:#74b9ff;border:3px solid #0000;border-radius:1rem;box-shadow:0 4px 16px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:center;min-width:5.4vw;outline:none;overflow:hidden;padding:.8rem 1.6rem;position:relative;transition:all .3s ease}.eye-trackable-button:hover:not(:disabled):not(.eye-trackable-button--positioned){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.eye-trackable-button:active:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:scale(.98)}.eye-trackable-button:focus:not(:disabled){outline:3px solid #74b9ff;outline-offset:2px}.eye-trackable-button--disabled{cursor:not-allowed;opacity:.5}.eye-trackable-button--disabled,.eye-trackable-button--disabled:active,.eye-trackable-button--disabled:focus,.eye-trackable-button--disabled:hover{box-shadow:0 2px 8px #0000000d!important;transform:none!important}.eye-trackable-button--positioned:focus:not(:disabled),.eye-trackable-button--positioned:hover:not(:disabled){box-shadow:0 4px 20px #0003;transform:none!important}.eye-trackable-button--positioned:active:not(:disabled){transform:scale(.95)!important}.eye-trackable-button--gaze-active:not(.eye-trackable-button--disabled):not(.eye-trackable-button--positioned){box-shadow:0 8px 24px #74b9ff66;transform:scale(1.05)}.eye-trackable-button--gaze-active.eye-trackable-button--positioned:not(.eye-trackable-button--disabled){box-shadow:0 8px 24px #74b9ff66;filter:brightness(1.1)}.eye-trackable-button:not(.eye-trackable-button--dwelling):before{opacity:0!important;transition:none!important;width:0!important}.eye-trackable-button--dwelling:not(.eye-trackable-button--disabled):before{background:linear-gradient(90deg,var(--progress-color-primary),var(--progress-color-secondary));border-radius:inherit;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:none;width:0;width:calc(var(--dwell-progress, 0)*100%);z-index:1}.eye-trackable-button--primary.eye-trackable-button--dwelling:before,.eye-trackable-button--secondary.eye-trackable-button--dwelling:before{--progress-color-primary:#fff6;--progress-color-secondary:#fff3}.eye-trackable-button--nav.eye-trackable-button--dwelling:before{--progress-color-primary:#74b9ff80;--progress-color-secondary:#74b9ff4d}.eye-trackable-button--mode-selector.eye-trackable-button--dwelling:before{--progress-color-primary:#022b2366;--progress-color-secondary:#022b2366}.eye-trackable-button--action.eye-trackable-button--dwelling:before{--progress-color-primary:#fff6;--progress-color-secondary:#fff3}.eye-trackable-button--preview.eye-trackable-button--dwelling:before{--progress-color-primary:#74b9ff4d;--progress-color-secondary:#74b9ff1a}.eye-trackable-button--small{border-radius:.75rem;font-size:.875rem;min-width:4vw;padding:.6rem 1.2rem}.eye-trackable-button--large{border-radius:1.25rem;font-size:1.25rem;min-width:7vw;padding:1.2rem 2.4rem}.eye-trackable-button--primary{background:linear-gradient(135deg,#74b9ff,#0984e3)}.eye-trackable-button--primary:hover:not(:disabled):not(.eye-trackable-button--positioned){background:linear-gradient(135deg,#0984e3,#2d3436)}.eye-trackable-button--secondary{background:linear-gradient(135deg,#fd79a8,#e84393)}.eye-trackable-button--secondary:hover:not(:disabled):not(.eye-trackable-button--positioned){background:linear-gradient(135deg,#e84393,#2d3436)}.eye-trackable-button--nav{aspect-ratio:1;background:#ffffffe6;border:2px solid #74b9ff4d;color:#2d3436;font-size:1.5rem;font-weight:700;min-width:4vw;padding:0}.eye-trackable-button--nav:hover:not(:disabled):not(.eye-trackable-button--positioned){background:#fff;border-color:#74b9ff;color:#0984e3}.eye-trackable-button--mode-selector{background:#fff;border:3px solid #ddd;color:#2d3436;min-height:8vh;min-width:20vw;padding:1.5rem;text-align:left}.eye-trackable-button--mode-selector:hover:not(:disabled):not(.eye-trackable-button--positioned){border-color:#74b9ff}.eye-trackable-button--mode-selector--selected{border-color:#00b894;color:#fff}.eye-trackable-button--action,.eye-trackable-button--mode-selector--selected{background:linear-gradient(135deg,#00b894,#00cec9)}.eye-trackable-button--action:hover:not(:disabled):not(.eye-trackable-button--positioned){background:linear-gradient(135deg,#00a085,#00b3b0)}.eye-trackable-button--preview{background:#0000;border:none;box-shadow:none;min-height:auto;min-width:auto;padding:0}.eye-trackable-button--preview:hover:not(:disabled):not(.eye-trackable-button--positioned){background:#0000;box-shadow:none;transform:none}.eye-trackable-button--preview--gaze-active:not(.eye-trackable-button--disabled){box-shadow:none;transform:none}.eye-trackable-button--music{position:relative}@media(max-width:768px){.eye-trackable-button{min-width:15vw;padding:1rem 1.5rem}.eye-trackable-button--small{min-width:12vw;padding:.8rem 1.2rem}.eye-trackable-button--large{min-width:20vw;padding:1.4rem 2rem}.eye-trackable-button--nav{min-width:12vw}.eye-trackable-button--mode-selector{min-height:12vh;min-width:90vw}}@media(prefers-contrast:high){.eye-trackable-button{border-width:4px;font-weight:700}}@media(prefers-reduced-motion:reduce){.eye-trackable-button{transition:none}.eye-trackable-button--gaze-active,.eye-trackable-button:hover{transform:none!important}.eye-trackable-button--dwelling:before,.eye-trackable-button:before{transition:none!important;width:0!important}}.game-board-preview{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;overflow:visible;padding:1.5rem 1rem 0;width:100%}@media(max-width:768px){.game-board-preview{gap:.25rem;padding:1rem .5rem .25rem}}.game-board-preview__cell{align-items:flex-end;border-radius:.5rem;cursor:pointer;display:flex;height:4.5rem;justify-content:center;overflow:visible;transition:all .2s ease}@media(max-width:768px){.game-board-preview__cell{height:3.5rem}}.game-board-preview__button{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;height:auto!important;justify-content:center!important;min-height:auto!important;min-width:auto!important;overflow:visible!important;padding:0!important;width:100%!important}.game-board-preview__button.eye-trackable-button--gaze-active,.game-board-preview__button:hover{transform:none!important}.game-board-preview__button.eye-trackable-button--dwelling:before{display:none}.game-board-preview__button .eye-trackable-button__content{padding:0}.game-board-preview__piece{animation:bounce-vertical 1s ease infinite alternate;border-radius:50%;height:6vw;position:relative;transition:all .3s ease;width:6vw;z-index:5}.eye-trackable-button--gaze-active .game-board-preview__piece{animation:piece-drop-ready .8s ease infinite alternate;filter:brightness(1.2) drop-shadow(0 0 10px currentColor)}.eye-trackable-button--dwelling .game-board-preview__piece{animation:piece-drop-excitement .3s ease infinite;filter:brightness(1.3) drop-shadow(0 0 15px currentColor);transform:scale(1.05)}.game-board-preview__piece--player-1{background:radial-gradient(circle,#e74c3c,#c0392b);box-shadow:0 4px 8px #e74c3c66;color:#e74c3c}.game-board-preview__piece--player-2{background:radial-gradient(circle,#f1c40f,#f39c12);box-shadow:0 4px 8px #f1c40f66;color:#f1c40f}.game-board-preview__piece:before{background:#fff9;border-radius:50%;content:"";filter:blur(1px);height:30%;left:20%;position:absolute;top:15%;transition:all .3s ease;width:30%}.eye-trackable-button--gaze-active .game-board-preview__piece:before{background:#fffc;height:40%;left:15%;top:10%;width:40%}.eye-trackable-button--dwelling .game-board-preview__piece:before{background:#ffffffe6;height:45%;left:12%;top:8%;width:45%}@media(max-width:768px){.game-board-preview__piece{height:2.5rem;width:2.5rem}}@media(prefers-reduced-motion:reduce){.game-board-preview__piece{animation:none!important}.eye-trackable-button--dwelling .game-board-preview__piece,.eye-trackable-button--gaze-active .game-board-preview__piece{animation:none!important;transform:none!important}}@keyframes bounce-vertical{0%{transform:translateY(0)}50%{transform:translateY(-.8rem)}to{transform:translateY(0)}}@keyframes piece-drop-ready{0%{transform:translateY(0)}50%{transform:translateY(-1.2rem)}to{transform:translateY(0)}}@keyframes piece-drop-excitement{0%{transform:translateY(0) scale(1.05) rotate(0deg)}25%{transform:translateY(-.3rem) scale(1.08) rotate(2deg)}50%{transform:translateY(-.6rem) scale(1.05) rotate(0deg)}75%{transform:translateY(-.3rem) scale(1.08) rotate(-2deg)}to{transform:translateY(0) scale(1.05) rotate(0deg)}}.game-board-container{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.game-board{align-items:center;background:#3498db;border-radius:1.5rem;box-shadow:0 8px 32px #0003;display:flex;flex:1 1;flex-direction:column;padding:1rem;position:relative;z-index:5}@media(max-width:768px){.game-board{border-radius:1rem;margin:.5rem;padding:.5rem}}.game-board__grid{grid-gap:.5rem;background:#2c3e50;border-radius:1rem;box-shadow:inset 0 4px 16px #0000004d;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);padding:1rem}@media(max-width:768px){.game-board__grid{gap:.25rem;padding:.5rem}}.game-board__column{display:flex;flex-direction:column;gap:.5rem;position:relative}@media(max-width:768px){.game-board__column{gap:.25rem}}.game-board__column--interactive{cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.game-board__column--interactive:hover{background-color:#ffffff0d;box-shadow:0 2px 8px #ffffff1a}.game-board__column--active{background-color:#ffffff1a;border-radius:.5rem}.game-board__column--active:after{animation:pulse 1.5s ease infinite alternate;border:2px solid #fff;border-radius:.5rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.game-board__column--available.game-board__column--player-1:before{background:radial-gradient(circle,#e74c3c,#c0392b)}.game-board__column--available.game-board__column--player-2:before{background:radial-gradient(circle,#f1c40f,#f39c12)}.game-board__column--available:before{border-radius:50%;content:"";height:3rem;left:50%;opacity:0;position:absolute;top:-1rem;transform:translateX(-50%);transition:opacity .3s ease;width:3rem;z-index:10}@media(max-width:768px){.game-board__column--available:before{height:2rem;top:-.75rem;width:2rem}}.game-board__column--available:hover:before{animation:bounce .6s ease infinite alternate;opacity:.7}.game-board__cell{align-items:center;background:#636e72;border-radius:50%;box-shadow:inset 0 2px 8px #0000004d;display:flex;height:6vw;justify-content:center;position:relative;width:6vw}@media(max-width:768px){.game-board__cell{height:2.5rem;width:2.5rem}}.game-board__cell--empty{background:#ddd}.game-board__cell--red{background:radial-gradient(circle,#e74c3c,#c0392b);box-shadow:0 4px 16px #e74c3c66}.game-board__cell--yellow{background:radial-gradient(circle,#f1c40f,#f39c12);box-shadow:0 4px 16px #f1c40f66}.game-board__cell--winning{animation:pulse 1s ease-in-out infinite alternate;z-index:5}.game-board__piece-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.game-board__piece{border-radius:50%;height:85%;position:relative;width:85%}.game-board__piece:before{background:#fff9;border-radius:50%;content:"";filter:blur(1px);height:30%;left:20%;position:absolute;top:15%;width:30%}.game-board__winning-overlay{align-items:center;animation:fadeIn .5s ease;background:#000c;border-radius:1.5rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.game-board__winning-message{animation:scaleIn .6s ease;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:1rem;box-shadow:0 8px 32px #0000004d;color:#fff;padding:2rem 3rem;text-align:center;z-index:5}@media(max-width:768px){.game-board__winning-message{padding:1.5rem 2rem}}.game-board__winner-text{font-size:2rem;font-weight:700;text-shadow:0 2px 4px #0000004d}@media(max-width:768px){.game-board__winner-text{font-size:1.5rem}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3;transform:scale(1)}to{box-shadow:0 0 0 10px #fff0;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game-board__nav-button{align-items:center;background:linear-gradient(135deg,#6c5ce7,#483d8b);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:8vw;justify-content:center;margin-top:5rem;position:relative;transition:all .2s ease;width:8vw;z-index:10}.game-board__nav-button:hover:not(:disabled){background:linear-gradient(135deg,#8172e8,#5648a1);box-shadow:0 6px 16px #0006}.game-board__nav-button:active:not(:disabled){background:linear-gradient(135deg,#5648a1,#483d8b);box-shadow:0 2px 8px #0000004d}.game-board__nav-button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.game-board__nav-button{font-size:1.2rem;height:8vw;margin-top:3.5rem;width:8vw}}.game-board__nav-button--left{margin-right:2vw}.game-board__nav-button--right{margin-left:2vw}.game-board__nav-button:before{background-clip:content-box,border-box;background-origin:border-box;border:2px solid #0000;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.game-board__nav-button:focus-visible,.game-board__nav-button[data-gaze-over=true]{outline:none}.game-board__nav-button:focus-visible:before,.game-board__nav-button[data-gaze-over=true]:before{animation:border-glow 1.5s linear infinite;border:2px solid #fff}@keyframes dropIn{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.game-board__cell--dropping .game-board__piece{animation:dropIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes border-glow{0%{box-shadow:0 0 0 0 #ffffffb3}to{box-shadow:0 0 0 10px #fff0}}.player-status-panel{border-radius:1rem;display:flex;flex-direction:column;flex-shrink:0;padding:1rem;width:15vw;z-index:10}@media(max-width:768px){.player-status-panel{padding:.75rem;width:8rem}}.player-status-panel--left{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-5rem}.player-status-panel--right{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-5rem}.player-status-panel__player{align-items:center;background:#ffffff1a;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:.75rem;transition:all .3s ease;width:100%}@media(max-width:768px){.player-status-panel__player{padding:.5rem}}.player-status-panel__player--active{animation:glow 2s ease-in-out infinite alternate;background:#fff3;box-shadow:0 0 20px #ffffff4d;transform:scale(1.05)}.player-status-panel__avatar-container{align-items:center;display:flex;flex-direction:column;position:relative}.player-status-panel__avatar{align-items:center;border-radius:50%;box-shadow:0 4px 16px #0003;display:flex;height:10vw;justify-content:center;overflow:hidden;width:10vw}.player-status-panel__avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.player-status-panel__avatar .avatar-image:hover{transform:scale(1.1)}.player-status-panel__avatar .avatar-fallback{align-items:center;background:#fff3;border-radius:50%;color:#fffc;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}@media(max-width:768px){.player-status-panel__avatar .avatar-fallback{font-size:1.5rem}}.player-status-panel__avatar{transition:transform .3s ease}@media(max-width:768px){.player-status-panel__avatar{height:3rem;width:3rem}}.player-status-panel__avatar:hover{transform:scale(1.1)}.player-status-panel__turn-indicator{animation:bounce 1s ease infinite;background:#2ecc71;border:1px solid #27ae60;border-radius:1rem;color:#fff;font-size:1.5rem;font-weight:700;left:50%;padding:.25rem .5rem;position:absolute;top:-.5rem;transform:translateX(-50%);white-space:nowrap}@media(max-width:768px){.player-status-panel__turn-indicator{font-size:.65rem;padding:.2rem .4rem}}.player-status-panel__info{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center;width:100%}.player-status-panel__name{color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}@media(max-width:768px){.player-status-panel__name{font-size:1rem}}.player-status-panel__piece{border-radius:50%;box-shadow:0 2px 8px #0003;height:1.5rem;width:1.5rem}@media(max-width:768px){.player-status-panel__piece{height:1.25rem;width:1.25rem}}.player-status-panel__piece--red{background:#e74c3c;border:2px solid #c0392b}.player-status-panel__piece--yellow{background:#f1c40f;border:2px solid #d35400}.player-status-panel__game-message{left:calc(50% + 6rem);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content;z-index:100}.player-status-panel__game-message--winner .celebration-message{animation:celebrate 1s ease infinite alternate;background:#2ecc71;border:2px solid #27ae60;border-radius:1rem;box-shadow:0 4px 16px #2ecc714d;color:#fff;font-size:1.25rem;font-weight:700;padding:1rem 2rem}@media(max-width:768px){.player-status-panel__game-message--winner .celebration-message{font-size:1rem;padding:.75rem 1.5rem}}.player-status-panel__game-message--draw .draw-message{background:#3498db;border:2px solid #2980b9;border-radius:1rem;box-shadow:0 4px 16px #3498db4d;color:#fff;font-size:1.25rem;font-weight:700;padding:1rem 2rem}@media(max-width:768px){.player-status-panel__game-message--draw .draw-message{font-size:1rem;padding:.75rem 1.5rem}}.avatar-face{border-radius:50%;height:3rem;overflow:hidden;position:relative;width:3rem}@media(max-width:768px){.avatar-face{height:2.25rem;width:2.25rem}}.avatar-face__skin{border-radius:50%;height:100%;position:relative;width:100%}.avatar-face__hair{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:0;left:0;position:absolute;right:0;top:0}.avatar-face__eyes{display:flex;gap:.4rem;left:50%;position:absolute;top:35%;transform:translateX(-50%)}@media(max-width:768px){.avatar-face__eyes{gap:.3rem}}.avatar-face__eye{background:#2d3436;border-radius:50%;height:.4rem;width:.4rem}@media(max-width:768px){.avatar-face__eye{height:.3rem;width:.3rem}}.avatar-face__mouth{border:2px solid #2d3436;border-radius:0 0 .8rem .8rem;border-top:none;bottom:30%;height:.4rem;left:50%;position:absolute;transform:translateX(-50%);width:.8rem}@media(max-width:768px){.avatar-face__mouth{height:.3rem;width:.6rem}}.avatar-face__mouth--smile{border-radius:0 0 1rem 1rem}.avatar-face__accessory{position:absolute}.avatar-face__accessory--glasses{background:#ffffff1a;border:2px solid #2d3436;border-radius:.4rem;height:.8rem;left:50%;top:30%;transform:translateX(-50%);width:1.5rem}.avatar-face__accessory--glasses:before{background:#2d3436;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translateX(-50%);width:.2rem}@media(max-width:768px){.avatar-face__accessory--glasses{height:.6rem;width:1.2rem}}.avatar-face__accessory--hat{background:#e17055;border-radius:.5rem .5rem 0 0;height:1.5rem;left:50%;top:-20%;transform:translateX(-50%);width:2rem}@media(max-width:768px){.avatar-face__accessory--hat{height:1.2rem;width:1.5rem}}@keyframes glow{0%{box-shadow:0 0 20px #ffffff4d}to{box-shadow:0 0 30px #ffffff80}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-5px)}60%{transform:translateX(-50%) translateY(-3px)}}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-mode-selection{align-items:center;background:linear-gradient(135deg,#2c3e50,#1e3c72);display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}@media(max-width:768px){.game-mode-selection{padding:1rem}}.game-mode-selection__container{background:#fffffff2;border-radius:2rem;box-shadow:0 16px 64px #0003;max-width:600px;padding:3rem;text-align:center;width:100%}@media(max-width:768px){.game-mode-selection__container{border-radius:1.5rem;padding:2rem}}.game-mode-selection__title{color:#2d3436;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0000001a}@media(max-width:768px){.game-mode-selection__title{font-size:2rem}}.game-mode-selection__subtitle{color:#636e72;font-size:1.2rem;margin:0 0 2.5rem}@media(max-width:768px){.game-mode-selection__subtitle{font-size:1rem;margin-bottom:2rem}}.game-mode-selection__modes{display:flex;flex-direction:column;gap:6vh}@media(max-width:768px){.game-mode-selection__modes{gap:1rem}}.game-mode-selection__mode{align-items:center;background:#fff;border:3px solid #ddd;border-radius:1.5rem;cursor:pointer;display:flex;font-size:1rem;gap:1.5rem;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}@media(max-width:768px){.game-mode-selection__mode{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}}.game-mode-selection__mode:active{background:#74b9ff1a;box-shadow:0 4px 16px #0000001a}.game-mode-selection__mode--selected{box-shadow:0 8px 32px #00b8944d}.game-mode-selection__mode-icon{align-items:center;border-radius:1rem;display:flex;font-size:3.5rem;height:4.5rem;justify-content:center;min-width:4.5rem}@media(max-width:768px){.game-mode-selection__mode-icon{font-size:3rem;height:3.5rem;min-width:3.5rem}}.game-mode-selection__mode-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.game-mode-selection__mode-title{color:#2d3436;font-size:1.25rem;font-weight:700;margin:0}@media(max-width:768px){.game-mode-selection__mode-title{font-size:1.1rem}}.game-mode-selection__mode-description{color:#636e72;font-size:1rem;margin:0}@media(max-width:768px){.game-mode-selection__mode-description{font-size:.9rem}}.game-mode-selection__checkmark{align-items:center;animation:checkmarkAppear .3s ease;background:#fff;border-radius:50%;color:#00b894;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2rem}@media(max-width:768px){.game-mode-selection__checkmark{font-size:1rem;height:1.5rem;right:.75rem;top:.75rem;width:1.5rem}}.game-mode-selection__back-button-container{position:fixed;right:2vh;top:7vh;z-index:1000}@media(max-width:768px){.game-mode-selection__back-button-container{right:3vh;top:3vh}}@media(max-width:480px){.game-mode-selection__back-button-container{right:2vh;top:2vh}}.game-mode-selection__back-button-external{align-items:center;background:#fffffff2;border:3px solid #74b9ff;border-radius:1rem;box-shadow:0 4px 16px #0000001a;color:#2d3436;display:flex;font-size:1.25rem;font-weight:600;justify-content:center;min-height:5.4vw;min-width:12vw;padding:1vh 2vw;text-align:center;transition:all .3s ease}@media(max-width:768px){.game-mode-selection__back-button-external{font-size:1.1rem;min-height:8vw;min-width:15vw;padding:1.5vh 2.5vw}}@media(max-width:480px){.game-mode-selection__back-button-external{font-size:1rem;min-height:10vw;min-width:18vw}}.game-mode-selection__back-button{display:flex;justify-content:center;margin-top:2rem}.game-mode-selection__back-button .btn{border-radius:1rem;font-size:1rem;padding:1rem 2rem;transition:all .3s ease}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.game-mode-selection__mode{min-height:120px;padding:1.5rem}}.background-music-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ddd;border-radius:15px;bottom:2vh;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.5vh;justify-content:center;min-height:5.4vw;min-width:8vw;padding:1vh 1.5vw;position:fixed;right:2vh;text-align:center;transition:all .3s ease;z-index:1000}.background-music-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.background-music-button:active{transform:translateY(0)}.background-music-button__icon{font-size:1.5rem;transition:transform .3s ease}.background-music-button__text{font-size:.8rem;font-weight:500;white-space:nowrap}.background-music-button--playing{animation:musicPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#11998e,#38ef7d);border-color:#11998e}.background-music-button--playing .background-music-button__icon{animation:musicBounce 1s ease-in-out infinite}.background-music-button--paused{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.background-music-button--paused .background-music-button__icon{opacity:.7}.background-music-button.eye-trackable-button--dwelling .background-music-button__icon{transform:scale(1.1)}@keyframes musicPulse{0%,to{box-shadow:0 4px 15px #11998e4d}50%{box-shadow:0 6px 25px #11998e80}}@keyframes musicBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.background-music-button{bottom:3vh;min-height:8vw;min-width:12vw;padding:1.5vh 2vw;right:3vh}.background-music-button__icon{font-size:2rem}.background-music-button__text{font-size:.7rem}}@media(max-width:480px){.background-music-button{bottom:2vh;min-height:10vw;min-width:15vw;right:2vh}.background-music-button__icon{font-size:2.5rem}.background-music-button__text{font-size:.6rem}}*{box-sizing:border-box}body,html{background:linear-gradient(135deg,#2c3e50,#1e3c72);font-family:Trebuchet MS,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}#root,body,html{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS,Arial,sans-serif;font-weight:700}.btn{border:none;border-radius:1rem;box-shadow:0 4px 16px #0000001a;cursor:pointer;font-family:inherit;font-size:1.5rem;font-weight:700;height:6vw;margin:0 1vw;padding:1rem 2rem;transition:all .3s ease;width:10vw}@media(max-width:768px){.btn{font-size:1rem;min-height:44px;min-width:44px;padding:.875rem 1.5rem}}.btn:hover{box-shadow:0 6px 24px #00000026;filter:brightness(1.1)}.btn:active{box-shadow:0 2px 8px #0000001a;filter:brightness(.95)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn--primary{background:#0e3d5c;border:2px solid #1d6493;color:#fff}.btn--primary:hover:not(:disabled){background:#1d6493}.btn--secondary{background:#e74c3c9e;border:2px solid #e74c3c9e;color:#fff}.btn--secondary:hover:not(:disabled){background:#c0392b}.btn--success{background:#2ecc71;border:2px solid #27ae60;color:#fff}.btn--success:hover:not(:disabled){background:#27ae60}.btn--danger{background:#e74c3c;border:2px solid #c0392b;color:#fff}.btn--danger:hover:not(:disabled){background:#c0392b}.btn--large{font-size:1.25rem;padding:1.25rem 2.5rem}@media(max-width:768px){.btn--large{font-size:1.1rem;padding:1rem 2rem}}.btn--round{align-items:center;border-radius:50%;display:flex;height:4rem;justify-content:center;padding:0;width:4rem}@media(max-width:768px){.btn--round{height:3rem;width:3rem}}.container{margin:0 auto;max-width:1200px;padding:0 1rem}@media(max-width:768px){.container{padding:0 .5rem}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;padding:2rem}@media(max-width:768px){.card{border-radius:1rem;padding:1.5rem}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#74b9ff;display:inline-block;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}@media(max-width:480px){.container{padding:0 .25rem}.card{border-radius:.75rem;padding:1rem}.btn{font-size:.9rem;padding:.75rem 1.25rem}}@media(prefers-contrast:high){.btn{border:2px solid}.card{border:2px solid #333}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{background:linear-gradient(135deg,#2c3e50,#1e3c72);min-height:100vh;position:relative}.app__container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}@media(max-width:768px){.app__container{padding:.5rem}}.app__game-area{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:1em 0}@media(max-width:768px){.app__game-area{flex-direction:column;gap:1rem}.app__game-area .player-status-panel--left,.app__game-area .player-status-panel--right{border-radius:1rem;margin:0;width:100%}}.app__title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-align:center;text-shadow:0 2px 8px #0000004d}@media(max-width:768px){.app__title{font-size:2rem;margin:0 0 .75rem;text-align:center}}@media(max-width:480px){.app__title{font-size:1.75rem;margin:0 0 .5rem}}.app__title--bottom-left{bottom:1rem;left:1rem;margin:0;position:absolute;text-align:left;z-index:5}@media(max-width:768px){.app__title--bottom-left{bottom:.5rem;font-size:1.75rem;left:.5rem}}@media(max-width:480px){.app__title--bottom-left{font-size:1.5rem}}.app__main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:0 14rem;position:relative}@media(max-width:1200px){.app__main{padding:0 10rem}}@media(max-width:768px){.app__main{padding:0 8rem}}@media(max-width:480px){.app__main{padding:0 1rem}}.app__button{min-width:5.4vw;position:absolute;z-index:10}.app__button--new-game{left:1rem;top:1rem}.app__button--menu{right:1rem;top:1rem}@media(max-width:768px){.app__button--menu,.app__button--new-game{top:.5rem}.app__button--new-game{left:.5rem}.app__button--menu{right:.5rem}}.app__ai-thinking{align-items:center;animation:fadeInUp .3s ease;background:#fffffff2;border-radius:2rem;bottom:1rem;box-shadow:0 4px 16px #0003;color:#2d3436;display:flex;font-weight:700;gap:.75rem;left:50%;padding:1rem 1.5rem;position:absolute;transform:translateX(-50%);z-index:10}@media(max-width:768px){.app__ai-thinking{bottom:.5rem;font-size:.9rem;padding:.75rem 1.25rem}}.app__ai-thinking .loading-spinner{border-width:2px;height:1.5rem;width:1.5rem}.app__footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;box-shadow:0 4px 16px #0000001a;color:#fff;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}@media(max-width:768px){.app__footer{margin-top:.5rem;padding:.75rem}}.app__footer p{font-size:1rem;margin:0}@media(max-width:768px){.app__footer p{font-size:.9rem}.app__container{gap:.5rem}}@media(max-width:480px){.app__title{font-size:1.5rem}.app__header-actions .btn{font-size:.9rem;padding:.75rem 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(1rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.app--loading .app__main{align-items:center;justify-content:center}.app--game-over .app__main{position:relative}.app--game-over .app__main:after{background:#0000001a;border-radius:1rem;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.app button:focus{outline:3px solid #74b9ff;outline-offset:2px}@media(prefers-contrast:high){.app__footer,.app__header{border:2px solid #ffffff80}.app__title{text-shadow:2px 2px 4px #000c}}
/*# sourceMappingURL=main.e4e8b237.css.map*/