:root{--bg-dark:#140c2f;--neon-pink:#f05;--neon-cyan:#00f2ff;--neon-yellow:#fbff00;--text-white:#fff;--font-main:"Press Start 2P", cursive;--shadow-cyan:0 0 10px #00f2ff80, 0 0 20px #00f2ff33;--shadow-pink:0 0 10px #ff005580}body{color:#fff;background-color:#140c2f;background-image:url(/build/assets/background-ZpCqJtsF.png);background-position:50% -20%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-family:"Press Start 2P";font-size:16px;overflow-x:hidden}body:before{content:"";z-index:-1;background-color:#0009;width:100%;height:100%;position:fixed;top:0;left:0}.page-wrapper{box-sizing:border-box;padding:20px}.top-bar{z-index:1000;box-sizing:border-box;color:#fff;background-color:#140c2b;border-bottom:3px solid #2a1b54;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 32px;display:flex;position:fixed;top:0;left:0}.top-bar .right{color:gold;text-shadow:0 0 5px gold;align-items:center;gap:15px;display:flex}@media (width<=600px){.top-bar{height:56px}.header-logo{max-width:220px;height:64px}}.hearts-display{letter-spacing:-6px}.top-bar .left{align-items:center;height:100%;display:flex}.header-logo{z-index:1100;filter:drop-shadow(0 0 7px #b266ff66);transition:all .3s;position:absolute;top:70%;transform:translateY(-50%)}@media (width<=1024px){.top-bar{height:50px;padding:0 15px}.header-logo{left:5%}}.menu{color:#fff;z-index:999;background:#20076e17;border-bottom:3px solid #2a1b54;border-left:3px solid #2a1b54;border-radius:50px;flex-direction:column;gap:30px;padding:20px 30px 30px 50px;display:flex;position:fixed;top:115px;left:2%}.menu-item a{color:inherit;font-size:20px;text-decoration:none;transition:all .2s ease-in-out}.menu-item a:hover{color:#b266ff}.menu-item.active a{color:#b266ff;text-shadow:0 0 8px #b266ffcc}@media (width<=1024px){.menu{background:#140c2bf2;border-radius:0;flex-direction:row;justify-content:space-around;gap:0;width:100%;padding:0;top:50px;left:0}.menu-item a{padding:10px 0;font-size:13px;display:block}.menu-item{flex:1;justify-content:center;align-items:center;padding:15px 0;display:flex}.menu-item div{margin:0;padding:0;display:inline}}.page-wrapper.main-page{flex-direction:column;align-items:center;min-height:100vh;margin-top:120px;padding:20px;display:flex}.map-grid-main{grid-template-columns:repeat(4,1fr);justify-content:center;gap:20px;width:100%;margin:20px auto 40px;display:grid}.level{aspect-ratio:1;color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#00f2ff1a,#000c);border:3px solid #5e21aa;justify-content:center;align-items:center;font-size:16px;transition:all .3s;display:flex;box-shadow:inset 0 0 10px #00f2ff33,0 0 5px #00f2ff33}.level:hover{box-shadow:0 0 20px var(--neon-cyan);background:#00f2ff33;transform:scale(1.05)}.level.level-one{background:#b266ff;border:3px solid #5e21aa;box-shadow:0 0 24px #ff00f2,0 0 12px #f700ff}.level.completed{color:#fff;background:#9833ebc5;border:3px solid #5e21aa;box-shadow:0 0 3px #b266ffe6}@media (width<=400px){.map-grid-main{grid-template-columns:repeat(3,1fr);gap:13px}}.level.locked{opacity:.4;box-shadow:none;border-color:#444}.active-habit-name{color:var(--neon-cyan);text-align:center;text-shadow:var(--shadow-cyan);margin-bottom:40px;font-size:clamp(14px,5vw,22px)}.bottom-left-group{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:900px;margin-top:auto;padding-top:40px;padding-bottom:20px;display:flex}.interaction-area{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.speech-bubble-left-bottom{color:#fff;text-align:center;z-index:2;background-color:#140c2b;border:4px solid #b266ff;border-radius:15px;max-width:280px;margin-bottom:25px;padding:15px 20px;font-size:12px;line-height:1.6;position:relative;box-shadow:0 0 15px #00f2ff66}.speech-bubble-left-bottom:after{content:"";border-bottom:20px solid #b266ff;border-left:15px solid #0000;border-right:15px solid #0000;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.character-main img{filter:drop-shadow(0 0 10px #00f2ff4d);width:auto;height:250px;display:block}.btn-back-corner{font-family:var(--font-main);color:var(--neon-pink);border:2px solid var(--neon-pink);cursor:pointer;text-transform:uppercase;background:0 0;padding:10px 20px;font-size:12px;transition:all .3s;box-shadow:0 0 10px #f053}.btn-back-corner:hover{background:var(--neon-pink);color:#fff;box-shadow:0 0 20px var(--neon-pink)}@media (width>=1024px){.page-wrapper.main-page{margin-top:80px;margin-left:150px}.map-grid-main{grid-template-columns:repeat(7,1fr);max-width:900px}.bottom-left-group{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:0 40px 40px}.interaction-area{flex-direction:row;align-items:center;gap:20px;width:auto;margin-left:100px}.character-main img{height:35vh;margin-bottom:0}.speech-bubble-left-bottom{max-width:400px}.speech-bubble-left-bottom:after{border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:20px solid #b266ff;top:50%;left:-38px;transform:translateY(-50%)}}.system-alerts-container{width:100%;max-width:800px;margin-bottom:20px}.alert{text-align:center;background:#000c;border:2px solid;margin-bottom:10px;padding:15px;font-size:12px}.alert-critical{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 15px #f056}.alert-warning{color:var(--neon-yellow);border-color:var(--neon-yellow)}.blink{animation:1s linear infinite blinker}@keyframes blinker{50%{opacity:0}}.no-habit-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:50px;display:flex}.no-habit-state img{width:200px;margin-bottom:20px}.neon-text{color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan)}.habits-page{width:100%;min-height:100vh;position:relative;overflow:hidden}.habits-page .habits-container{z-index:5;flex-direction:column;width:60%;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.habits-page .table-scroll-area{scrollbar-gutter:stable;max-height:50vh;padding-right:10px;overflow-y:auto}.habits-page .table-scroll-area::-webkit-scrollbar{width:6px}.habits-page .table-scroll-area::-webkit-scrollbar-thumb{background-color:#b266ff;border-radius:10px}.habits-page .table-wrapper{flex-direction:column;width:100%;display:flex}.habits-page .table-header,.habits-page .table-row{background-color:#0000004d;border:4px solid #5e21aa;grid-template-columns:3fr 1fr .5fr;align-items:center;padding:10px 20px;display:grid}.habits-page .table-header{z-index:10;background-color:#2a0d58;position:sticky;top:0}.habits-page .table-row:hover,.habits-page .table-row:focus-within{z-index:999}.habits-page .dots-wrapper{cursor:pointer;text-align:center;padding:5px;position:relative}.habits-page .status-text.active{color:#b266ff}.habits-page .status-text.done{color:#0f0}.habits-page .status-text.inactive{color:#888}.habits-page .character-group{z-index:10;align-items:flex-end;display:flex;position:absolute;bottom:50px;left:20%}.habits-page .character-bottom-habits img{width:auto;height:250px;display:block}.habits-page .speech-bubble-habits{color:#fff;letter-spacing:-1px;background-color:#140c2b;border:4px solid #b266ff;border-radius:20px;max-width:420px;margin-bottom:12vh;margin-left:20px;padding:25px 30px;font-family:"Press Start 2P",cursive;font-size:18px;line-height:1;position:relative}.habits-page .speech-bubble-habits:after{content:"";border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:26px solid #b266ff;position:absolute;top:50%;left:-26px;transform:translateY(-50%)}.habits-page .btn-main-container{width:100%;max-width:390px;margin-top:25px;position:relative}.habits-page .btn-main-container:before{content:"";z-index:0;background-color:#580c91;border-radius:15px;width:100%;height:100%;position:absolute;top:7px;left:7px}.habits-page .btn-log{color:#fff;cursor:pointer;z-index:1;background-color:#b266ff;border:none;border-radius:15px;width:100%;padding:16px 41px;font-family:"Press Start 2P",cursive;font-size:20px;position:relative}.habits-page .btn-log:active{transform:translate(7px,7px)}.habits-page .btn-wrapper-next{width:max-content;height:max-content;position:fixed;bottom:50px;right:100px}.habits-page .btn-wrapper-next:before{content:"";z-index:0;background-color:#580c91;border-radius:15px;width:100%;height:100%;position:absolute;top:7px;left:7px}.habits-page .btn{color:#fff;cursor:pointer;z-index:1;background-color:#b266ff;border:none;border-radius:15px;padding:16px 41px;font-family:"Press Start 2P";font-size:20px;position:relative}.habits-page .btn:active{transform:translate(7px,7px)}.context-menu{z-index:99999;box-sizing:border-box;background:#140c2b;border:3px solid #b266ff;border-radius:4px;width:150px;padding:4px;transition:opacity .12s,transform .12s;display:none;position:fixed;box-shadow:0 8px 24px #0009}.context-arrow,.context-arrow-border{pointer-events:none;width:0;height:0;position:absolute}.context-arrow.arrow-up{border-bottom:12px solid #140c2b;border-left:10px solid #0000;border-right:10px solid #0000}.context-arrow.arrow-down{border-top:12px solid #140c2b;border-left:10px solid #0000;border-right:10px solid #0000}.context-arrow-border.arrow-up{z-index:-1;border-bottom:14px solid #b266ff;border-left:12px solid #0000;border-right:12px solid #0000}.context-arrow-border.arrow-down{z-index:-1;border-top:14px solid #b266ff;border-left:12px solid #0000;border-right:12px solid #0000}.context-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-family:"Press Start 2P";font-size:10px;display:block}.context-menu button:hover{background:#b266ff}@media (width<=1024px){.habits-page{cursor:pointer;flex-direction:column;height:auto;min-height:100vh;padding-top:140px;display:flex;overflow-x:hidden;padding-bottom:220px!important;overflow-y:auto!important}.habits-page:after{content:"";width:100%;height:1px;margin-bottom:1px;display:block}.habits-page .habits-container{order:1;width:92%;margin:20px auto 0;position:static;transform:none}.habits-page .table-scroll-area{max-height:45vh;margin-bottom:20px}.habits-page .character-group{flex-direction:column;order:2;align-items:center;margin-top:60px;margin-bottom:40px;position:static}.habits-page .character-bottom-habits img{height:150px;margin-bottom:10px}.habits-page .speech-bubble-habits{max-width:85%;margin-top:20px;margin-left:0;padding:15px;font-size:12px;line-height:1.4}.habits-page .speech-bubble-habits:after{border:14px solid #0000;border-top:none;border-bottom-color:#b266ff;top:-14px;left:50%;transform:translate(-50%)}.habits-page .btn-wrapper-next{z-index:9999;position:fixed;bottom:20px;right:20px}.habits-page .btn-wrapper-next:before{top:4px;left:4px}.habits-page .btn{border-radius:10px;padding:10px 25px;font-size:14px}}@media (width<=480px){.habits-page .table-header,.habits-page .table-row{padding:8px;font-size:9px}.habits-page .character-bottom-habits img{height:130px}}@media (width<=768px){.habits-page .table-header,.habits-page .table-row{grid-template-columns:2fr 1fr .5fr;padding:5px;font-size:12px}.habits-page .character-bottom-habits img{height:160px}.habits-page .btn-main-container{max-width:250px;margin:30px auto -10px!important}.habits-page .btn-main-container a{width:100%;display:block}.habits-page .btn-log{border-radius:12px;padding:12px 20px;font-size:12px}.habits-page .btn-main-container:before{border-radius:12px;top:5px;left:5px}.habits-page .btn-log:active{transform:translate(5px,5px)}}*,:before,:after{box-sizing:border-box}