@charset "UTF-8";@font-face{font-family:PixelifySans;src:url(../fonts/PixelifySans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PixelifySans;src:url(../fonts/PixelifySans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:PixelifySans;src:url(/fonts/PixelifySans-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:PixelifySans;src:url(/fonts/PixelifySans-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:VT323;src:url(../fonts/VT323-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;font-family:VT323,Arial,Helvetica,sans-serif;color:#ffffffde;background-color:#000;transform-origin:top left;font-size:14px;cursor:url(../icons/paw-icon.png) 16 16,auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}body :hover{cursor:url(../icons/paw-icon.png) 16 16,auto!important}body.custom-cursor-active,body.custom-cursor-active *,body.custom-cursor-active :hover{cursor:none!important}body canvas{cursor:none!important;touch-action:none;-webkit-user-select:none;user-select:none}@media (min-width: 768px){body{font-size:16px}}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}#game-container{position:relative}.button{min-height:44px;min-width:44px;font-size:14px;padding:8px 16px;margin:8px;color:#ffffffde;background-color:#000;border:1px solid rgba(255,255,255,.87);transition:all .3s;cursor:pointer}.button:hover{color:#0ec3c9;border:1px solid #0ec3c9}.button:active{background-color:#0ec3c9}.button:disabled{color:#ffffff4d;border:1px solid rgba(255,255,255,.3);cursor:not-allowed}@media (min-width: 768px){.button{font-size:16px;padding:12px 24px;min-width:160px}}@media (min-width: 1024px){.button{min-width:180px}}p{margin:0}*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.playerStatsModifiers{position:absolute;left:210px;top:30px;display:inline-flex;gap:10px;align-items:center;background:#0003;width:max-content;padding:5px 20px 5px 0;min-height:40px;min-width:300px;animation:fadeInSlideUp .5s ease-out}.playerStatsModifiers__modifier{margin:0 5px;animation:slideDownFade .4s ease-out}.playerStatsModifiers img{width:30px;height:30px;image-rendering:auto}@media (max-width: 1480px) and (orientation: landscape){.playerStatsModifiers{left:calc(50% - 50px);bottom:10px;top:auto;width:100px;min-width:unset;position:absolute;z-index:10;padding:2px 0 2px 4px;min-height:15px;max-height:15px;height:100%;box-sizing:border-box;gap:4px;display:flex;align-items:center}.playerStatsModifiers img{width:7px;height:7px}.playerStatsModifiers__modifier{margin:0 2px}}.rewardScreen{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.rewardScreen{width:100%;padding:24px}}.rewardScreen__header{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.rewardScreen__header h1,.rewardScreen__header h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.rewardScreen__header h1,.rewardScreen__header h2{font-size:24px}}.rewardScreen__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.rewardScreen__content{gap:8px}}.rewardScreen__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}@keyframes rewardEnter{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rewardExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.rewardScreen{z-index:10000}.rewardScreen__header{border-bottom:none;padding-bottom:8px}.rewardScreen__level{font-size:18px;font-weight:700;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#334456;width:40px;height:40px;border:2px solid #fff;margin:0 4px}.rewardScreen__instruction{text-align:center;margin-bottom:8px;color:#fff;font-size:18px}.rewardScreen__instruction span{font-weight:700;color:#b5393b}.rewardScreen__optionsList{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.rewardScreen .player-stats-container{display:block;width:100%;margin-top:16px}.rewardScreen__stats{margin:32px 8px 0;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-template-areas:"attack speed life" "defense lifeRegeneration .";gap:8px;align-items:stretch;justify-content:center;width:100%;padding:8px;background:#e8e8e8;list-style:none;border:3px solid #333;box-shadow:inset 0 2px 4px #0000001a}.rewardScreen__stat--attack{grid-area:attack}.rewardScreen__stat--defense{grid-area:defense}.rewardScreen__stat--speed{grid-area:speed}.rewardScreen__stat--life{grid-area:life}.rewardScreen__stat--coins{grid-area:lifeRegeneration}.rewardScreen__button{padding:12px 24px;display:flex;justify-content:center;align-items:center;background:#b5393b;color:#fff;font-weight:700;font-family:inherit;font-size:16px;gap:8px;border:3px solid #333;box-shadow:0 4px 8px #0003;cursor:pointer;transition:all .2s ease}.rewardScreen__button:hover,.rewardScreen__button:focus{outline:none;animation:glowing-border 3s infinite linear;transform:scale(1.03);box-shadow:0 6px 12px #0000004d}.rewardOption{display:flex;align-items:center;justify-content:flex-start;max-width:500px;width:100%;padding:8px;gap:8px;background:#0003;font-family:inherit;border:3px solid transparent;border-radius:8px}.rewardOption:focus{outline:none}.rewardOption--selected{border-color:#ff7b00;box-shadow:0 0 12px #ff7b00;background:#0006}.rewardOption__container{position:relative;width:100%;max-width:500px}.rewardOption__cursor{position:absolute;top:50%;transform:translateY(-50%);left:-40px;z-index:10;display:none}.rewardOption__container:has(.rewardOption--selected) .rewardOption__cursor{display:block}.rewardOption__image{width:64px;height:64px;image-rendering:pixelated;position:relative;background:#ffffff1a;border-radius:8px}.rewardOption__image--overlay{position:relative}.rewardOption__image img{width:100%;height:100%}.rewardOption__image--lvl-1{border:2px solid #bb8862}.rewardOption__image--lvl-2{border:2px solid #4e9f3d}.rewardOption__image--lvl-3{border:2px solid #f778c7}.rewardOption__image--lvl-4{border:2px solid #3d7ea6}.rewardOption__image--lvl-5{border:2px solid #a63d3d}.rewardOption__imageOverlay{position:absolute;bottom:-5px;right:-5px;background:#ff7b00;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:5;border:2px solid #fff}.rewardOption__newLabel{position:absolute;top:-5px;right:2px;background:#b54020;color:#fff;border-radius:4px;padding:2px 6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:5;border:2px solid #fff;text-transform:uppercase;box-shadow:0 2px 4px #0000004d}.rewardOption__info{flex:1;text-align:left}.rewardOption__description{margin:0;font-size:14px;color:#fff}@media (max-width: 1480px) and (orientation: landscape){.rewardScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.rewardScreen__header{padding:4px 8px}.rewardScreen__level{width:32px;height:32px;font-size:14px}.rewardScreen__instruction{font-size:16px;margin-bottom:4px}.rewardScreen__content{padding:8px}.rewardScreen__optionsList{flex-direction:row;padding:24px;gap:16px}.rewardScreen .player-stats-container{display:none}.rewardScreen__button{padding:8px 16px;font-size:14px}.rewardScreen .player-avatar{width:40px;height:40px;margin-top:-50px;margin-left:20px}.rewardOption{max-width:100%;padding:4px;gap:4px}.rewardOption__image{width:48px;height:48px}.rewardOption__imageOverlay{width:20px;height:20px;font-size:10px;bottom:-3px;right:-3px}.rewardOption__newLabel{top:-3px;right:2px;padding:1px 4px}.rewardOption__description{font-size:12px}}@media (min-width: 1025px) and (max-height: 750px){.rewardScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.rewardScreen__header{padding:4px 8px}.rewardScreen__level{width:32px;height:32px;font-size:14px}.rewardScreen__instruction{font-size:16px;margin-bottom:4px}.rewardScreen__content{padding:8px}.rewardScreen__optionsList{flex-direction:column;padding:32px;gap:24px}.rewardScreen .player-stats-container{display:none}.rewardScreen__button{padding:8px 24px;font-size:18px}.rewardScreen .player-avatar{width:40px;height:40px;margin-top:-50px;margin-left:20px}.rewardOption{max-width:100%;padding:8px;gap:8px}.rewardOption__image{width:64px;height:64px}.rewardOption__imageOverlay{width:20px;height:20px;font-size:10px;bottom:-3px;right:-3px}.rewardOption__newLabel{top:-3px;right:2px;padding:1px 4px}.rewardOption__description{font-size:14px}}.player-avatar{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#454545;border-radius:50%;overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.playerStatList{border-radius:8px;margin:0;height:auto;display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;justify-content:center;width:100%;padding:15px;list-style:none}@media (min-width: 768px){.playerStatList{grid-template-columns:repeat(2,1fr)}}.playerStatList__stat--attack,.playerStatList__stat--defense,.playerStatList__stat--speed,.playerStatList__stat--life,.playerStatList__stat--coins{grid-area:auto}@media (max-width: 1480px) and (orientation: landscape){.playerStatList{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.playerStatList .playerStat{min-height:36px;padding:6px 8px}.playerStatList .playerStat__name{font-size:12px;min-width:50px}.playerStatList .playerStat__value{font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.playerStatList{grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.playerStatList .playerStat{min-height:50px;padding:8px 15px}.playerStatList .playerStat__name{font-size:16px;min-width:80px}.playerStatList .playerStat__value{font-size:18px}}@media (min-width: 1025px) and (max-height: 750px){.playerStatList{gap:4px;padding:8px}.playerStatList .playerStat{min-height:40px;padding:4px 8px}.playerStatList .playerStat__name{font-size:14px;min-width:65px}.playerStatList .playerStat__value{font-size:16px}}.playerStat{display:flex;flex-direction:row;align-items:center;color:#334456;padding:8px;background:linear-gradient(135deg,#f5f5f5f2,#e6e6e6fa);border:2px solid rgba(100,100,100,.4);min-height:44px;font-weight:600;border-radius:4px;box-shadow:inset 0 1px #fffc,0 2px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.playerStat:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffc,0 3px 6px #0003}.playerStat--positive .playerStat__value{color:#0c9138}.playerStat--negative .playerStat__value{color:#d11212}.playerStat--critical .playerStat__value{color:#dc3545;font-weight:700;animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.7}}.playerStat--hidden .playerStat__value{color:#646464b3;font-style:italic}.playerStat--hidden .playerStat__icon{filter:grayscale(80%) opacity(.6)}.playerStat--compact{flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;background:transparent;box-shadow:none}.playerStat--compact .playerStat__icon{margin-right:0}.playerStat--compact:hover{transform:none;box-shadow:none}.playerStat__name{font-size:14px;margin-left:8px;margin-right:16px;min-width:70px;font-weight:500;color:#444;text-shadow:0 1px 0 rgba(255,255,255,.5)}.playerStat__icon{margin-right:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.playerStat__value{font-size:16px;font-weight:700;margin-left:auto;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5)}@media (max-width: 1480px) and (orientation: landscape){.playerStat{padding:6px 8px;min-height:36px;border-width:1px}.playerStat__name{font-size:12px;margin-left:6px;min-width:50px}.playerStat__icon{margin-right:0}.playerStat__value{font-size:14px}.playerStat--compact{padding:4px}.playerStat--compact .playerStat__name{font-size:12px;margin-right:0;margin-bottom:2px}.playerStat--compact .playerStat__value{font-size:12px}}@media (min-width: 1025px) and (pointer: fine){.playerStat{padding:8px 15px;min-height:50px;border-width:2px}.playerStat__name{font-size:14px;margin-left:8px;margin-right:24px;min-width:80px}.playerStat__icon{margin-right:0}.playerStat__value{font-size:16px}.playerStat--compact{padding:8px}.playerStat--compact .playerStat__name{font-size:14px;margin-right:0;margin-bottom:4px}.playerStat--compact .playerStat__value{font-size:16px}}.button{display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:24px;color:#fff;background:#b5393b;border:3px solid #333;box-shadow:0 2px #000;cursor:pointer;transition:all .2s ease;outline:none;padding:12px 24px;min-width:140px;width:fit-content;text-align:center}.button:hover,.button:focus{outline:none;animation:glowing-border 3s infinite linear;transform:scale(1.03);box-shadow:0 6px 12px #0000004d;background:#fff;color:#b5393b;border-color:#b5393b}.button:hover svg,.button:hover svg path,.button:focus svg,.button:focus svg path{fill:#b5393b!important}.button:disabled{cursor:not-allowed;opacity:.6;animation:none;transform:none;background:#b5393b;color:#fff;border-color:#333}.button--small{font-size:16px;padding:8px 16px;min-width:100px}.button--large{font-size:32px;padding:24px 32px;min-width:320px}.button--primary{background:#b5393b}.button--primary:hover{background:#fff;color:#b5393b}.button--primary:hover svg,.button--primary:hover svg path{fill:#b5393b!important}.button--secondary{background:#2d3e5e}.button--secondary:hover{background:#fff;color:#2d3e5e}.button--secondary:hover svg,.button--secondary:hover svg path{fill:#2d3e5e!important}.button--success{background:#4e9f3d}.button--success:hover{background:#fff;color:#4e9f3d}.button--success:hover svg,.button--success:hover svg path{fill:#4e9f3d!important}.button--full{width:100%}.button__content{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}@keyframes overlayEnter{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes overlayExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}.overlay__background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.overlay__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c78a45;border:5px solid #333;box-shadow:0 0 24px 4px #000;z-index:1001;display:flex;flex-direction:column;align-items:center;font-family:VT323,monospace;color:#fff;animation:overlayEnter .3s ease-out forwards;overflow:hidden;max-height:90vh;overflow-y:auto;min-width:550px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.overlay__content--exiting{animation:overlayExit .3s ease-in forwards}body.custom-cursor-active .overlay__content,body.custom-cursor-active .overlay__content *,body.custom-cursor-active .overlay__content *:hover{cursor:url(../icons/paw-icon.png) 16 16,auto!important}@media (max-width: 1480px) and (orientation: landscape){.overlay__content{min-width:100vw;max-height:100vh}}.pauseScreen{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.pauseScreen{width:100%;padding:24px}}.pauseScreen__title{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.pauseScreen__title h1,.pauseScreen__title h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.pauseScreen__title h1,.pauseScreen__title h2{font-size:24px}}.pauseScreen__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.pauseScreen__content{gap:8px}}.pauseScreen__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}.pauseScreen{overflow-y:hidden;z-index:100000}.pauseScreen__content{width:100%}.pauseScreen__footer{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center}.pauseScreen__footer .button{flex:1;width:200px;min-width:140px}@media (max-width: 1480px){.pauseScreen__footer .button{width:150px;min-width:120px;font-size:14px;padding:8px 16px}}.pauseScreen__tabs{display:flex;gap:4px;border-bottom:2px solid #334456;margin-bottom:16px}.pauseScreen__tab{padding:8px 16px;cursor:pointer;background-color:#334456;border:none;color:#334456;color:#fff;font-size:16px;border:2px solid #334456;margin-bottom:-2px;text-transform:uppercase;filter:brightness(.8)}.pauseScreen__tab--active{border-bottom-color:#fff;color:#fff;font-weight:700;filter:brightness(1)}.pauseScreen__tab:hover:not(.pauseScreen__tab--active){background-color:#ce1d1d1a}@media (max-width: 1480px) and (orientation: landscape){.pauseScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.pauseScreen__content{display:grid;grid-template-columns:140px 1fr;grid-template-rows:50px 1fr;grid-template-areas:"character tabs" "character tab-content";gap:0px 8px;align-items:flex-start;align-content:space-evenly;justify-content:space-evenly}.pauseScreen__stats{display:none}.pauseScreen__tabs{grid-row:1;grid-column:2}.pauseScreen__tab-content{grid-row:2;grid-column:2}}@media (min-width: 1025px) and (pointer: fine){.pauseScreen__content{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"character character" "stats stats" "tabs tabs" "tab-content tab-content";gap:24px 32px;align-items:start}.pauseScreen__character{grid-area:character}.pauseScreen__stats{grid-area:stats}.pauseScreen__tabs{grid-area:tabs}.pauseScreen__tab-content{grid-area:tab-content}.pauseScreen__tab--stats{display:none}}@media (min-width: 1025px) and (max-height: 750px){.pauseScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.pauseScreen__content{padding:40px 120px;height:100%;display:grid;grid-template-columns:200px 1fr;grid-template-rows:100px 1fr 1fr;grid-template-areas:"character tabs" "character tab-content" "character -";gap:0px 8px;align-items:flex-start;align-content:space-evenly;justify-content:space-evenly}.pauseScreen__stats{display:none}.pauseScreen__tabs{grid-row:1;grid-column:2}.pauseScreen__tab-content{grid-row:2;grid-column:2}}.pauseScreen__characterInfoCard{display:flex;align-items:center;gap:16px;padding:16px;background:#0003;border-radius:8px;border:2px solid #333}.pauseScreen__characterAvatar{width:64px;height:64px;border-radius:50%;border:2px solid #333}.pauseScreen__characterText{flex:1}.pauseScreen__characterName{margin:0 0 4px;color:#fff;font-size:18px;font-weight:700}.pauseScreen__characterLevel{margin:0 0 8px;color:#fff;font-size:16px}.pauseScreen__headerStats{display:flex;gap:16px;margin-bottom:8px}.pauseScreen__headerStats .pauseScreen__headerStat{color:#fff;font-size:14px}.pauseScreen__coins{display:flex;gap:16px}.pauseScreen__coins .pauseScreen__coin{display:flex;align-items:center;gap:4px;color:#fff;font-size:14px;font-weight:700}.pauseScreen__coins .pauseScreen__coin img{width:16px;height:16px;image-rendering:pixelated}@media (max-width: 1480px) and (orientation: landscape){.pauseScreen__characterInfoCard{flex-direction:column;align-items:flex-start;gap:8px;padding:8px}}@media (min-width: 1025px) and (max-height: 750px){.pauseScreen__characterInfoCard{flex-direction:column;align-items:flex-start;gap:8px;padding:8px;height:100%}}.pauseScreen__skills{width:100%;background:none;border-radius:0;box-shadow:none;padding:0}.pauseScreen__skillsTitle{color:#2d3e5e;font-size:18px;font-weight:700;text-align:center;margin-bottom:8px}.pauseScreen__skillsList{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.pauseScreen__skillIcon{width:40px;height:40px;cursor:pointer;border:2px solid transparent;transition:border .3s ease;position:relative}.pauseScreen__skillIcon--selected{border-color:#ff7b00}.pauseScreen__skillIcon img{width:100%;height:100%;object-fit:cover}.pauseScreen__skillLevel{position:absolute;top:-5px;right:-5px;background:#334456;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.pauseScreen__skillDetails{text-align:center;padding:8px;background:#e8e8e8;border:3px solid #333;box-shadow:none}.pauseScreen__skillName{color:#334456;font-size:14px;font-weight:700;margin:0 0 5px}.pauseScreen__skillDescription{color:#666;font-size:12px;margin:0;line-height:1.4}@media (min-width: 1025px) and (pointer: fine){.pauseScreen__skillsTitle{font-size:20px}.pauseScreen__skillIcon{width:50px;height:50px}.pauseScreen__skillLevel{width:20px;height:20px;font-size:14px}.pauseScreen__skillName{font-size:16px}.pauseScreen__skillDescription{font-size:14px}}.pauseScreen__ultimates{width:100%;background:none;border-radius:0;box-shadow:none;padding:0}.pauseScreen__ultimatesTitle{color:#2d3e5e;font-size:18px;font-weight:700;text-align:center;margin-bottom:8px}.pauseScreen__ultimatesList{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.pauseScreen__ultimateIcon{width:40px;height:40px;cursor:pointer;border:2px solid transparent;transition:border .3s ease;position:relative}.pauseScreen__ultimateIcon--selected{border-color:#ff7b00}.pauseScreen__ultimateIcon img{width:46px;height:46px;object-fit:cover}.pauseScreen__ultimateLevel{position:absolute;top:-5px;right:-5px;background:#334456;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1}.pauseScreen__ultimateDetails{text-align:center;padding:8px;background:#e8e8e8;border:3px solid #333;box-shadow:none}.pauseScreen__ultimateName{color:#334456;font-size:14px;font-weight:700;margin:0 0 5px}.pauseScreen__ultimateDescription{color:#666;font-size:12px;margin:0;line-height:1.4}.pauseScreen__ultimateTrigger{color:#ff7b00;font-size:13px;font-weight:700;margin-top:8px;letter-spacing:1px}@media (min-width: 1025px) and (pointer: fine){.pauseScreen__ultimatesTitle{font-size:20px}.pauseScreen__ultimateIcon{width:50px;height:50px}.pauseScreen__ultimateLevel{width:20px;height:20px;font-size:14px}.pauseScreen__ultimateName{font-size:16px}.pauseScreen__ultimateDescription{font-size:14px}}.confirmationDialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.confirmationDialog__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmationDialog__content{position:relative;background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 8px 16px #0000004d;animation:dialogSlideIn .3s ease-out;color:#fff}@media (max-width: 1480px){.confirmationDialog__content{padding:24px;max-width:350px}}.confirmationDialog__header{display:flex;align-items:center;gap:8px;margin-bottom:32px;text-align:center}.confirmationDialog__header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.confirmationDialog__header svg{width:24px;height:24px;color:#d11212}.confirmationDialog__message{margin-bottom:32px;text-align:center}.confirmationDialog__message p{margin:0;color:#fff;font-size:16px;line-height:1.4}.confirmationDialog__actions{display:flex;gap:16px;justify-content:center}@media (max-width: 1480px){.confirmationDialog__actions{flex-direction:column;gap:8px}}.confirmationDialog__actions .button{min-width:120px}@media (max-width: 1480px){.confirmationDialog__actions .button{min-width:100%}}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gameOverScreen{max-width:480px;align-items:center;gap:16px;padding:32px;border:3px solid rgba(0,0,0,.4);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff26,inset 0 -2px #0003;position:absolute;overflow:hidden;background:linear-gradient(165deg,#d29655fa,#b47337,#9b5f2d 70%,#824b23)}.gameOverScreen--dulce{background:linear-gradient(165deg,#7d5a3cfa,#5f412d,#4b3223 70%,#372619)}.gameOverScreen--dulce .gameOverScreen__title h1{color:#e8d4c4;text-shadow:2px 2px 0 rgba(0,0,0,.6),0 0 20px rgba(139,109,79,.4)}.gameOverScreen--dulce .gameOverScreen__box{background:linear-gradient(135deg,#412d1ee6,#322316f2);border-color:#8b6d4f66}.gameOverScreen--dulce .gameOverScreen__subtitle,.gameOverScreen--dulce .gameOverScreen__statValue{color:#e8c896}.gameOverScreen--dulce .gameOverScreen__avatarGlow{background:radial-gradient(circle,rgba(139,109,79,.3) 0%,transparent 70%)}.gameOverScreen--mandarina{background:linear-gradient(165deg,#d29655fa,#b47337,#9b5f2d 70%,#824b23)}.gameOverScreen--mandarina .gameOverScreen__title h1{color:#fff5e6;text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 20px rgba(255,200,100,.4)}.gameOverScreen--mandarina .gameOverScreen__box{background:linear-gradient(135deg,#784b28d9,#5f3719e6);border-color:#ffc8784d}.gameOverScreen--mandarina .gameOverScreen__subtitle,.gameOverScreen--mandarina .gameOverScreen__statValue{color:#ffd580}.gameOverScreen--mandarina .gameOverScreen__avatarGlow{background:radial-gradient(circle,rgba(255,180,80,.25) 0%,transparent 70%)}.gameOverScreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.03) 8px,rgba(0,0,0,.03) 16px);pointer-events:none}.gameOverScreen__title{text-align:center;padding-bottom:8px;position:relative;width:100%}.gameOverScreen__title:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 20%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.25) 80%,transparent 100%)}.gameOverScreen__title h1{font-size:32px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:3px;text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 15px rgba(255,200,100,.3)}.gameOverScreen__title h1 svg{width:24px;height:24px;opacity:.9;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.gameOverScreen__content{width:100%}.gameOverScreen__box{background:linear-gradient(135deg,#644123d9,#4b2d14e6);border:2px solid rgba(255,200,120,.25);padding:24px;display:flex;flex-direction:row;align-items:center;gap:24px;border-radius:12px;box-shadow:inset 0 1px #ffffff14,0 4px 12px #00000040;position:relative;overflow:hidden}.gameOverScreen__info{display:flex;flex-direction:column;gap:8px;flex:1;z-index:1}.gameOverScreen__subtitle{font-size:24px;font-weight:700;color:#ffc700;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.gameOverScreen__stats{display:flex;flex-direction:column;gap:8px}.gameOverScreen__stat{display:flex;align-items:center;gap:8px;font-size:18px;color:#ffffffe6}.gameOverScreen__statLabel{opacity:.85}.gameOverScreen__statValue{color:#ffc700;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.gameOverScreen__avatarContainer{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.gameOverScreen__avatarGlow{position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(255,180,80,.2) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.gameOverScreen__avatar{width:130px;height:auto;image-rendering:pixelated;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.5));position:relative;z-index:1;animation:characterBob 3s ease-in-out infinite}.gameOverScreen__footer{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px;padding-top:16px;border-top:2px solid rgba(0,0,0,.2);position:relative}.gameOverScreen__footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes characterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 1480px) and (orientation: landscape){.gameOverScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw;padding:16px;gap:8px;border-radius:0}.gameOverScreen__title h1{font-size:24px;letter-spacing:2px}.gameOverScreen__title h1 svg{width:18px;height:18px}.gameOverScreen__box{padding:16px;gap:16px}.gameOverScreen__subtitle{font-size:18px}.gameOverScreen__stats{gap:4px}.gameOverScreen__stat{font-size:16px}.gameOverScreen__avatar{width:100px}.gameOverScreen__avatarGlow{width:140px;height:140px}.gameOverScreen__footer{flex-direction:row;gap:16px;padding-top:8px}}@media (max-width: 400px){.gameOverScreen{padding:16px;gap:8px}.gameOverScreen__title h1{font-size:24px}.gameOverScreen__box{padding:16px;gap:16px;flex-direction:column-reverse}.gameOverScreen__subtitle{font-size:18px;text-align:center}.gameOverScreen__stats{align-items:center}.gameOverScreen__avatar{width:100px}.gameOverScreen__avatarContainer{margin-bottom:4px}}.tradingScreen{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.tradingScreen{width:100%;padding:24px}}.tradingScreen__header{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.tradingScreen__header h1,.tradingScreen__header h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.tradingScreen__header h1,.tradingScreen__header h2{font-size:24px}}.tradingScreen__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.tradingScreen__content{gap:8px}}.tradingScreen__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}@keyframes tradingEnter{0%{opacity:0;transform:translate(-50%,-60%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tradingExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}@keyframes glowing-border{0%{border-color:#ff7b00;box-shadow:0 0 8px #ff7b00}33%{border-color:#b54020;box-shadow:0 0 12px #b54020}66%{border-color:#5a3b2a;box-shadow:0 0 8px #5a3b2a}to{border-color:#ff7b00;box-shadow:0 0 8px #ff7b00}}.tradingScreen{max-width:600px}.tradingScreen__header{border-bottom:none;padding-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tradingScreen__header h2{flex:1;text-align:center;margin:0}.tradingScreen__backButton{flex-shrink:0;min-width:80px;height:36px;font-size:14px;padding:4px 8px}.tradingScreen__coins{display:flex;justify-content:center;gap:24px;margin-bottom:16px;padding:8px;background:#0003;border-radius:8px;border:2px solid #333}.tradingScreen__coins .tradingScreen__coin{display:flex;align-items:center;gap:4px;color:#fff;font-weight:700}.tradingScreen__coins .tradingScreen__coin img{width:24px;height:24px;image-rendering:pixelated}.tradingScreen .tradingOption__remaining{color:#ff0}@media (min-width: 1025px) and (pointer: fine){.tradingScreen .tradingScreen__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"tabs" "optionsList" "player-stats";gap:24px 32px;align-items:start}.tradingScreen .tradingScreen__tabs{grid-area:tabs}.tradingScreen .tradingScreen__optionsList{grid-area:optionsList}.tradingScreen .player-stats-container{grid-area:player-stats}}.tradingScreen__tabs{display:flex;gap:4px;border-bottom:2px solid #334456;margin-bottom:16px}.tradingScreen__tab{padding:8px 16px;cursor:pointer;background-color:#334456;border:none;color:#334456;color:#fff;font-size:16px;border:2px solid #334456;margin-bottom:-2px;text-transform:uppercase;filter:brightness(.8)}.tradingScreen__tab--active{border-bottom-color:#fff;color:#fff;font-weight:700;filter:brightness(1)}.tradingScreen__tab:hover:not(.tradingScreen__tab--active){background-color:#ce1d1d1a}.tradingScreen__optionsList{width:100%;display:flex;flex-direction:column;justify-content:flex-start;min-height:270px;align-items:center;gap:8px}.tradingScreen .player-stats-container{display:block;width:100%;margin-top:16px}.tradingOption__container{position:relative;width:100%;max-width:500px;cursor:pointer}.tradingOption__cursor{position:absolute;top:50%;transform:translateY(-50%);left:-40px;z-index:10;display:none}.tradingOption__container:has(.tradingOption__card--selected) .tradingOption__cursor{display:block}.tradingOption__card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px;gap:8px;background:#0003;font-family:inherit;border:3px solid transparent;border-radius:8px;transition:all .2s ease}.tradingOption__card:hover{background:#0000004d;border-color:#333}.tradingOption__card--selected{border-color:#ff7b00;box-shadow:0 0 12px #ff7b00;background:#0006}.tradingOption__card--purchased{opacity:.6;background:#0000001a;border-color:#333}.tradingOption__cardContent{display:flex;align-items:center;gap:8px;flex:1}.tradingOption__image{width:64px;height:64px;image-rendering:pixelated;position:relative;background:#ffffff1a;border-radius:8px;flex-shrink:0}.tradingOption__image--overlay{position:relative}.tradingOption__image img{width:100%;height:100%}.tradingOption__image img.tradingOption__image--lvl-1{border:2px solid #bb8862}.tradingOption__image img.tradingOption__image--lvl-2{border:2px solid #4e9f3d}.tradingOption__image img.tradingOption__image--lvl-3{border:2px solid #f778c7}.tradingOption__image img.tradingOption__image--lvl-4{border:2px solid #3d7ea6}.tradingOption__image img.tradingOption__image--lvl-5{border:2px solid #a63d3d}.tradingOption__imageOverlay{position:absolute;bottom:-5px;right:-5px;background:#ff7b00;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:5;border:2px solid #fff}.tradingOption__info{flex:1;text-align:left}.tradingOption__description{margin:0;font-size:14px;color:#fff}.tradingOption__cardActions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tradingOption__cost{display:flex;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:14px}.tradingOption__cost img{width:20px;height:20px;image-rendering:pixelated}.tradingOption__buyButton{flex-shrink:0;padding:4px 8px;font-size:12px;min-width:60px;height:32px}@media (max-width: 1480px) and (orientation: landscape){.tradingScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw;padding:4px}.tradingScreen__header{padding:4px}.tradingScreen__content{padding:4px 16px}.tradingScreen__tabs{grid-row:1;grid-column:2;margin-bottom:4px}.tradingScreen__optionsList{flex-direction:row;min-height:auto;padding:4px;gap:4px}.tradingScreen__coins{position:absolute;right:4px}.tradingScreen__footer{padding:4px;margin-top:auto}.tradingScreen .player-stats-container{display:none}.tradingOption{max-width:100%;padding:4px;gap:4px}.tradingOption__image{width:48px;height:48px}.tradingOption__imageOverlay{width:20px;height:20px;font-size:10px;bottom:-3px;right:-3px}.tradingOption__description,.tradingOption__cost{font-size:12px}.tradingOption__cost img{width:16px;height:16px}.tradingOption__buyButton{padding:4px;font-size:10px;min-width:50px;height:28px}}@media (min-width: 1025px) and (max-height: 750px){.tradingScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw;padding:16px}.tradingScreen__header{padding:4px}.tradingScreen__content{padding:4px 16px}.tradingScreen__tabs{grid-row:1;grid-column:2;margin-top:16px;margin-bottom:16px}.tradingScreen__optionsList{flex-direction:column;min-height:auto;padding:16px;gap:16px;min-width:525px}.tradingScreen__coins{position:absolute;right:16px}.tradingScreen__footer{padding:16px;margin-top:auto}.tradingScreen .player-stats-container{display:none}.tradingOption{max-width:100%;padding:4px;gap:4px}.tradingOption__image{width:48px;height:48px}.tradingOption__imageOverlay{width:20px;height:20px;font-size:10px;bottom:-3px;right:-3px}.tradingOption__description{font-size:12px;margin-bottom:4px}.tradingOption__cost{font-size:12px}.tradingOption__cost img{width:16px;height:16px}.tradingOption__buyButton{padding:4px;font-size:10px;min-width:50px;height:28px}}.tutorialCompletionScreen{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.tutorialCompletionScreen{width:100%;padding:24px}}.tutorialCompletionScreen__title{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.tutorialCompletionScreen__title h1,.tutorialCompletionScreen__title h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.tutorialCompletionScreen__title h1,.tutorialCompletionScreen__title h2{font-size:24px}}.tutorialCompletionScreen__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.tutorialCompletionScreen__content{gap:8px}}.tutorialCompletionScreen__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}.tutorialCompletionScreen{max-width:700px;padding:24px;gap:16px}.tutorialCompletionScreen__title h1{font-size:32px;color:#0f0}.tutorialCompletionScreen__content{display:flex;flex-direction:column;align-items:center;gap:32px}.tutorialCompletionScreen__footer{flex-direction:column;gap:16px}.tutorialCompletionScreen__message{font-size:24px;color:#fff;text-align:center;line-height:1.4;max-width:500px;background:#0000004d;padding:24px;border-radius:12px;border:2px solid #4a2d0d}.tutorialCompletionScreen__avatar img{width:200px;height:auto;image-rendering:pixelated;border-radius:12px;border:3px solid #4a2d0d;background:#0003}@media (max-width: 1480px) and (orientation: landscape){.tutorialCompletionScreen{max-width:100vw;max-height:100vh;height:100vh;width:100vw;padding:4px}.tutorialCompletionScreen__title h1{font-size:24px}.tutorialCompletionScreen__content{gap:4px}.tutorialCompletionScreen__message{font-size:16px;max-width:400px;padding:4px}.tutorialCompletionScreen__avatar .player-avatar{width:auto;height:auto}.tutorialCompletionScreen__avatar img{width:80px}.tutorialCompletionScreen__footer{flex-direction:row;gap:8px}.tutorialCompletionScreen__footer .button{font-size:16px;padding:16px 4px}}@media (min-width: 1025px) and (pointer: fine){.tutorialCompletionScreen{max-width:800px;padding:32px}.tutorialCompletionScreen__title h1{font-size:32px}.tutorialCompletionScreen__content{gap:32px}.tutorialCompletionScreen__message{font-size:24px;max-width:600px;padding:32px}.tutorialCompletionScreen__avatar .player-avatar{width:auto;height:auto}.tutorialCompletionScreen__avatar img{width:250px}.tutorialCompletionScreen__footer{flex-direction:row;gap:24px}.tutorialCompletionScreen__footer .button{flex:1;max-width:300px;font-size:18px;padding:24px 32px}}.tutorialOverlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;pointer-events:none}.tutorialOverlay>*{pointer-events:auto}.tutorialOverlay__completion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background-color:#000000d9;border:3px solid #00ff00;border-radius:12px;box-shadow:0 0 32px #00ff0080;animation:completionPopIn .5s ease-out,completionFadeOut .5s ease-in 1s forwards;pointer-events:none}.tutorialOverlay__completionIcon{font-family:VT323,monospace;font-size:64px;color:#0f0;text-shadow:0 0 16px rgba(0,255,0,.8);animation:checkmarkPop .5s ease-out}.tutorialOverlay__completionText{font-family:VT323,monospace;font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.8)}@media (max-width: 1480px){.tutorialOverlay__completion{padding:24px}.tutorialOverlay__completionIcon{font-size:48px}.tutorialOverlay__completionText{font-size:20px}}@keyframes completionPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes completionFadeOut{0%{opacity:1}to{opacity:0}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tutorialNotification{position:fixed;z-index:9000;pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.tutorialNotification--visible{opacity:1;transform:scale(1)}.tutorialNotification--exiting{opacity:0;transform:scale(.95)}.tutorialNotification--top-left{top:20px;left:20px}@media (min-width: 1025px) and (pointer: fine){.tutorialNotification--top-left{top:265px}}.tutorialNotification--top-center{top:20px;left:50%;transform:translate(-50%) scale(.95)}.tutorialNotification--top-center.tutorialNotification--visible{transform:translate(-50%) scale(1)}.tutorialNotification--top-center.tutorialNotification--exiting{transform:translate(-50%) scale(.95)}.tutorialNotification--top-right{top:20px;right:20px}.tutorialNotification--center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.95)}.tutorialNotification--center.tutorialNotification--visible{transform:translate(-50%,-50%) scale(1)}.tutorialNotification--center.tutorialNotification--exiting{transform:translate(-50%,-50%) scale(.95)}.tutorialNotification--bottom-center{bottom:20px;left:50%;transform:translate(-50%) scale(.95)}.tutorialNotification--bottom-center.tutorialNotification--visible{transform:translate(-50%) scale(1)}.tutorialNotification--bottom-center.tutorialNotification--exiting{transform:translate(-50%) scale(.95)}.tutorialNotification--bottom-left{bottom:20px;left:20px}.tutorialNotification--bottom-right{bottom:20px;right:20px}.tutorialNotification__container{position:relative;min-width:300px;max-width:500px;padding:16px;pointer-events:auto}.tutorialNotification__background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;border:2px solid #ffff00;border-radius:8px;box-shadow:0 4px 20px #00000080}.tutorialNotification__content{position:relative;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.tutorialNotification__checkbox{font-family:VT323,monospace;font-size:20px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);flex-shrink:0;margin-top:2px}.tutorialNotification__text{flex:1;min-width:0}.tutorialNotification__title{font-family:VT323,monospace;font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 0 4px rgba(0,0,0,.8);line-height:1.2}.tutorialNotification__description{font-family:VT323,monospace;font-size:18px;color:#fff;margin:0;text-shadow:0 0 4px rgba(0,0,0,.8);line-height:1.4}.tutorialNotification__step{position:relative;display:flex;align-items:center;justify-content:center;height:30px;margin-top:4px}.tutorialNotification__stepBg{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:100%;background-color:#ffff004d;border:2px solid #ffff00;border-radius:4px}.tutorialNotification__stepText{position:relative;font-family:VT323,monospace;font-size:14px;font-weight:700;color:#ff0;text-shadow:0 0 4px rgba(0,0,0,.8)}@media (max-width: 1480px){.tutorialNotification__container{min-width:280px;max-width:calc(100vw - 40px);padding:8px}.tutorialNotification__title{font-size:18px}.tutorialNotification__description{font-size:14px}.tutorialNotification__checkbox{font-size:16px}.tutorialNotification__content{max-width:400px}.tutorialNotification__step{height:22px}.tutorialNotification__stepBg{width:80px}.tutorialNotification__stepText{font-size:11px}.tutorialNotification--top-left,.tutorialNotification--top-right,.tutorialNotification--bottom-left,.tutorialNotification--bottom-right{left:10px;right:auto}.tutorialNotification--top-left,.tutorialNotification--top-center,.tutorialNotification--top-right{top:100px}.tutorialNotification--bottom-left,.tutorialNotification--bottom-center,.tutorialNotification--bottom-right{bottom:10px}}.tutorialIntroCard{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9500;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.tutorialIntroCard--visible{opacity:1}.tutorialIntroCard--visible .tutorialIntroCard__card{transform:scale(1);opacity:1}.tutorialIntroCard--exiting{opacity:0}.tutorialIntroCard--exiting .tutorialIntroCard__card{transform:scale(.95);opacity:0}.tutorialIntroCard__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorialIntroCard__card{position:relative;width:90%;max-width:600px;padding:32px;background-color:#00000026;border:3px solid #ffff00;border-radius:12px;box-shadow:0 8px 32px #000c;transform:scale(.95);opacity:0;transition:transform .5s ease,opacity .5s ease;text-align:center}.tutorialIntroCard__glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,0,.15) 0%,transparent 70%);border-radius:12px;pointer-events:none}.tutorialIntroCard__iconContainer{position:relative;width:80px;height:80px;margin:0 auto 16px}.tutorialIntroCard__iconBg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#ff03;border:2px solid #ffff00;border-radius:50%}.tutorialIntroCard__iconGlow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,0,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}.tutorialIntroCard__icon{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,0,.5))}.tutorialIntroCard__step{font-family:VT323,monospace;font-size:16px;font-weight:700;color:#ff0;text-shadow:0 0 8px rgba(0,0,0,.8);margin-bottom:16px;letter-spacing:1px}.tutorialIntroCard__title{font-family:VT323,monospace;font-size:32px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.8);margin:0 0 16px;line-height:1.2}.tutorialIntroCard__message{font-family:VT323,monospace;font-size:20px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.8);margin:0 0 24px;line-height:1.6;white-space:pre-wrap}.tutorialIntroCard__actions{display:flex;justify-content:center;gap:16px}.tutorialIntroCard__button{min-width:200px}@media (max-width: 1480px){.tutorialIntroCard__card{width:95%;padding:24px}.tutorialIntroCard__iconContainer{width:60px;height:60px;margin-bottom:8px}.tutorialIntroCard__step{font-size:12px;margin-bottom:8px}.tutorialIntroCard__title{font-size:24px;margin-bottom:8px}.tutorialIntroCard__message{font-size:16px;margin-bottom:16px;line-height:1.4}.tutorialIntroCard__button{min-width:150px}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.chest-screen{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.chest-screen{width:100%;padding:24px}}.chest-screen__header{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.chest-screen__header h1,.chest-screen__header h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.chest-screen__header h1,.chest-screen__header h2{font-size:24px}}.chest-screen__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.chest-screen__content{gap:8px}}.chest-screen__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}@keyframes selectedSkillPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 20px rgb(255,215,0)) drop-shadow(0 0 40px rgba(255,215,0,.8)) drop-shadow(0 0 60px rgba(255,215,0,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.8)) brightness(1.2) contrast(1.2)}25%{transform:scale(1.1) rotate(-2deg);filter:drop-shadow(0 0 30px rgb(255,215,0)) drop-shadow(0 0 50px rgba(255,215,0,.9)) drop-shadow(0 0 70px rgba(255,215,0,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.8)) brightness(1.3) contrast(1.3)}50%{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 25px rgb(255,215,0)) drop-shadow(0 0 45px rgba(255,215,0,.85)) drop-shadow(0 0 65px rgba(255,215,0,.65)) drop-shadow(0 4px 8px rgba(0,0,0,.8)) brightness(1.3) contrast(1.25)}75%{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 30px rgb(255,215,0)) drop-shadow(0 0 50px rgba(255,215,0,.9)) drop-shadow(0 0 70px rgba(255,215,0,.7)) drop-shadow(0 4px 8px rgba(0,0,0,.8)) brightness(1.2) contrast(1.3)}}@keyframes selectedSkillGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes selectedSkillSparkleMove{0%{opacity:0;transform:translate(-50%,-50%) translate(0) translateY(0) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--sparkle-x)) translateY(var(--sparkle-y)) scale(.5)}}@keyframes selectedSkillEnter{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chest-screen{overflow:hidden!important;z-index:10000}.chest-screen__header{border-bottom:none;padding-bottom:8px;text-align:center}.chest-screen_header-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.chest-screen__content{display:flex;flex-direction:column;align-items:center}.chest-screen__footer{display:flex;justify-content:center}.chest-screen__chest-image{max-width:100%;object-fit:cover;image-rendering:pixelated}.chest-screen__selected-skill{display:flex;flex-direction:row;align-items:flex-start;border:2px solid #000000;border-radius:8px;box-sizing:border-box;position:relative;transition:all .3s ease-out}.chest-screen__selected-skill--selected{border-color:gold;box-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70066,inset 0 0 20px #ffd70033;animation:selectedSkillPulse 1.5s ease-in-out 2}.chest-screen__selected-skill-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,215,0,.2) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:selectedSkillGlowPulse 1.5s ease-in-out infinite}.chest-screen__selected-skill-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.chest-screen__selected-skill-sparkle{position:absolute;top:50%;left:50%;background:radial-gradient(circle,rgb(255,255,255) 0%,rgba(255,215,0,.8) 50%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:selectedSkillSparkleMove 1.5s ease-out forwards;animation-delay:var(--sparkle-delay)}.chest-screen__selected-skill-icon{display:flex;align-items:center;justify-content:center;background:gold;border-radius:4px;box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70066,inset 0 0 10px #ffffff4d;position:relative;z-index:2}.chest-screen__selected-skill-image,.chest-screen__random-skill-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.chest-screen__selected-skill-info{text-align:left;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;height:100%;position:relative;z-index:2}.chest-screen__selected-skill-name{margin:0;color:#000;text-transform:none;font-weight:700;line-height:1.2;display:flex;align-items:center}.chest-screen__selected-skill-description{margin:0;color:#000;line-height:1.6;text-align:left;display:flex;align-items:flex-start;overflow:hidden}@media (min-width: 1025px) and (pointer: fine){.chest-screen__content{gap:24px;padding:24px;min-height:300px}.chest-screen__footer{padding-top:24px}.chest-screen__chest-image{width:320px;min-height:320px}.chest-screen__selected-skill{gap:24px;padding:24px;width:480px;height:140px}.chest-screen__selected-skill-glow{width:200px;height:180px}.chest-screen__selected-skill-sparkles{width:300px;height:300px}.chest-screen__selected-skill-sparkle{width:8px;height:8px}.chest-screen__selected-skill-icon{width:80px;height:80px;min-width:80px;padding:8px}.chest-screen__selected-skill-info{gap:8px}.chest-screen__selected-skill-name{font-size:24px;min-height:28px}.chest-screen__selected-skill-description{font-size:14px;min-height:60px}}@media (max-width: 1480px) and (orientation: landscape){.chest-screen__header{padding-bottom:4px}.chest-screen__content{gap:4px;padding:8px;min-height:auto}.chest-screen__footer{padding-top:8px}.chest-screen__chest-image{width:70px;min-height:70px;max-width:90vw}.chest-screen__selected-skill{display:none}.chest-screen__selected-skill--selected,.chest-screen__selected-skill--fish-coins{display:flex;gap:16px;padding:16px 8px;width:calc(100% - 16px);max-width:400px;height:auto;min-height:80px;animation:selectedSkillEnter .5s ease-out both}.chest-screen__selected-skill-glow{width:120px;height:100px}.chest-screen__selected-skill-sparkles{width:180px;height:180px}.chest-screen__selected-skill-sparkle{width:6px;height:6px}.chest-screen__selected-skill-icon{width:50px;height:50px;min-width:50px;padding:4px}.chest-screen__selected-skill-info{gap:4px}.chest-screen__selected-skill-name{font-size:14px;min-height:auto;line-height:1.2}.chest-screen__selected-skill-description{font-size:12px;min-height:auto;line-height:1.3}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes sparkleMove{0%{opacity:0;transform:translate(-50%,-50%) translate(0) translateY(0) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--sparkle-x)) translateY(var(--sparkle-y)) scale(.5)}}.skill-reel{width:100%;display:flex;justify-content:center}.skill-reel__container{position:relative;border:3px solid rgba(255,215,0,.6);border-radius:8px;overflow:hidden;box-shadow:0 0 20px #ffd7004d}.skill-reel__reel{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;will-change:transform;position:relative;z-index:2;background:#0000004d}.skill-reel__item{width:100%;display:flex;align-items:center;justify-content:center}.skill-reel__skill-icon{object-fit:contain;image-rendering:pixelated;position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .3s ease-out,filter .3s ease-out}.skill-reel__reel-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,215,0,.2) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:5;animation:glowPulse 1.5s ease-in-out infinite}.skill-reel__reel-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.skill-reel__sparkle{position:absolute;top:50%;left:50%;background:radial-gradient(circle,rgb(255,255,255) 0%,rgba(255,215,0,.8) 50%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:sparkleMove 1.5s ease-out forwards;animation-delay:var(--sparkle-delay)}.skill-reel__coin{object-fit:contain;image-rendering:pixelated}@media (min-width: 1025px) and (pointer: fine){.skill-reel{max-width:400px}.skill-reel__container{width:250px;height:100px}.skill-reel__item{height:80px;padding:8px}.skill-reel__skill-icon{width:64px;height:64px}.skill-reel__reel-glow{width:140px;height:120px}.skill-reel__reel-sparkles{width:200px;height:200px}.skill-reel__sparkle{width:8px;height:8px}.skill-reel__coin{width:64px;height:64px;margin-top:12px}}@media (max-width: 1480px) and (orientation: landscape){.skill-reel{max-width:280px}.skill-reel__container{width:180px;height:70px}.skill-reel__item{height:56px;padding:4px}.skill-reel__skill-icon{width:48px;height:48px}.skill-reel__reel-glow{width:100px;height:85px}.skill-reel__reel-sparkles{width:140px;height:140px}.skill-reel__sparkle{width:6px;height:6px}.skill-reel__coin{width:48px;height:48px;margin-top:8px}.skill-reel--finished{display:none}.skill-reel--finished :global(.falling-coins){display:none}}@keyframes coinFall{0%{top:-50px;opacity:1}10%{opacity:1}90%{opacity:.8}to{top:100vh;opacity:0}}@keyframes coinRotate{0%{transform:rotate(var(--coin-rotation, 0deg))}to{transform:rotate(calc(var(--coin-rotation, 0deg) + 360deg))}}.falling-coins{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;z-index:1;overflow:hidden}.falling-coin{position:absolute;animation:coinFall linear forwards;z-index:1}.falling-coin__image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:coinRotate linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@media (min-width: 1025px) and (pointer: fine){.falling-coin{top:-50px;width:32px;height:32px}}@media (max-width: 1480px) and (orientation: landscape){.falling-coin{top:-30px;width:24px;height:24px}}.mobile-rotation-message{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-rotation-message__content{text-align:center;padding:2rem;max-width:90vw;background-color:#334456;border:2px solid black;border-radius:8px;box-shadow:0 8px 32px #00000080}.mobile-rotation-message__icon{width:64px;height:64px;margin:0 auto 1rem;display:block;animation:rotate 2s ease-in-out infinite}.mobile-rotation-message h2{color:#000;margin:0 0 1rem;font-size:1.5rem;font-weight:700;text-transform:uppercase}.mobile-rotation-message p{color:#fff;margin:0;font-size:1rem;line-height:1.4;opacity:.9}@keyframes rotate{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}75%{transform:rotate(90deg)}}@media (max-width: 1480px) and (orientation: portrait){.mobile-rotation-message{display:flex}}@media (max-width: 1480px) and (orientation: landscape){.mobile-rotation-message{display:none}}@media (min-width: 1025px) and (pointer: fine){.mobile-rotation-message{display:none}}.playerInfo{display:flex;top:3px;left:24px;gap:8px;position:absolute;padding:0;align-items:center;justify-content:center;max-height:172px}.playerInfo__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.playerInfo__skills{margin-top:8px;align-self:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.playerInfo__name{font-size:24px;font-weight:700;margin-bottom:8px}.playerInfo__skills-list{display:flex;flex-direction:row}.playerInfo__skills .player-skill{display:flex;flex-direction:row;align-self:flex-start;gap:8px;align-items:flex-start;justify-content:flex-start}.playerInfo__skills .player-skill__image{width:16px;height:16px;background-color:#334456;border:2px solid black}.playerInfo__skills .player-skill__image--lvl-1{border:2px solid #bb8862}.playerInfo__skills .player-skill__image--lvl-2{border:2px solid #4e9f3d}.playerInfo__skills .player-skill__image--lvl-3{border:2px solid #f778c7}.playerInfo__skills .player-skill__image--lvl-4{border:2px solid #3d7ea6}.playerInfo__skills .player-skill__image--lvl-5{border:2px solid #a63d3d}.playerInfo .player-ultimate__image,.playerInfo .player-dash__image{width:40px;height:40px;border-width:1px}.playerInfo .player-avatar{border-radius:0%;width:120px;height:120px}.playerInfo .heart-icon{width:70px;height:70px}.playerInfo .heart-icon path:first-child{filter:blur(1px)}.playerInfo .heart-icon .heart-fill{fill:red}.player-dash{align-self:flex-start}.player-ultimate{width:fit-content}@media (max-width: 1480px) and (orientation: landscape){.playerInfo{top:2px;left:16px;gap:4px}.playerInfo__skills{gap:4px}.playerInfo__name{font-size:16px;margin-bottom:4px}.playerInfo__skills{margin-top:6px}.playerInfo__skills .player-skill{gap:4px}.playerInfo__skills .player-skill__image{width:8px;height:8px;border:1px solid black}.playerInfo__skills .player-skill__image--lvl-1{border:1px solid #bb8862}.playerInfo__skills .player-skill__image--lvl-2{border:1px solid #4e9f3d}.playerInfo__skills .player-skill__image--lvl-3{border:1px solid #f778c7}.playerInfo__skills .player-skill__image--lvl-4{border:1px solid #3d7ea6}.playerInfo__skills .player-skill__image--lvl-5{border:1px solid #a63d3d}.playerInfo .player-ultimate__image,.playerInfo .player-ultimate,.playerInfo .player-initial-skill,.playerInfo .player-dash{display:none}.playerInfo .player-avatar{width:40px;height:40px}}.health-bar{position:relative;background-color:#a11826;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 #000,4px 0 #000,0 -4px #000,0 4px #000}.health-bar__fill{position:absolute;left:0;top:0;height:100%;background-color:#6abe30;transition:width .3s ease-in-out}.health-bar__fillInner{position:absolute;left:0;top:2px;height:80%;width:97%;background-color:#99e550}.health-bar__text{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;font-size:16px;font-weight:700;color:#000;-webkit-user-select:none;user-select:none;height:100%}@media (max-width: 1480px) and (orientation: landscape){.health-bar{width:40px;height:10px}.health-bar__text{font-size:12px}}@media (min-width: 1025px) and (pointer: fine){.health-bar{width:120px;height:20px}}.player-dash{--cooldown-radius: 45;display:flex;flex-direction:column;align-items:center;gap:4px}.player-dash__blankSkill{width:40px;height:40px;background:#ffffff1a;border-radius:50%;border:2px dashed rgba(255,255,255,.3)}.player-dash__container{position:relative}.player-dash__image{width:100%;height:100%;object-fit:cover;border-radius:4px;border:2px solid #333;transition:all .3s ease;filter:grayscale(100%) brightness(.5)}.player-dash__image--ready{filter:none;box-shadow:0 0 10px #ffa50080}.player-dash__cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.player-dash__cooldown-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:2}.player-dash__cooldown-bg{fill:#333;opacity:.8}.player-dash__cooldown-progress{fill:none;stroke:#333;stroke-width:10;opacity:.8}.player-dash__cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;margin:0;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2}.player-dash__charges-counter{position:absolute;top:-8px;right:-8px;background:#0f0;color:#000;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #000;box-shadow:0 2px 4px #00000080;z-index:4}@media (max-width: 1480px) and (orientation: landscape){.player-dash__charges-counter{top:-4px;right:-4px;width:10px;height:10px}}.player-ultimate{--cooldown-radius: 45}.player-ultimate__container{display:flex;align-items:center;position:relative}.player-ultimate__image{width:100%;height:100%;object-fit:cover;border:2px solid #333;border-radius:4px;transition:all .3s ease;width:20px;filter:grayscale(100%) brightness(.5)}.player-ultimate__image--ready{filter:none;animation:skillReadyPulse 1.5s infinite;background-clip:padding-box;box-shadow:0 0 10px #00a2ffcc}.player-ultimate__cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.player-ultimate__cooldown-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:2}.player-ultimate__cooldown-bg{fill:#333;opacity:.8}.player-ultimate__cooldown-progress{fill:none;stroke:#333;stroke-width:10;opacity:.8}.player-ultimate__cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;margin:0;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:3}.player-ultimate__charges-counter{position:absolute;top:-8px;right:-8px;background:#f60;color:#000;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #000;box-shadow:0 2px 4px #00000080;z-index:4}@keyframes skillReadyPulse{0%{box-shadow:0 0 2px #00a2ffcc}50%{box-shadow:0 0 3px #00a2ffe6}to{box-shadow:0 0 2px #00a2ffcc}}@media (max-width: 1480px) and (orientation: landscape){.player-ultimate__charges-counter{top:-4px;right:-4px;width:10px;height:10px}}.mainMenu{background-image:url(../backgrounds/game_background.png);background-size:cover;background-repeat:no-repeat;background-position:center 85%;width:100%;height:100%}.mainMenu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);-webkit-backdrop-filter:brightness(.8) opacity(.1);backdrop-filter:brightness(.8) opacity(.1)}.mainMenu__title-container,.mainMenu__nickname,.mainMenu__actions{position:relative;z-index:2}.mainMenu__title-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:32px}.mainMenu__title{display:block;max-width:90%;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(-3px 11px 2px black)}.mainMenu__nickname{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:absolute;top:16px;left:16px;width:auto}.mainMenu__nickname-label{font-size:14px;color:#ff7b00;opacity:.8;font-weight:500}.mainMenu__nickname-value{font-size:16px;color:#dadada;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mainMenu__actions{animation:fadeIn 2s ease forwards;animation-delay:.5s;opacity:0;display:flex;align-items:center;bottom:16px;gap:16px;padding:0 32px;position:absolute;flex-direction:column;align-items:flex-end;justify-content:center;right:0;width:100%;height:100%}.mainMenu__foreground{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;opacity:.2;pointer-events:none;z-index:1}.mainMenu .version-text{position:absolute;top:48px;right:16px;font-size:14px;color:#dadada;opacity:.7;font-weight:500;z-index:2}.mainMenu button{font-size:16px;padding:8px 16px;width:100%;max-width:260px;font-weight:400;text-transform:uppercase;color:#dadada;background-color:#252525;font-family:inherit;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #092821;border:2px solid #dadada;outline:none;cursor:pointer;box-shadow:2px 2px #252525,-2px -2px #252525,2px -2px #252525,-2px 2px #252525;transition:background-color .2s ease-in-out}.mainMenu button:hover{background-color:#000;transition:background-color .2s ease-in-out}@media (max-width: 1480px) and (orientation: landscape){.mainMenu__title-container{margin-top:24px}.mainMenu__title{max-width:80%}.mainMenu__nickname{top:8px;left:8px;gap:4px}.mainMenu__actions{gap:2px;padding:0 16px;align-items:flex-end;justify-content:end}.mainMenu .version-text{top:40px;right:8px;font-size:14px}.mainMenu button{width:120px;height:30px;font-size:16px;padding:2px 12px;min-height:30px}}@media (min-width: 1025px) and (pointer: fine){.mainMenu__title-container{margin-top:80px}.mainMenu__title{width:400px}.mainMenu__nickname{top:32px;left:32px;gap:16px}.mainMenu__nickname-label{font-size:18px}.mainMenu__nickname-value{font-size:24px}.mainMenu__actions{gap:32px;top:50%;transform:translateY(-50%)}.mainMenu .version-text{top:70px;right:32px;font-size:18px}.mainMenu button{min-height:60px;min-width:44px;width:260px;height:80px;font-size:24px;padding:5px 20px}}@media (min-width: 1025px) and (max-height: 750px){.mainMenu__actions{gap:16px;top:50%;transform:translateY(-50%)}.mainMenu__title{max-width:85%}.mainMenu .version-text{top:70px;right:32px;font-size:18px}.mainMenu button{min-height:40px;min-width:20px;width:260px;height:40px;font-size:24px;padding:2px 10px}}.configurations{background-image:url(../backgrounds/configs.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100%;position:relative}.configurations:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);z-index:1;pointer-events:none}.configurations__foreground{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;pointer-events:none;z-index:1}.configurations__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.configurations__title{margin-bottom:48px;text-align:center;font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.configurations__settings{display:flex;flex-direction:column;gap:32px;width:100%;max-width:400px;margin-bottom:48px}.configurations__setting{display:flex;flex-direction:column;gap:16px}.configurations__label{font-size:18px;font-weight:700;color:#dadada;text-transform:uppercase;min-width:120px}.configurations__select{flex:1;height:50px;background:#252525;border:2px solid #dadada;border-radius:4px;padding:16px;font-size:16px;font-weight:700;color:#dadada;font-family:inherit;outline:none;text-transform:uppercase;cursor:pointer}.configurations__select option{background:#252525;color:#dadada;font-weight:700;text-transform:uppercase}.configurations__select:focus{border-color:gold;box-shadow:0 0 8px #ffd7004d}.configurations__slider-container{display:flex;align-items:center;gap:16px;flex:1}.configurations__slider{flex:1;height:8px;background:#252525;border:2px solid #dadada;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.configurations__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#dadada;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #00000080}.configurations__slider::-moz-range-thumb{width:20px;height:20px;background:#dadada;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #00000080}.configurations__volume-value{font-size:16px;font-weight:700;color:#dadada;min-width:40px;text-align:right}.configurations__input{flex:1;height:50px;background:#252525;border:2px solid #dadada;border-radius:4px;padding:16px;font-size:16px;font-weight:700;color:#dadada;font-family:inherit;outline:none;text-transform:uppercase}.configurations__input::placeholder{color:#ffe17d99}.configurations__input:focus{border-color:gold;box-shadow:0 0 8px #ffd7004d}.configurations__actions{display:flex;justify-content:center;width:100%}.configurations__back-btn{min-width:200px;font-size:18px;padding:8px 16px}.configurations__loading{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;font-size:48px;font-weight:700;color:#dadada;text-transform:uppercase}.configurations--from-playwrapper{background:#000;background-image:none}.configurations--from-playwrapper:before{display:none}.configurations--from-playwrapper .configurations__foreground{display:none}.configurations--from-playwrapper .configurations__content{background:#000c;border-radius:12px;padding:32px;margin:32px;border:2px solid rgba(255,225,125,.3)}@media (max-width: 1480px) and (orientation: landscape){.configurations{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.configurations__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"title" "settings" "actions";gap:16px;padding:16px;height:100%}.configurations__title{grid-area:title;font-size:18px;margin-bottom:0;text-align:center}.configurations__settings{grid-area:settings;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"language nickname" "music sfx";gap:16px;align-content:start;max-width:100%;margin-bottom:0}.configurations__setting{display:flex;flex-direction:column;gap:8px;align-items:stretch}.configurations__setting:nth-child(1){grid-area:language}.configurations__setting:nth-child(2){grid-area:music}.configurations__setting:nth-child(3){grid-area:sfx}.configurations__setting:nth-child(4){grid-area:nickname}.configurations__label{font-size:14px;min-width:auto;margin-bottom:0;text-align:center;font-weight:700}.configurations__select{height:35px;font-size:12px;padding:4px;width:100%}.configurations__slider-container{display:flex;flex-direction:column;gap:4px}.configurations__slider{height:4px;width:100%}.configurations__slider::-webkit-slider-thumb{width:16px;height:16px}.configurations__slider::-moz-range-thumb{width:16px;height:16px}.configurations__volume-value{font-size:12px;min-width:auto;text-align:center}.configurations__input{height:35px;font-size:12px;padding:4px;width:100%}.configurations__actions{grid-area:actions;display:flex;justify-content:center;align-items:center}.configurations__back-btn{min-width:100px;font-size:14px;padding:4px 8px;height:40px}.configurations__loading{font-size:18px}}@media (min-width: 1025px) and (pointer: fine){.configurations__content{padding:48px}.configurations__title{font-size:72px;margin-bottom:80px}.configurations__settings{max-width:600px}.configurations__setting{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.configurations__label{font-size:32px;min-width:180px}.configurations__select{height:70px;font-size:24px}.configurations__slider{height:12px}.configurations__slider::-webkit-slider-thumb{width:28px;height:28px}.configurations__slider::-moz-range-thumb{width:28px;height:28px}.configurations__volume-value{font-size:24px;min-width:60px}.configurations__input{height:70px;font-size:24px}.configurations__back-btn{min-width:280px;font-size:32px}.configurations__loading{font-size:72px}.configurations__checkbox-container{gap:24px}.configurations__checkbox{width:28px;height:28px;border-width:3px;border-radius:6px}.configurations__checkbox:after{font-size:16px}.configurations__checkbox-label{font-size:24px}.configurations__info-text{font-size:18px;padding:16px 24px}}@media (min-width: 1025px) and (max-height: 750px){.configurations{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.configurations__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"title" "settings" "actions";gap:16px;padding:16px;height:100%}.configurations__title{grid-area:title;font-size:18px;margin-bottom:0;text-align:center}.configurations__settings{grid-area:settings;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);grid-template-areas:"language nickname" "music sfx";gap:16px;align-content:start;max-width:100%;margin-bottom:0}.configurations__setting{display:flex;flex-direction:column;gap:8px;align-items:stretch}.configurations__setting:nth-child(1){grid-area:language}.configurations__setting:nth-child(2){grid-area:music}.configurations__setting:nth-child(3){grid-area:sfx}.configurations__setting:nth-child(4){grid-area:nickname}.configurations__label{font-size:14px;min-width:auto;margin-bottom:0;text-align:center;font-weight:700}.configurations__select{height:50px;font-size:12px;padding:4px;width:100%}.configurations__slider-container{display:flex;flex-direction:column;gap:4px}.configurations__slider{height:8px;width:100%}.configurations__slider::-webkit-slider-thumb{width:24px;height:24px}.configurations__slider::-moz-range-thumb{width:24px;height:24px}.configurations__volume-value{font-size:12px;min-width:auto;text-align:center}.configurations__input{height:35px;font-size:12px;padding:4px;width:100%}.configurations__actions{grid-area:actions;display:flex;justify-content:center;align-items:center}.configurations__back-btn{min-width:100px;font-size:14px;padding:4px 8px;height:50px}.configurations__loading{font-size:18px}}.configurations__checkbox-container{display:flex;align-items:center;gap:8px;width:100%}.configurations__checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.configurations__checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.configurations__checkbox:focus{outline:none;box-shadow:0 0 10px #d46e004d}.configurations__checkbox:hover{border-color:#ffffff80;background:#ffffff26}.configurations__checkbox-label{color:#fffc;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4}.configurations__info-text{margin:0;padding:8px 16px;font-size:14px;color:#ffe17de6;background:#ffa50026;border-left:3px solid rgba(255,165,0,.6);border-radius:4px;line-height:1.5;font-weight:500}.menu-screen{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.menu-screen:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.menu-screen__foreground{position:absolute;z-index:1;background:#0000001a;pointer-events:none;top:0;right:0;bottom:0;left:0}.menu-screen__content{display:grid;position:relative;z-index:2;grid-template:"header" auto "content" 1fr "footer" auto/1fr;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.menu-screen__header{grid-area:header;margin-bottom:24px;text-align:center}.menu-screen__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.menu-screen__main-content{display:flex;flex-direction:column;align-items:center;grid-area:content;overflow:hidden}.menu-screen__footer{display:flex;justify-content:center;grid-area:footer;width:100%;margin-top:24px}.menu-screen__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@media (max-width: 1480px) and (orientation: landscape){.menu-screen__content{padding:16px;gap:8px}.menu-screen__header{margin-bottom:4px}.menu-screen__title{font-size:24px;margin:4px 0}.menu-screen__footer{margin-top:4px}.menu-screen__back-btn{min-width:150px;height:40px;padding:4px 8px;font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.menu-screen__content{padding:48px;gap:48px}.menu-screen__title{font-size:72px;margin-bottom:32px}.menu-screen__back-btn{min-width:280px;font-size:32px}}@media (min-width: 1025px) and (max-height: 750px){.menu-screen__content{padding:24px;gap:24px}.menu-screen__header{margin-bottom:0}}.catboard{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.catboard:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.catboard__foreground{position:absolute;z-index:1;background:#0000001a;pointer-events:none;top:0;right:0;bottom:0;left:0}.catboard__content{display:grid;position:relative;z-index:2;grid-template:"header" auto "tabs" auto "content" 1fr "footer" auto/1fr;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.catboard__header{grid-area:header;margin-bottom:24px;text-align:center}.catboard__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.catboard__tabs{display:flex;justify-content:center;grid-area:tabs;width:100%;margin-bottom:24px;gap:24px}.catboard__tab{display:flex;justify-content:center;align-items:center;min-width:200px;padding:24px 32px;font-size:18px;font-weight:700;text-transform:uppercase;color:#dadada;background:#252525;border:2px solid #dadada;border-radius:4px;transition:all .2s ease;cursor:pointer;gap:16px}.catboard__tab:hover{background:#ffe17d1a;border-color:gold;box-shadow:0 0 8px #ffd7004d}.catboard__tab--active{color:gold;background:#ffe17d33;border-color:gold;box-shadow:0 0 12px #ffd70066}.catboard__tab svg{width:24px;height:24px}.catboard__content-area{display:flex;flex-direction:column;align-items:center;grid-area:content;overflow:hidden}.catboard__list-container{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;overflow:hidden}.catboard__list{display:flex;flex-direction:column;width:100%;max-height:400px;padding:16px;overflow-y:auto;background:#0c2d25cc;border:2px solid #dadada;border-radius:4px;gap:16px}.catboard__entry{display:flex;align-items:center;gap:24px;padding:24px;background:#0000004d;border:2px solid #dadada;border-radius:4px;transition:all .2s ease}.catboard__entry:hover{background:#ffe17d1a;border-color:gold;box-shadow:0 0 8px #ffd7004d}.catboard__entry:nth-child(1){background:#ffd70026;border-color:gold;box-shadow:0 0 12px #ffd70066}.catboard__entry:nth-child(2){background:#c0c0c026;border-color:silver;box-shadow:0 0 12px #c0c0c066}.catboard__entry:nth-child(3){background:#cd7f3226;border-color:#cd7f32;box-shadow:0 0 12px #cd7f3266}.catboard__rank{display:flex;justify-content:center;align-items:center;min-width:60px}.catboard__rank-icon{font-size:32px;font-weight:700}.catboard__player-info{display:flex;flex:1;flex-direction:column;gap:8px}.catboard__player-name{font-size:24px;font-weight:700;text-transform:uppercase;color:#dadada}.catboard__character{font-size:16px;text-transform:uppercase;color:#ffe17dcc}.catboard__stats{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.catboard__stat{display:flex;gap:8px;align-items:center}.catboard__stat-label{font-size:16px;text-transform:uppercase;color:#ffe17dcc}.catboard__stat-value{font-size:16px;font-weight:700;color:#dadada}.catboard__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;font-size:18px;font-weight:700;text-transform:uppercase;color:#dadada;gap:24px}.catboard__loading-spinner{width:40px;height:40px;border:4px solid rgba(255,225,125,.3);border-radius:50%;border-top:4px solid #dadada;animation:spin 1s linear infinite}.catboard__error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;font-size:18px;font-weight:700;text-align:center;text-transform:uppercase;color:#ff6b6b;gap:24px}.catboard__empty{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;font-style:italic;text-align:center;text-transform:uppercase;color:#ffe17dcc}.catboard__footer{display:flex;justify-content:center;grid-area:footer;width:100%;margin-top:24px}.catboard__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1480px) and (orientation: landscape){.catboard{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.catboard__content{grid-template-columns:60px 1fr 60px;grid-template-areas:"header header header" "tabs tabs tabs" "content content content" "footer footer footer";height:100%;padding:4px;gap:4px}.catboard__header{margin-bottom:0}.catboard__title{font-size:24px}.catboard__tabs{max-width:100%;margin-bottom:0;gap:4px}.catboard__tab{flex:1;min-width:auto;padding:4px;font-size:12px;gap:4px}.catboard__tab svg{width:16px;height:16px}.catboard__content-area{overflow:hidden}.catboard__list{flex:1;max-height:none;gap:8px}.catboard__entry{padding:8px;gap:8px}.catboard__rank{min-width:40px}.catboard__rank-icon{font-size:18px}.catboard__player-name{font-size:16px}.catboard__character,.catboard__stat-label,.catboard__stat-value{font-size:12px}.catboard__footer{margin-top:0}.catboard__back-btn{min-width:100px;height:40px;padding:4px 8px;font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.catboard__content{grid-template-columns:120px 1fr 120px;grid-template-areas:"header header header" "tabs tabs tabs" "content content content" "footer footer footer";padding:48px}.catboard__title{margin-bottom:32px;font-size:72px}.catboard__tabs{margin-bottom:32px}.catboard__tab{min-width:280px;padding:32px 48px;font-size:32px}.catboard__tab svg{width:32px;height:32px}.catboard__content-area{overflow:hidden}.catboard__list{max-height:600px}.catboard__entry{padding:32px;gap:32px}.catboard__rank{min-width:80px}.catboard__rank-icon{font-size:72px}.catboard__player-name{font-size:32px}.catboard__character,.catboard__stat-label,.catboard__stat-value{font-size:18px}.catboard__footer{margin-top:32px}.catboard__back-btn{min-width:280px;font-size:32px}}@media (min-width: 1025px) and (max-height: 750px){.catboard{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.catboard__content{grid-template-columns:60px 1fr 60px;grid-template-areas:"header header header" "tabs tabs tabs" "content content content" "footer footer footer";height:100%;padding:4px;gap:4px}.catboard__header{margin-bottom:0}.catboard__title{font-size:24px}.catboard__tabs{max-width:100%;margin-bottom:0;gap:4px}.catboard__tab{flex:1;min-width:auto;padding:4px;font-size:12px;gap:4px}.catboard__tab svg{width:16px;height:16px}.catboard__content-area{overflow:hidden}.catboard__list{flex:1;max-height:none;gap:8px}.catboard__entry{padding:8px;gap:8px}.catboard__rank{min-width:40px}.catboard__rank-icon{font-size:18px}.catboard__player-name{font-size:16px}.catboard__character,.catboard__stat-label,.catboard__stat-value{font-size:12px}.catboard__footer{margin-top:0}.catboard__back-btn{min-width:100px;height:50px;padding:4px 8px;font-size:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.about:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.about__foreground{position:absolute;z-index:1;background:#0000001a;pointer-events:none;top:0;right:0;bottom:0;left:0}.about__content{display:grid;position:relative;z-index:2;grid-template:"header" auto "content" 1fr "footer" auto/1fr;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.about__header{grid-area:header;margin-bottom:24px;text-align:center}.about__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.about__main-content{display:flex;flex-direction:column;align-items:center;grid-area:content;overflow:hidden}.about__options{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:1440px;gap:24px;padding:24px}.about__option{display:flex;flex-direction:column;align-items:center;padding:24px;background:#0c2d25cc;border:2px solid #dadada;border-radius:8px;transition:all .2s ease;gap:24px;max-width:400px}.about__option:hover{background:#ffe17d1a;border-color:gold;box-shadow:0 0 12px #ffd7004d}.about__option-content{display:flex;flex-direction:column;flex:1;gap:8px}.about__option-title{text-align:center;font-size:24px;font-weight:700;text-transform:uppercase;color:#dadada}.about__option-description{font-size:16px;color:#ffe17de6;line-height:1.4}.about__option-button{align-self:flex-end;min-width:120px;padding:8px 16px;flex-shrink:0}.about__footer{display:flex;justify-content:center;grid-area:footer;width:100%;margin-top:24px}.about__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@media (max-width: 1480px) and (orientation: landscape){.about__content{padding:16px;gap:8px}.about__header{margin-bottom:4px}.about__title{font-size:18px;margin:4px 0}.about__options{gap:4px;padding:4px}.about__option{padding:4px;gap:4px}}@media (max-width: 1480px) and (orientation: landscape) and (min-height: 400px){.about__option{padding:16px;gap:16px}}@media (max-width: 1480px) and (orientation: landscape){.about__option-title{font-size:18px;margin:4px 0}.about__option-description{font-size:14px}.about__option-button{min-width:120px;padding:8px 16px;font-size:14px}.about__back-btn{min-width:150px;height:40px;padding:4px 8px;font-size:14px}.about__footer{margin-top:4px}}@media (min-width: 1025px) and (pointer: fine){.about__content{padding:48px;gap:48px}.about__title{font-size:72px;margin-bottom:32px}.about__options{gap:24px}.about__option{padding:24px;gap:32px;min-height:100px}.about__option-content{flex:1}.about__option-title{font-size:24px}.about__option-description{font-size:16px}.about__option-button{min-width:150px;padding:16px 24px;font-size:16px}.about__back-btn{min-width:280px;font-size:32px}}@media (min-width: 1025px) and (max-height: 750px){.about__content{padding:24px;gap:24px}.about__header{margin-bottom:0}}.donations{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.donations:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.donations__foreground{position:absolute;z-index:1;background:#0000001a;pointer-events:none;top:0;right:0;bottom:0;left:0}.donations__content{display:grid;position:relative;z-index:2;grid-template:"header" auto "content" 1fr "footer" auto/1fr;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.donations__header{grid-area:header;margin-bottom:24px;text-align:center}.donations__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.donations__main-content{display:flex;flex-direction:column;align-items:center;grid-area:content;padding:24px}.donations__card{display:flex;flex-direction:column;align-items:center;max-width:500px;padding:24px;background:#0c2d25e6;border:2px solid #dadada;border-radius:12px;text-align:center;gap:16px;box-shadow:0 0 20px #ffd70033}.donations__icon{font-size:4rem;margin-bottom:16px}.donations__card-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#dadada;margin-bottom:16px}.donations__description{font-size:16px;color:#ffe17de6;line-height:1.5;margin-bottom:24px}.donations__features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;width:100%}.donations__feature{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,225,125,.3)}.donations__feature-icon{font-size:1.5rem;min-width:30px}.donations__feature-avatar{width:30px;height:30px;border-radius:0%;background-color:transparent}.donations__feature-text{font-size:16px;color:#ffe17de6}.donations__platform{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,225,125,.3);width:100%}.donations__platform-text{font-size:18px;font-weight:700;color:#dadada}.donations__donate-btn{min-width:200px;padding:24px 32px;font-size:18px;background:#fd4;border:none;border-radius:12px;color:#000;font-weight:700;text-transform:none;box-shadow:0 4px 12px #ffdd444d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.donations__donate-btn:hover{background:#ffe55c;transform:translateY(-2px);box-shadow:0 6px 16px #fd46;color:#000}.donations__disclaimer{font-size:14px;color:#ffe17db3;font-style:italic}.donations__footer{display:flex;justify-content:center;grid-area:footer;width:100%;margin-top:24px}.donations__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@media (max-width: 1480px) and (orientation: landscape){.donations__content{padding:16px}.donations__title{font-size:24px;margin-bottom:4px}.donations__card{max-width:90%;padding:8px;gap:0}}@media (max-width: 1480px) and (orientation: landscape) and (min-height: 400px){.donations__card{margin-top:24px;padding:16px;gap:16px}}@media (max-width: 1480px) and (orientation: landscape){.donations__header{margin-bottom:0}.donations__icon{font-size:3rem}.donations__card-title{font-size:18px}.donations__description{font-size:14px}.donations__features{flex-direction:row;gap:16px;padding:4px 16px;margin-bottom:0}.donations__feature{border:none}.donations__feature-text{font-size:12px}.donations__platform{padding-top:0}.donations__platform-text{font-size:12px}.donations__donate-btn{min-width:150px;padding:4px;font-size:16px;background:#fd4;border:none;border-radius:8px;color:#000;font-weight:700}.donations__donate-btn:hover{background:#ffe55c;color:#000}.donations__footer{margin-top:0}.donations__back-btn{min-width:150px;height:40px;padding:4px 8px;font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.donations__content{padding:32px}.donations__title{font-size:72px}.donations__card{max-width:700px;min-width:400px;padding:32px;gap:24px}.donations__icon{font-size:4rem}.donations__card-title{font-size:24px}.donations__description{font-size:16px}.donations__features{gap:32px}.donations__feature-text,.donations__platform-text{font-size:16px}.donations__donate-btn{min-width:220px;padding:24px 32px;font-size:18px;background:#fd4;border:none;border-radius:12px;color:#000;font-weight:700}.donations__donate-btn:hover{background:#ffe55c;color:#000}.donations__back-btn{min-width:280px;font-size:32px}}@media (min-width: 1025px) and (max-height: 750px){.donations__header{margin-bottom:0}.donations__title{margin:0}.donations__card{padding:16px;gap:4px}}.feedback{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.feedback:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.feedback__foreground{position:absolute;z-index:1;background:#0000001a;pointer-events:none;top:0;right:0;bottom:0;left:0}.feedback__content{display:grid;position:relative;z-index:2;grid-template:"header" auto "content" 1fr "footer" auto/1fr;height:100%;padding:32px;animation:fadeIn .5s ease forwards}.feedback__header{grid-area:header;margin-bottom:24px;text-align:center}.feedback__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada}.feedback__main-content{display:flex;flex-direction:column;align-items:center;grid-area:content;padding:24px}.feedback__card{display:flex;flex-direction:column;align-items:center;max-width:500px;padding:24px;background:#0c2d25e6;border:2px solid #dadada;border-radius:12px;text-align:center;gap:16px;box-shadow:0 0 20px #ffd70033}.feedback__description{font-size:16px;color:#ffe17de6;line-height:1.5;margin-bottom:16px}.feedback__features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;justify-content:center;width:100%}.feedback__feature{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border-radius:6px;border:1px solid rgba(255,225,125,.3)}.feedback__feature-icon{font-size:1.5rem;min-width:30px}.feedback__feature-text{font-size:16px;color:#ffe17de6}.feedback__platform{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,225,125,.3);width:100%}.feedback__form-btn{min-width:200px;padding:24px 32px;font-size:18px;background:#90ee90;border:none;border-radius:12px;color:#000;font-weight:700;text-transform:none;box-shadow:0 4px 12px #90ee904d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.feedback__form-btn:hover{background:#98fb98;transform:translateY(-2px);box-shadow:0 6px 16px #98fb9866;color:#000}.feedback__footer{display:flex;justify-content:center;grid-area:footer;width:100%;margin-top:24px}.feedback__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@media (max-width: 1480px) and (orientation: landscape){.feedback__content{padding:16px}.feedback__title{font-size:24px;margin-bottom:4px}.feedback__main-content{padding:0 8px}}@media (max-width: 1480px) and (orientation: landscape) and (min-height: 400px){.feedback__main-content{padding:24px}}@media (max-width: 1480px) and (orientation: landscape){.feedback__card{max-width:90%;padding:8px;gap:0}}@media (max-width: 1480px) and (orientation: landscape) and (min-height: 400px){.feedback__card{margin-top:8px;padding:8px;gap:8px}}@media (max-width: 1480px) and (orientation: landscape){.feedback__header{margin-bottom:0}.feedback__description{font-size:14px;margin-bottom:8px}.feedback__features{flex-direction:row;gap:16px;padding:4px 16px;margin-bottom:0}.feedback__feature{border:none}.feedback__feature-text{font-size:12px}.feedback__platform{padding-top:0}.feedback__form-btn{min-width:150px;padding:4px;font-size:16px;background:#90ee90;border:none;border-radius:8px;color:#000;font-weight:700}.feedback__form-btn:hover{background:#98fb98;color:#000}.feedback__footer{margin-top:0}.feedback__back-btn{min-width:150px;height:40px;padding:4px 8px;font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.feedback__content{padding:32px}.feedback__title{font-size:72px}.feedback__card{max-width:700px;min-width:400px;padding:32px;gap:24px}.feedback__features{gap:32px}.feedback__description,.feedback__feature-text{font-size:16px}.feedback__form-btn{min-width:220px;padding:24px 32px;font-size:18px;background:#90ee90;border:none;border-radius:12px;color:#000;font-weight:700}.feedback__form-btn:hover{background:#98fb98;color:#000}.feedback__back-btn{min-width:280px;font-size:32px}}@media (min-width: 1025px) and (max-height: 750px){.feedback__header{margin-bottom:0}.feedback__title{margin:0}.feedback__card{padding:16px;gap:4px}.feedback__features{gap:16px}}.credits{position:relative;width:100%;height:100%;background-image:url(../backgrounds/configs.png);background-position:center;background-size:cover;background-repeat:no-repeat}.credits:before{position:absolute;z-index:1;background:radial-gradient(circle at center,#0000 40%,#000000b5 60%);pointer-events:none;content:"";top:0;right:0;bottom:0;left:0}.credits__content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;height:100%;padding:32px;animation:fadeIn .5s ease forwards;overflow-y:auto}.credits__title{font-size:48px;font-weight:700;text-transform:uppercase;color:#dadada;text-align:center;margin-bottom:32px}.credits__list{display:flex;flex-direction:column;gap:24px;width:100%;max-width:600px;margin-bottom:32px}.credits__hero{display:flex;align-items:center;gap:24px;padding:16px;border-bottom:2px solid rgba(255,107,53,.3);text-align:left}.credits__hero h3{font-size:24px;font-weight:700;color:gold;margin:0 0 4px}.credits__hero p{font-size:16px;color:#ffe17de6;margin:0;line-height:1.4}.credits__hero-photo{width:80px;height:60px;border-radius:8px;object-fit:cover;border:2px solid #ffd700;box-shadow:0 0 12px #ffd70066;flex-shrink:0}.credits__hero-info{flex:1}.credits__creators{list-style:none;padding:0;margin:0;border-bottom:1px solid rgba(255,225,125,.2)}.credits__creators li{display:flex;flex-direction:column;gap:4px;padding:16px 0}.credits__creators li strong{font-size:18px;font-weight:700;color:#dadada}.credits__creators li span{font-size:16px;color:#ffe17de6;line-height:1.4}.credits__contributions{border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:16px}.credits__contributions-title{font-size:18px;font-weight:700;color:gold;text-align:center;margin:0 0 16px;text-transform:uppercase}.credits__contributions ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;justify-items:right;gap:24px}.credits__contributions ul li{display:flex;flex-direction:column;gap:4px;padding:8px 0}.credits__contributions ul li strong{font-size:16px;font-weight:700}.credits__contributions ul li span{font-size:14px;color:#ffe17dcc;line-height:1.4}.credits__gratitude{text-align:center;border-bottom:1px solid rgba(138,43,226,.3);padding-bottom:16px}.credits__gratitude p{margin:0 0 16px;line-height:1.5}.credits__special-intro{font-size:16px;color:#ffe17de6;font-style:italic}.credits__thank-you{font-size:18px;font-weight:700;color:#dadada}.credits__feedback{font-size:16px;color:#ffe17de6}.credits__version{text-align:center;padding-top:16px}.credits__version p{margin:0 0 4px}.credits__version p:first-child{font-size:16px;font-weight:700;color:#dadada}.credits__version p:last-child{font-size:14px;color:#ffe17db3}.credits__back-btn{min-width:200px;padding:8px 16px;font-size:18px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 1480px) and (orientation: landscape){.credits__content{padding:16px}.credits__title{font-size:24px;margin-bottom:24px}.credits__list{max-width:90%;gap:16px}.credits__hero{flex-direction:row;text-align:start;align-items:flex-start;gap:24px;background:#00000057}.credits__hero h3{font-size:18px}.credits__hero p{font-size:14px}.credits__hero-photo{width:170px;height:190px}.credits__creators li strong{font-size:16px}.credits__creators li span{font-size:14px}.credits__contributions-title{font-size:16px}.credits__contributions ul{display:grid;grid-template-columns:1fr 1fr;gap:16px}.credits__contributions ul li strong{font-size:14px}.credits__contributions ul li span{font-size:12px}.credits__special-intro,.credits__feedback{font-size:14px}.credits__thank-you{font-size:16px}.credits__back-btn{min-width:150px;font-size:14px}}@media (min-width: 1025px) and (pointer: fine){.credits__content{padding:32px}.credits__title{font-size:72px}.credits__list{max-width:800px}.credits__hero{gap:32px}.credits__hero h3{font-size:24px}.credits__hero p{font-size:16px}.credits__hero-photo{width:160px;height:190px}.credits__creators li{flex-direction:row;justify-content:space-between;align-items:center}.credits__creators li strong{font-size:18px}.credits__creators li span{font-size:16px;text-align:right}.credits__contributions-title{font-size:24px}.credits__contributions ul{display:grid;grid-template-columns:1f;gap:16px}.credits__contributions ul li strong{font-size:16px}.credits__contributions ul li span{font-size:14px}.credits__back-btn{min-width:280px;font-size:32px}}.error-panel{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.error-panel{width:100%;padding:24px}}.error-header{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.error-header h1,.error-header h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.error-header h1,.error-header h2{font-size:24px}}.error-content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.error-content{gap:8px}}.error-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}.error-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#2c1810,#4a2d0d,#2c1810);display:flex;align-items:center;justify-content:center;z-index:9999;padding:8px}@media (min-width: 768px){.error-screen{padding:24px}}.error-panel{max-height:90vh;overflow-y:auto;background:#2c1810f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #ff6b35;box-shadow:0 12px 24px #ff6b354d}.error-header{border-bottom-color:#ff6b35}.error-header h1{color:#ff6b35;font-size:18px;margin-bottom:4px}@media (min-width: 768px){.error-header h1{font-size:24px}}.error-header p{color:#fff;font-size:14px;margin:0;opacity:.8}.error-content{flex:1}.error-message h3{color:#ff6b35;font-size:16px;margin:0 0 4px}.error-message .error-text{background:#ff6b351a;border:2px solid #ff6b35;border-radius:8px;padding:8px;color:#fff;font-family:Courier New,monospace;font-size:14px;word-break:break-word;margin:0}.error-actions{display:flex;flex-direction:column;gap:8px;margin:16px 0}@media (min-width: 768px){.error-actions{flex-direction:row;justify-content:center}}.error-actions .error-button{padding:8px 16px;border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.error-actions .error-button.primary{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border-color:#ff6b35}.error-actions .error-button.primary:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35);transform:translateY(-2px);box-shadow:0 4px 8px #ff6b3566}.error-actions .error-button.primary:active{transform:translateY(0)}.error-actions .error-button.secondary{background:transparent;color:#fff;border-color:#4a2d0d}.error-actions .error-button.secondary:hover{background:#ffffff1a;border-color:#ff6b35;transform:translateY(-1px)}.error-actions .error-button.secondary:active{transform:translateY(0)}.error-details{margin-top:16px;border-top:2px solid #4a2d0d;padding-top:16px}.error-details .details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.error-details .details-header h4{color:#ff6b35;font-size:16px;margin:0}.error-details .details-header .copy-button{background:transparent;border:2px solid #4a2d0d;border-radius:6px;padding:4px 8px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.error-details .details-header .copy-button:hover{border-color:#ff6b35;background:#ff6b351a}.error-details .details-content{display:flex;flex-direction:column;gap:16px}.error-details .detail-section h5{color:#ff6b35;font-size:14px;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.error-details .detail-section .error-stack{background:#0000004d;border:1px solid #4a2d0d;border-radius:6px;padding:8px;color:#fff;font-family:Courier New,monospace;font-size:12px;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}@media (min-width: 768px){.error-details .detail-section .error-stack{font-size:14px;max-height:300px}}.error-footer{border-top-color:#4a2d0d}.error-footer p{color:#fff;font-size:14px;text-align:center;margin:0;opacity:.7}@media (max-width: 1480px){.error-screen{padding:4px}.error-panel{width:95vw;max-height:95vh}.error-actions .error-button{padding:16px;font-size:16px}}.error-panel{animation:errorPanelSlideIn .3s ease-out}@keyframes errorPanelSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.storySlide{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;text-align:center;pointer-events:none}.storySlide--active{opacity:1;transform:translate(0);pointer-events:all}.storySlide--entering{opacity:0;transform:translate(50px)}.storySlide--exiting{opacity:0;transform:translate(-50px)}.storySlide--previous{transform:translate(-50px)}.storySlide__imageContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.storySlide__image{width:100%;height:100%;object-fit:contain;display:block;image-rendering:pixelated}.storySlide__audioIndicator{position:absolute;top:0;right:0;background:#000000b3;border-radius:8px;padding:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.storySlide__audioIndicator--standalone{position:absolute;top:24px;right:24px;background:#000c;border:1px solid rgba(255,255,255,.2)}.storySlide__soundWaves{display:flex;align-items:center;gap:3px;justify-content:center;height:100%}.storySlide__soundWave{width:3px;background:#fff;border-radius:2px;animation:soundWave 1.2s ease-in-out infinite}.storySlide__soundWave:nth-child(1){height:8px;animation-delay:0s}.storySlide__soundWave:nth-child(2){height:12px;animation-delay:.2s}.storySlide__soundWave:nth-child(3){height:8px;animation-delay:.4s}.storySlide__content{text-align:center;max-width:90%;z-index:10;position:relative;order:3}.storySlide__title{font-size:24px;font-weight:700;margin:0 0 32px;text-shadow:4px 4px 8px rgba(0,0,0,.9);text-align:center;z-index:10;position:relative;order:1}.storySlide__subtitle{font-size:18px;line-height:1.6;margin:0;padding:32px;background:#0000001a;border-radius:12px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #00000080;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes soundWave{0%,to{transform:scaleY(.5);opacity:.7}50%{transform:scaleY(1.2);opacity:1}}@media (max-width: 1480px) and (orientation: landscape){.storySlide__imageContainer{margin-bottom:16px}.storySlide__title{font-size:16px}.storySlide__subtitle{font-size:14px;padding:8px}}@media (min-width: 1025px) and (pointer: fine){.storySlide__title{margin-top:32px;font-size:24px}.storySlide__subtitle{font-size:24px;padding:24px;margin-bottom:16px}}.storyPlayer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow:hidden;background:#000}.storyPlayer__background{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.storyPlayer__background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../backgrounds/game_background.png) center/cover no-repeat;opacity:.1;filter:blur(2px)}.storyPlayer__overlay{position:relative;width:100%;height:100%;z-index:3;display:flex;flex-direction:column}.storyPlayer__skipHint{position:absolute;top:16px;left:16px;z-index:6;font-size:11px;color:#fc6;background:linear-gradient(135deg,#1e1914e6,#2d2319f2);padding:6px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:2px solid #e67e22;box-shadow:0 0 12px #e67e2266,inset 0 1px #ffc86426;cursor:pointer;transition:all .25s ease;animation:skipPulse 2.5s ease-in-out infinite}.storyPlayer__skipHint:hover{background:linear-gradient(135deg,#2d2319f2,#3c2d1e);border-color:#ff9f43;color:#ffe0a0;box-shadow:0 0 18px #ff9f4399,inset 0 1px #ffc86440;transform:translateY(-1px)}.storyPlayer__skipHint:active{transform:scale(.95) translateY(0);box-shadow:0 0 8px #e67e2280}@keyframes skipPulse{0%,to{box-shadow:0 0 12px #e67e2266,inset 0 1px #ffc86426}50%{box-shadow:0 0 20px #e67e22b3,inset 0 1px #ffc86440}}.storyPlayer__content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}.storyPlayer__centerControls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;align-items:center;gap:32px;z-index:5}.storyPlayer__bottomProgress{position:absolute;bottom:16px;right:24px;display:flex;align-items:center;gap:8px;z-index:4;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.storyPlayer__progressText{color:#fffc;font-size:12px;font-weight:500;text-align:center;white-space:nowrap}.storyPlayer__progressBar{width:80px;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.storyPlayer__progressFill{height:100%;background:linear-gradient(90deg,#d36e00,#bb8862);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.storyPlayer__progressFill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}.storyPlayer__iconButton{background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.storyPlayer__iconButton:hover{background:#000c;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 12px #0006}.storyPlayer__iconButton:active{transform:scale(.95)}.storyPlayer__iconButton--next{position:absolute;right:0}.storyPlayer__iconButton--previous{position:absolute;left:0}.storyPlayer__iconButton:disabled{opacity:.4;cursor:not-allowed}.storyPlayer__iconButton:disabled:hover{transform:none;background:#0009;border-color:#ffffff4d;box-shadow:none}@media (max-width: 1480px) and (orientation: landscape){.storyPlayer__centerControls{gap:24px}.storyPlayer__iconButton{width:36px;height:36px}.storyPlayer__skipHint{font-size:9px;padding:4px 8px;top:8px;left:8px;border-width:1.5px}}@media (min-width: 1025px) and (pointer: fine){.storyPlayer{padding:32px}.storyPlayer__centerControls{gap:48px}.storyPlayer__iconButton{width:44px;height:44px}.storyPlayer__skipHint{font-size:13px;padding:8px 16px;border-radius:8px}}.tutorial-dialog{background-color:#c78a45;border:4px solid #4a2d0d;border-radius:16px;box-shadow:0 8px 16px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;width:90vw;max-width:550px;color:#fff}@media (min-width: 768px){.tutorial-dialog{width:100%;padding:24px}}.tutorial-dialog__title{text-align:center;padding-bottom:8px;border-bottom:2px solid #4a2d0d;margin-bottom:4px}.tutorial-dialog__title h1,.tutorial-dialog__title h2{font-size:18px;text-align:center;color:#fff;margin:0;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}@media (min-width: 768px){.tutorial-dialog__title h1,.tutorial-dialog__title h2{font-size:24px}}.tutorial-dialog__content{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.tutorial-dialog__content{gap:8px}}.tutorial-dialog__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;border-top:2px solid #4a2d0d}.tutorial-dialog{overflow-y:hidden;z-index:10000}.tutorial-dialog__content{width:100%;text-align:center}.tutorial-dialog__message{font-family:PixelifySans-Regular,monospace;font-size:16px;color:#fff;line-height:1.6;margin:0 0 32px;text-shadow:1px 1px 0px rgba(0,0,0,.5)}@media (max-width: 1480px){.tutorial-dialog__message{font-size:14px;margin-bottom:24px}}.tutorial-dialog__footer{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center}.tutorial-dialog__footer .button{flex:1;width:200px;min-width:140px}@media (max-width: 1480px){.tutorial-dialog__footer .button{width:150px;min-width:120px;font-size:14px;padding:8px 16px}}.tutorial-dialog__button--primary{background:linear-gradient(145deg,#d36e00,#a05300);border:2px solid rgb(255,148.4952606635,32.5)}.tutorial-dialog__button--primary:hover{background:linear-gradient(145deg,#ff9421,#d36e00);transform:translateY(-2px);box-shadow:0 6px 12px #d36e0066}.tutorial-dialog__button--secondary{background:linear-gradient(145deg,#334456,#171e26);border:2px solid rgb(88.9708029197,118.6277372263,150.0291970803)}.tutorial-dialog__button--secondary:hover{background:linear-gradient(145deg,#465d76,#334456);transform:translateY(-2px);box-shadow:0 6px 12px #33445666}@media (max-width: 1480px) and (orientation: landscape){.tutorial-dialog{max-width:100vw;max-height:100vh;height:100vh;width:100vw}.tutorial-dialog__content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.tutorial-dialog__footer{flex-direction:column;gap:8px;width:100%;padding:16px}.tutorial-dialog__footer .button{width:100%;max-width:300px}}.loadingScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000}.loadingScreen__content{text-align:center;color:#fff}.loadingScreen__loading{display:flex;flex-direction:column;align-items:center;gap:24px}.loadingScreen__spinner{position:relative;display:flex;align-items:center;justify-content:center}.loadingScreen__cat{width:48px;height:48px;object-fit:contain;animation:bounce 1.5s ease-in-out infinite}.loadingScreen__text{font-size:18px;color:#fffc;margin:0}.loadingScreen__progressBar{width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;position:relative}.loadingScreen__progressFill{height:100%;background:linear-gradient(90deg,#c78a45,#ffb366);border-radius:4px;transition:width .3s ease;position:relative}.loadingScreen__progressFill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s ease-in-out infinite}.loadingScreen__percentage{font-size:16px;color:#fff9;margin:0;font-weight:500}.loadingScreen__error{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:400px}.loadingScreen__errorIcon{font-size:64px}.loadingScreen__errorMessage{font-size:18px;color:#fffc;margin:0;text-align:center;line-height:1.4}.loadingScreen__retryButton{padding:16px 32px;background:#c78a45;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.loadingScreen__retryButton:hover{background:#a77032;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.loadingScreen__retryButton:active{transform:translateY(0)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@media (max-width: 1480px) and (orientation: portrait){.loadingScreen__cat{width:36px;height:36px}.loadingScreen__progressBar{width:250px;height:6px}.loadingScreen__text{font-size:16px}}.characterSelection{background-image:url(../backgrounds/configs.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100%;padding-bottom:16px;position:relative;overflow-y:auto;overflow-x:hidden}.characterSelection .playerStatList{width:90%}.characterSelection__content{display:grid;grid-template-columns:500px 200px;grid-template-rows:1fr 150px;gap:0 24px;justify-content:center;padding:0 24px}.characterSelection__logo{width:170px;height:100%;object-fit:contain}.characterSelection__logoContainer{display:flex;justify-content:center;align-items:center;margin:32px 0}.characterSelection__characterSelectionListContainer{display:flex;flex-direction:column}.characterSelection__actions{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center;margin-top:16px;padding:0 8px}.characterSelection__actions button{flex:1;min-width:120px;max-width:180px}@media (max-width: 1480px) and (orientation: landscape){.characterSelection{padding:8px;overflow-y:hidden}.characterSelection .playerStatList{transform:none;grid-template-columns:repeat(2,1fr);padding:0}.characterSelection__logoContainer{margin:4px 0;padding:0 100px;align-items:flex-start;justify-content:flex-start}.characterSelection__logo{width:120px}.characterSelection__content{gap:16px;grid-template-columns:240px minmax(auto,550px);grid-template-rows:1fr 60px;margin:16px 0;padding-bottom:32px;height:calc(100% - 75px)}.characterSelection__actions{margin-top:8px;gap:8px;grid-column:1/2;grid-row:2;height:fit-content}.characterSelection__actions button{min-width:100px;max-width:140px;font-size:14px;padding:4px 8px}}@media (min-width: 1025px) and (max-height: 750px){.characterSelection{padding:4px 8px 8px}.characterSelection__logoContainer{margin:4px 0}.characterSelection__logo{width:120px}.characterSelection__content{grid-template-columns:400px 180px;grid-template-rows:1fr 100px;gap:0 16px}.characterSelection__actions{margin-top:4px;gap:8px}.characterSelection__actions button{min-width:100px;max-width:150px;font-size:14px;padding:4px 8px}}@media (min-width: 1025px) and (max-height: 600px){.characterSelection{padding:4px}.characterSelection__logoContainer{margin:2px 0}.characterSelection__logo{width:100px}.characterSelection__content{grid-template-columns:350px 160px;grid-template-rows:1fr 80px;gap:0 8px}.characterSelection__actions{margin-top:2px;gap:4px}.characterSelection__actions button{min-width:90px;max-width:130px;font-size:12px;padding:4px}}.characterSelectionList{display:flex;flex-direction:column;align-items:center;background-color:#041315f2;overflow-y:auto;padding:16px;border-radius:8px}.characterSelectionList__title{font-weight:700;color:#dadada;text-align:center;font-size:18px;margin:8px 0}.characterSelectionList__items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}.characterSelectionList__item{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:4px;overflow:hidden}.characterSelectionList__item:hover{transform:scale(1.05);box-shadow:0 0 12px #ffc86499}.characterSelectionList__item:active{transform:scale(.98)}.characterSelectionList__itemThumbnail,.characterSelectionList__itemLocked{width:80px;height:80px;object-fit:cover}.characterSelectionList__itemLocked{background-color:#000c;display:flex;justify-content:center;align-items:center}.characterSelectionList__itemLockedText{font-size:12px;color:#ffffff80;text-align:center}@media (max-width: 1480px) and (orientation: landscape){.characterSelectionList{padding:0 8px;min-height:150px}.characterSelectionList__title{font-size:16px;margin:4px 0}.characterSelectionList__items{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}.characterSelectionList__itemThumbnail,.characterSelectionList__itemLocked{width:55px;height:55px}}@media (min-width: 1025px) and (pointer: fine){.characterSelectionList__itemThumbnail,.characterSelectionList__itemLocked{width:100px;height:100px}.characterSelectionList__title{font-size:24px}}.selectedCharacter{grid-column:2/4;grid-row:1/4;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(180deg,#c78a45f2,#b4732dfa,#9b5f23);border-radius:8px;border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #fff3,0 4px 20px #0006}.selectedCharacter--dulce{background:linear-gradient(180deg,#755133f2,#5f4128fa,#4b321e)}.selectedCharacter--mandarina{background:linear-gradient(180deg,#c78a45f2,#b4732dfa,#9b5f23)}.selectedCharacter--locked{background:linear-gradient(180deg,#3c3c41f2,#2d2d32fa,#232328)}.selectedCharacter__header{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;margin-bottom:4px;width:100%;position:relative}.selectedCharacter__header:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 80%,transparent 100%)}.selectedCharacter__imageWrapper{position:relative;display:flex;align-items:center;justify-content:center}.selectedCharacter__image{width:70px;object-fit:contain;filter:drop-shadow(4px 3px 3px rgba(0,0,0,.5));animation:characterFloat 3s ease-in-out infinite}.selectedCharacter--locked .selectedCharacter__image{filter:grayscale(100%) brightness(0) drop-shadow(4px 3px 3px rgba(0,0,0,.5));animation:none}.selectedCharacter__lockOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.selectedCharacter__lockOverlay svg{width:32px;height:45px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.selectedCharacter__name{font-size:24px;font-weight:700;color:#fff;margin:4px 0 0;text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 10px rgba(255,200,100,.3);letter-spacing:1px}.selectedCharacter--locked .selectedCharacter__name{color:#fff9;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.selectedCharacter__lockedBadge{display:flex;align-items:center;gap:4px;background:#0009;padding:4px 8px;border-radius:4px;margin-top:4px}.selectedCharacter__lockedBadge svg{width:12px;height:17px}.selectedCharacter__lockedBadge span{font-size:14px;color:#ff6b6b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.selectedCharacter__unlockRequirement{width:100%;background:linear-gradient(135deg,#503c28e6,#3c2d1ef2);border-radius:8px;padding:16px;margin-bottom:8px;border:2px solid rgba(255,180,100,.3);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0000004d}.selectedCharacter__unlockRequirement p{margin:0;font-size:14px;color:gold;text-align:center;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.selectedCharacter__mobileInfoPanel{display:none;width:100%;gap:8px}.selectedCharacter__iconTabs{display:flex;flex-direction:column;gap:4px}.selectedCharacter__iconTabGroup{display:flex;flex-direction:column;align-items:center;gap:2px}.selectedCharacter__iconTabLabel{font-size:12px;color:#dadada;text-transform:capitalize}.selectedCharacter__iconTab{width:80px;height:80px;padding:4px;cursor:pointer;background-color:#fff3;border:2px solid transparent;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.selectedCharacter__iconTab img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.selectedCharacter__iconTab--active{border-color:#dadada;background-color:#fff6;transform:scale(1.05)}.selectedCharacter__iconTab:hover:not(.selectedCharacter__iconTab--active){background-color:#ffffff4d}.selectedCharacter__characterInfoGroup{display:none;flex-direction:column;align-items:center;gap:4px}.selectedCharacter__characterInfoGroupImageWrapper{position:relative;display:flex;align-items:center;justify-content:center}.selectedCharacter__characterInfoGroupImage{width:60px;object-fit:contain;filter:drop-shadow(3px 2px 2px black);image-rendering:pixelated}.selectedCharacter--locked .selectedCharacter__characterInfoGroupImage{filter:grayscale(100%) brightness(0) drop-shadow(3px 2px 2px black)}.selectedCharacter__characterInfoGroupLockOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.selectedCharacter__characterInfoGroupLockOverlay svg{width:24px;height:34px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.selectedCharacter__characterInfoGroupName{font-size:16px;font-weight:700;color:#dadada;margin:0}.selectedCharacter--locked .selectedCharacter__characterInfoGroupName{color:#fff9}.selectedCharacter__characterInfoGroupLockedBadge{display:flex;align-items:center;gap:4px;background:#0009;padding:2px 4px;border-radius:4px}.selectedCharacter__characterInfoGroupLockedBadge svg{width:10px;height:14px}.selectedCharacter__characterInfoGroupLockedBadge span{font-size:12px;color:#ff6b6b;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.selectedCharacter__mobileDescriptionBox{flex:1;background:linear-gradient(135deg,#334456f2,#253342fa);border-radius:8px;padding:16px;min-height:80px;display:flex;flex-direction:column;border:1px solid rgba(218,218,218,.15);box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0000004d}.selectedCharacter__mobileDescriptionBox .playerStatList{width:100%}.selectedCharacter__mobileDescriptionHeader{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(218,218,218,.1)}.selectedCharacter__mobileDescriptionIcon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));background:#0003;border-radius:4px;padding:4px}.selectedCharacter__mobileDescriptionTitle{font-size:16px;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}.selectedCharacter__mobileDescriptionText{font-size:14px;color:#dadada;line-height:1.4;margin:0;text-shadow:0 1px 1px rgba(0,0,0,.3)}.selectedCharacter__mobileDescriptionText b{font-weight:700}.selectedCharacter__desktopContent{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.selectedCharacter__initialSkillsTitle,.selectedCharacter__ultimatesTitle{text-align:center;font-size:18px;color:#fff;margin:8px 0 4px;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;padding:0 24px;font-weight:600;letter-spacing:.5px}.selectedCharacter__initialSkillsTitle:before,.selectedCharacter__initialSkillsTitle:after,.selectedCharacter__ultimatesTitle:before,.selectedCharacter__ultimatesTitle:after{content:"";position:absolute;top:50%;width:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4))}.selectedCharacter__initialSkillsTitle:before,.selectedCharacter__ultimatesTitle:before{left:0;transform:translateY(-50%)}.selectedCharacter__initialSkillsTitle:after,.selectedCharacter__ultimatesTitle:after{right:0;transform:translateY(-50%) scaleX(-1)}.selectedCharacter__initialSkills,.selectedCharacter__ultimates,.selectedCharacter__initialSkillsList,.selectedCharacter__ultimatesList{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 1480px) and (orientation: landscape){.selectedCharacter{grid-column:2/4;grid-row:1/3;max-height:250px;padding:8px}.selectedCharacter__characterInfoGroupImage{width:90px}.selectedCharacter__characterInfoGroupLockOverlay svg{width:32px;height:45px}.selectedCharacter__unlockRequirement{padding:4px 8px;margin-bottom:4px}.selectedCharacter__unlockRequirement p{font-size:12px}.selectedCharacter__header{display:none}.selectedCharacter__characterInfoGroup{display:flex}.selectedCharacter__mobileInfoPanel{display:flex;flex-direction:row;width:100%}.selectedCharacter__desktopContent{display:none}.selectedCharacter__iconTabs{flex-direction:row;align-items:center;gap:8px}.selectedCharacter__iconTab{width:40px;height:40px}.selectedCharacter--locked .selectedCharacter__iconTab img{filter:grayscale(100%) brightness(0) blur(1px)}.selectedCharacter__iconTabLabel{font-size:12px}.selectedCharacter__mobileDescriptionBox{min-height:189px;flex:1;padding:8px 16px;overflow-y:auto}.selectedCharacter__mobileDescriptionBox::-webkit-scrollbar{width:4px}.selectedCharacter__mobileDescriptionBox::-webkit-scrollbar-track{background:#0003;border-radius:2px}.selectedCharacter__mobileDescriptionBox::-webkit-scrollbar-thumb{background:#dadada4d;border-radius:2px}.selectedCharacter__mobileDescriptionHeader{padding-bottom:4px;margin-bottom:4px}.selectedCharacter__mobileDescriptionIcon{width:32px;height:32px;padding:3px}.selectedCharacter--locked .selectedCharacter__mobileDescriptionIcon{filter:grayscale(100%) brightness(0) blur(1px)}.selectedCharacter__mobileDescriptionTitle{font-size:14px}.selectedCharacter--locked .selectedCharacter__mobileDescriptionTitle{color:#969696cc;font-style:italic}.selectedCharacter__mobileDescriptionText{font-size:12px;line-height:1.4}.selectedCharacter--locked .selectedCharacter__mobileDescriptionText{color:#969696cc;font-style:italic}}@media (min-width: 1025px) and (pointer: fine){.selectedCharacter{min-height:825px}.selectedCharacter__mobileInfoPanel{display:none}.selectedCharacter__desktopContent{display:flex}}@media (min-width: 1025px) and (max-height: 750px){.selectedCharacter{min-height:auto;padding:4px 8px;gap:2px}.selectedCharacter__header{padding-bottom:4px;margin-bottom:2px}.selectedCharacter__image{width:40px;animation:none}.selectedCharacter__name{font-size:16px}.selectedCharacter__desktopContent{gap:0}.selectedCharacter__desktopContent .playerStatList{padding:4px 8px;gap:4px;transform:scale(.85);transform-origin:top center;margin-bottom:-8px}.selectedCharacter__initialSkills,.selectedCharacter__ultimates{width:100%}.selectedCharacter__initialSkillsTitle,.selectedCharacter__ultimatesTitle{font-size:14px;margin:4px 0 2px;padding:0 16px}.selectedCharacter__initialSkillsTitle:before,.selectedCharacter__initialSkillsTitle:after,.selectedCharacter__ultimatesTitle:before,.selectedCharacter__ultimatesTitle:after{width:15px}.selectedCharacter__initialSkillsList,.selectedCharacter__ultimatesList{display:flex;flex-direction:column;align-items:center}.selectedCharacter__initialSkillsList .skillBox,.selectedCharacter__ultimatesList .skillBox{max-width:300px;padding:4px;margin:2px 0;gap:8px}.selectedCharacter__initialSkillsList .skillBox__image,.selectedCharacter__ultimatesList .skillBox__image{width:32px;height:32px}.selectedCharacter__initialSkillsList .skillBox__info,.selectedCharacter__ultimatesList .skillBox__info{gap:4px}.selectedCharacter__initialSkillsList .skillBox__name,.selectedCharacter__ultimatesList .skillBox__name{font-size:14px}.selectedCharacter__initialSkillsList .skillBox__description,.selectedCharacter__ultimatesList .skillBox__description{font-size:12px;line-height:1.2}}@media (min-width: 1025px) and (max-height: 600px){.selectedCharacter{padding:4px;gap:0}.selectedCharacter__header{padding-bottom:2px;margin-bottom:0}.selectedCharacter__header:after{display:none}.selectedCharacter__image{width:32px;animation:none}.selectedCharacter__name{font-size:14px;margin-top:2px}.selectedCharacter__desktopContent .playerStatList{transform:scale(.75);margin-bottom:-16px}.selectedCharacter__initialSkillsTitle,.selectedCharacter__ultimatesTitle{font-size:12px;margin:2px 0;padding:0 8px}.selectedCharacter__initialSkillsTitle:before,.selectedCharacter__initialSkillsTitle:after,.selectedCharacter__ultimatesTitle:before,.selectedCharacter__ultimatesTitle:after{display:none}.selectedCharacter__initialSkillsList .skillBox,.selectedCharacter__ultimatesList .skillBox{max-width:280px;padding:2px 4px;margin:1px 0}.selectedCharacter__initialSkillsList .skillBox__image,.selectedCharacter__ultimatesList .skillBox__image{width:28px;height:28px}.selectedCharacter__initialSkillsList .skillBox__name,.selectedCharacter__ultimatesList .skillBox__name{font-size:12px}.selectedCharacter__initialSkillsList .skillBox__description,.selectedCharacter__ultimatesList .skillBox__description{font-size:10px}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skillBox{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#334456f2,#283748fa);padding:8px 16px;margin:4px 0;max-width:340px;border-radius:8px;border:1px solid rgba(218,218,218,.15);box-shadow:inset 0 1px #ffffff0d,0 3px 8px #00000040;transition:transform .2s ease,box-shadow .2s ease}.skillBox:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 5px 15px #00000059}.skillBox--hidden .skillBox__image{filter:grayscale(100%) brightness(0) blur(2px)}.skillBox--hidden .skillBox__name,.skillBox--hidden .skillBox__description{color:#969696cc;font-style:italic}.skillBox--hidden:hover{transform:none}.skillBox__info{display:flex;flex-direction:column;gap:4px;flex:1}.skillBox__image{width:44px;height:44px;object-fit:contain;flex-shrink:0;image-rendering:pixelated;background:#0003;border-radius:4px;padding:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.skillBox__name{font-size:16px;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}.skillBox__description{font-size:14px;color:#dadadae6;line-height:1.4;margin:0;text-shadow:0 1px 1px rgba(0,0,0,.3)}.skillBox__description b{color:gold;font-weight:600}@media (min-width: 1025px) and (pointer: fine){.skillBox{gap:24px;padding:16px 24px}.skillBox__image{width:48px;height:48px;padding:5px}.skillBox__name{font-size:18px}.skillBox__description{font-size:16px;line-height:1.6}}@media (min-width: 1025px) and (max-height: 750px){.skillBox{padding:8px;margin:4px 0;gap:8px}.skillBox__image{width:36px;height:36px;padding:3px}.skillBox__name{font-size:14px}.skillBox__description{font-size:12px;line-height:1.4}}.playWrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:10001;transition:opacity .5s ease-out,transform .5s ease-out;opacity:1;transform:scale(1)}.playWrapper--exiting{opacity:0;transform:scale(.9)}.playWrapper--exiting .playWrapper__container{transform:translateY(-20px)}.playWrapper__container{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .5s ease-out}.playWrapper__icon{position:relative;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out}.playWrapper--exiting .playWrapper__icon{opacity:0}.playWrapper__iconPlaceholder{font-size:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7;transition:opacity .3s ease-out}.playWrapper__avatar{object-fit:contain;transition:opacity .3s ease-out;position:relative}.playWrapper__firstTimeText{color:#fffc;font-size:16px;margin-bottom:16px;max-width:300px;line-height:1.4;text-align:center}.playWrapper__buttons{display:flex;flex-direction:column-reverse;gap:16px;align-items:center;width:100%}.playWrapper--exiting .button{opacity:.5;transform:scale(.95);pointer-events:none}@media (max-width: 1480px){.playWrapper__icon{width:60px;height:60px}.playWrapper__iconPlaceholder{font-size:48px}.playWrapper__avatar{width:60px;height:60px}.playWrapper__container{padding:0 24px}.playWrapper__firstTimeText{font-size:14px;max-width:260px}.playWrapper__buttons{flex-direction:row-reverse;width:100%}.playWrapper__buttons button{padding:12px 24px;min-width:140px;font-size:18px}}