#root,body,html{background-color:#0a0a1a;color:#0af;height:100%;margin:0;padding:0}main{animation:skyfire-border 4s linear infinite;background-color:#112;border:3px solid;border-image-slice:1;border-image-source:linear-gradient(270deg,#ff0040,#0af,#ff0040,#0af);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:360px;min-height:100vh;padding:8px 12px}@keyframes skyfire-border{0%{border-image-source:linear-gradient(270deg,#ff0040,#0af,#ff0040,#0af)}50%{border-image-source:linear-gradient(90deg,#ff0040,#0af,#ff0040,#0af)}to{border-image-source:linear-gradient(270deg,#ff0040,#0af,#ff0040,#0af)}}main>div:first-child{flex-grow:1;overflow-y:auto;padding-bottom:60px}nav{background-color:#112;border-image-slice:1;border-image-source:linear-gradient(270deg,#ff0040,#0af,#ff0040,#0af);border-top:2px solid;bottom:0;box-shadow:inset 0 1px 0 #ff0040;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:8px;left:50%;max-width:360px;padding:12px 0;position:fixed;transform:translateX(-50%);width:100%;z-index:20}.menu-row{display:flex;justify-content:space-between;padding:0 16px}.menu-row.single{justify-content:center}nav button{background:none;border:none;color:inherit;cursor:pointer;font-family:VT323,monospace;font-size:11px;font-weight:700;padding:6px 8px;transition:color .3s ease;white-space:nowrap}nav button:hover{color:#ff0040}nav button.active{color:#ff0040;text-shadow:0 0 6px #ff0040}.btn-logout{margin-top:12px}.character-list{margin:0;padding:8px 4px}.character-list li{background-color:#113;border:2px solid #0000;border-radius:8px;color:#0af;cursor:pointer;font-family:VT323,monospace;font-size:14px;font-weight:600;margin-bottom:8px;padding:14px 18px;transition:border-color .3s ease,background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.character-list li:hover{background-color:#224;border-color:#ff0040;color:#ff0040}.character-list li.selected{background-color:#302;border-color:#ff0040;color:#ff0040;font-weight:700;text-shadow:0 0 6px #ff0040}input[type=email],input[type=password],input[type=text]{background-color:#112;border:2px solid #0af;border-radius:6px;color:#0af;font-family:VT323,monospace;font-size:12px;margin-bottom:12px;outline:none;padding:10px 12px;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{background-color:#201;border-color:#ff0040;box-shadow:0 0 8px #ff0040;color:#ff0040}button.form-button,button[type=submit]{background-color:initial;border:2px solid #0af;border-radius:6px;box-sizing:border-box;color:#0af;cursor:pointer;font-family:VT323,monospace;font-size:12px;padding:10px 16px;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:100%}button.form-button:hover,button[type=submit]:hover{background-color:#0af;border-color:#ff0040;box-shadow:0 0 10px #0af;color:#112}button:disabled,button[disabled]{background-color:initial;border-color:#555;box-shadow:none;color:#555;cursor:not-allowed;opacity:.4}.error-message{color:#ff0040;font-family:VT323,monospace;font-size:10px;font-weight:700;margin-bottom:8px;margin-top:-8px;text-align:center}.mnemonic-warning{animation:glow-border 2s infinite alternate}@keyframes glow-border{0%{box-shadow:0 0 6px #ff0040}to{box-shadow:0 0 12px #ff0040}}.companion-chat{background-color:#0d0d1a;border:2px solid #0af;border-radius:8px;font-family:VT323,monospace;font-size:10px;height:180px;margin-bottom:12px;overflow-y:auto;padding:8px}.message-block{border-bottom:1px dashed #225;font-family:VT323,monospace;margin-bottom:10px;padding-bottom:6px}.message-block:last-child{border-bottom:none}.message-user{font-family:VT323,monospace;text-align:right}.message-user span{background-color:#ff0040;color:#f0e0e0;text-shadow:0 0 2px #ff0040}.message-companion span,.message-user span{border-radius:4px;display:inline-block;font-family:VT323,monospace;font-size:12px;padding:4px 6px}.message-companion span{background-color:#0af;color:#e0f7ff;text-shadow:0 0 2px #0af}.message-companion{font-family:VT323,monospace;text-align:left}.chat-input{display:flex;font-family:VT323,monospace;margin-top:12px}.chat-input input{background-color:#112;border:2px solid #0af;border-radius:6px 0 0 6px;color:#0af;flex-grow:1;font-family:VT323,monospace;font-size:12px;outline:none;padding:8px}.chat-input input:focus{border-color:#ff0040;box-shadow:0 0 8px #ff0040}.chat-input button{background-color:#ff0040;border:2px solid #0af;border-radius:0 6px 6px 0;color:#112;cursor:pointer;font-family:VT323,monospace;font-size:10px;font-weight:700;height:32px;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.chat-input button:hover{background-color:#0af;color:#0a0a1a}.companion-image{background-color:#112;border:4px solid;border-image-slice:1;border-image-source:linear-gradient(45deg,#ff0040,#0af,#ff0040,#0af);border-radius:8px;box-shadow:0 0 10px #ff0040b3,0 0 15px #00aaffb3;display:block;height:auto;margin:0 auto 8px;max-width:95%}#root,.companion-image,body,button,html,input,textarea{font-family:VT323,monospace}.character-list li.selected,.error-message,.message-companion span,.message-user span,h1,h2,h3,h4,h5,h6,nav button.active{font-family:Press Start\ 2P,cursive}body{background-color:#000010;color:#0af;font-family:Share Tech Mono,VT323,monospace}h1{color:#ff0040;font-size:1.5rem;margin-bottom:24px}h1,h2{font-family:Press Start\ 2P,cursive}h2{color:#0af;font-size:1rem;margin-bottom:16px;text-transform:uppercase}.btn-logout{border:2px solid #ff0040;color:#ff0040;font-family:Press Start\ 2P,cursive;font-size:.5rem;padding:6px 12px;transition:all .2s ease}.btn-logout:hover{background-color:#302}.character-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.character-list-item{background-color:#113;border:2px solid #0000;border-radius:8px;color:#0af;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.65rem;font-weight:600;min-width:140px;padding:10px 16px;transition:all .2s ease}.character-list-item:hover{background-color:#224;border-color:#0af}.character-list-item-active{background-color:#302;border-color:#ff0040;color:#ff0040;font-weight:700;text-shadow:0 0 6px #ff0040}.content-box{background-color:#112;box-shadow:0 0 12px #0af;color:#0af;font-family:Share Tech Mono,monospace;font-size:.6rem;line-height:1.5;padding:20px;text-align:justify}.content-box,.content-box img{border:2px solid #0af;border-radius:8px}.content-box img{display:block;margin-bottom:12px;max-height:300px;object-fit:cover;width:100%}.content-box p{font-size:.6rem;margin-bottom:10px}.quests-page{background-color:#0d0d1a;color:#0af;display:flex;flex-direction:column;font-family:VT323,monospace;height:90vh;margin:0;padding:0}.quests-title{border-bottom:2px solid #0af;color:#0af;flex-shrink:0;font-family:Press Start\ 2P,cursive;font-size:16px;padding:8px 12px;text-align:left}.quests-buttons{grid-gap:4px;box-sizing:border-box;display:grid;flex:1 1;gap:4px;grid-template-rows:repeat(2,minmax(150px,1fr));padding:6px}.quest-button{align-items:center;aspect-ratio:3/2;background-color:#112;border:2px solid #0af;border-radius:6px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.quest-button img{border-radius:4px;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:90%}.quest-button:hover{border-color:#ff0040;box-shadow:0 0 8px #ff0040}.quest-button:hover img{transform:scale(1.05)}.button-label{background-color:#0009;border-radius:4px;bottom:12px;color:#ff0040;font-size:16px;font-weight:700;left:50%;padding:6px 12px;position:absolute;text-shadow:0 0 6px #ff0040;transform:translateX(-50%)}.choice-button{background:none;border:none;color:inherit;cursor:pointer;font-family:VT323,monospace;font-size:14px;font-weight:700;padding:6px 8px;transition:color .3s ease;white-space:nowrap}.choice-button:hover{color:#ff0040}.choice-button:focus{outline:none;text-shadow:0 0 6px #ff0040}.container{box-sizing:border-box;color:#0af;font-family:VT323,monospace;margin:0 auto;max-width:960px;padding:16px 12px;width:100%}.title-main{color:#0af;font-family:Press Start\ 2P,cursive;font-size:1.5rem;margin-bottom:24px}.btn-logout{background-color:initial;border:1px solid #0af;border-radius:4px;color:#0af;cursor:pointer;font-family:VT323,monospace;font-size:12px;margin-bottom:20px;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.btn-logout:hover{background-color:#0af;color:#112}.section-title{color:#0af;font-family:Press Start\ 2P,cursive;margin-bottom:20px}.subsections-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:30px}.subsection-button{background-color:#113;border:2px solid #0000;border-radius:8px;color:#0af;cursor:pointer;flex:1 1 auto;font-family:VT323,monospace;font-weight:600;max-width:200px;padding:10px 14px;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%}.subsection-button.active{background-color:#302;border-color:#ff0040;color:#ff0040;font-weight:700;text-shadow:0 0 6px #ff0040}.content-block{background-color:#112;box-shadow:0 0 12px #0af;box-sizing:border-box;color:#0af;font-size:.7rem;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:20px;text-align:justify;word-break:break-word}.content-block,.content-block img{border:2px solid #0af;border-radius:8px;width:100%}.content-block img{display:block;margin-bottom:12px;max-height:300px;object-fit:cover}.day-selector{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.day-button{align-items:center;background-color:initial;border:2px solid #0af;border-radius:6px;color:#0af;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:VT323,monospace;font-size:12px;height:60px;justify-content:center;transition:all .3s ease;width:42px}.day-button:hover{background-color:#0af;border-color:#0af;color:#112}.day-button.selected{background:linear-gradient(270deg,#ff0040,#0af);border-color:#0000;box-shadow:0 0 8px #ff0040,0 0 15px #0af;color:#fff}.day-button.selected .day-date{color:#fff}.day-name{font-weight:700;margin-bottom:4px}.day-date{color:#00dfff;font-size:12px}.like-button{align-items:center;background-color:initial;border:2px solid #0af;border-radius:6px;color:#0af;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:40px}.like-button.liked{background-color:#ff0040;border-color:#0000;color:#fff}.like-button.flash:after{animation:flashAnimation .6s forwards;background:radial-gradient(circle,#ff0040b3 0,#0000 70%);height:120%;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:120%;z-index:1}@keyframes flashAnimation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes starSpinFade{0%{opacity:1;transform:scale(.5) rotate(0deg)}50%{opacity:.8;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(2) rotate(1turn)}}.star-animation{animation:starSpinFade .8s ease-out forwards;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.like-button{overflow:visible;position:relative;transition:all .25s ease;z-index:1}.like-button.liked{color:#e879f9;text-shadow:0 0 6px #a855f7e6,0 0 12px #a855f799}.like-button.flash:before{animation:etherPulse .9s ease-out forwards;background:radial-gradient(circle,#a855f7cc 0,#a855f766 30%,#a855f726 55%,#0000 70%);content:"";inset:-60%;pointer-events:none;position:absolute;z-index:-1}@keyframes etherPulse{0%{opacity:1;transform:scale(.3)}70%{opacity:.8}to{opacity:0;transform:scale(1.7)}}.like-button.flash:after{animation:particlesBurst .8s ease-out forwards;background:#c084fc;border-radius:50%;box-shadow:0 -18px 0 #a855f7,14px -14px 0 #d946ef,18px 0 0 #9333ea,14px 14px 0 #a855f7,0 18px 0 #d946ef,-14px 14px 0 #9333ea,-18px 0 0 #a855f7,-14px -14px 0 #d946ef;content:"";height:8px;pointer-events:none;position:absolute;width:8px}@keyframes particlesBurst{0%{opacity:1;transform:scale(.3)}80%{opacity:.8}to{opacity:0;transform:scale(1.6)}}.like-count.pulse{animation:countPulse .5s ease}@keyframes countPulse{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.like-button.shake{animation:etherShake .3s ease}@keyframes etherShake{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}to{transform:translateX(0)}}.event-card.flash-card{box-shadow:0 0 10px #a855f7b3,0 0 20px #a855f780,0 0 35px #a855f74d;transition:box-shadow .4s ease}
/*# sourceMappingURL=main.bd9cecb6.css.map*/