@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.handheld-frame{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--beige);padding:40px;display:flex;flex-direction:column;transition:all .5s ease;box-sizing:border-box;z-index:1;position:relative}.tube-border{width:100%;height:100%;background-image:url(/media/border.png);background-size:100% 100%;position:absolute;z-index:10;top:0;left:0;pointer-events:none}.handheld-frame:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/media/water%202.gif);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:-1;transition:opacity .5s ease}.handheld-frame:hover:before{opacity:.2}.frame-embossed-wrap{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:auto;z-index:10}.frame-embossed{font-size:.9rem;color:var(--beige-dark);text-transform:uppercase;letter-spacing:3px;opacity:.6;text-shadow:2px 2px 0 rgba(0,0,0,.8),3px 3px 4px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.4);transition:all .3s ease;cursor:pointer}.frame-embossed:hover{opacity:.9;transform:scale(1.05);text-shadow:3px 3px 0 rgba(0,0,0,.9),4px 4px 6px rgba(0,0,0,.7),0 0 15px rgba(0,0,0,.5)}.frame-copyright{font-family:"Press Start 2P",monospace;font-size:.45rem;color:var(--beige-dark);letter-spacing:1px;opacity:.5;text-shadow:1px 1px 0 rgba(0,0,0,.8),2px 2px 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.4);pointer-events:none}.screen-container{flex:1;background:var(--off-white);border:8px solid var(--beige-dark);border-radius:0;padding:0;box-shadow:inset 0 0 50px #000000b3,inset 0 0 100px #0006,inset 0 0 150px #0003,0 6px 30px #0009,inset 0 0 0 4px #ffffff1a;overflow:hidden;position:relative;min-height:0}.screen-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#1210101a 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:1;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.18382489}5%{opacity:.34270544}10%{opacity:.96586561}15%{opacity:.72077474}20%{opacity:.2364895}25%{opacity:.70936118}30%{opacity:.00409007}35%{opacity:.65961344}40%{opacity:.50734813}45%{opacity:.88146788}50%{opacity:.0465525}55%{opacity:.33315262}60%{opacity:.36203894}65%{opacity:.68575812}70%{opacity:.77522172}75%{opacity:.75757868}80%{opacity:.60799146}85%{opacity:.77076662}90%{opacity:.90846953}95%{opacity:.02312783}to{opacity:.15431698}}.screen{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--off-white);border-radius:0;position:relative;overflow:hidden;z-index:2;padding:0;box-sizing:border-box}@media (max-width: 768px){.handheld-frame{padding:8px}.frame-embossed-wrap{bottom:28px}.frame-embossed{font-size:.5rem}.frame-copyright{font-size:.35rem}.screen-container{border-width:3px}.screen{padding:0}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.popup-content h3{text-shadow:2px 2px 4px rgba(0,0,0,3);margin-top:10px;color:var(--matcha-dark)}.popup-content{background:var(--beige);border:4px solid var(--beige-dark);border-radius:12px;padding:2rem;max-width:500px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080,inset 0 0 20px #0000001a;position:relative;cursor:default;text-align:center}.popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;color:var(--text-dark);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s;text-shadow:2px 2px 4px rgba(0,0,0,3);z-index:1000}.popup-close:hover{transform:scale(1.2)}.success-popup{min-width:200px;min-height:180px;padding:2rem;border-radius:8px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.success-popup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f5ec99;pointer-events:none}.success-popup-location{background-image:url(/media/kakashifish.gif)}.success-popup-outing{background-image:url(/media/champloo.gif)}.success-popup-message{position:relative;z-index:1;margin:0;text-align:center;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;animation:success-pop-in .4s ease-out;text-shadow:2px 2px 4px rgba(0,0,0,3)}.success-popup-message p{color:var(--matcha-dark)}@keyframes success-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-content p{font-size:.8rem;color:var(--text-dark);margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.login-popup h3{margin:0 0 1rem;font-size:1rem;color:var(--matcha)}.login-popup .form-group{margin-bottom:1rem}.login-popup .form-group label{display:block;font-size:.7rem;color:var(--beige-dark);margin-bottom:.3rem}.login-popup .form-group input{width:100%;padding:.5rem;font-size:.8rem;background:var(--text-dark);border:1px solid var(--beige-dark);color:var(--beige);box-sizing:border-box}.login-error{color:#e74c3c;font-size:.7rem;margin:.5rem 0}.login-success{color:#2ecc71;font-size:.7rem;margin:.5rem 0}.login-submit{width:100%;padding:.6rem;margin-top:.5rem;font-size:.8rem;background:var(--beige-dark);color:var(--text-dark);border:none;cursor:pointer;font-weight:700}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-toggle{display:block;margin-top:1rem;padding:.4rem;background:none;border:none;color:var(--beige-dark);font-size:.7rem;cursor:pointer;text-decoration:underline}.login-toggle:hover{color:var(--blue-light)}.welcome-screen{flex:1;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--text-dark);cursor:pointer;position:relative;padding:0;overflow:hidden}.welcome-login-button{position:absolute;top:2.5rem;right:3.5rem;z-index:10;padding:.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:.7rem;background:#0009;border:1px solid var(--beige-dark);color:var(--beige);cursor:pointer}.welcome-login-button:hover{background:#000c;border-color:var(--beige)}.welcome-screen:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.welcome-screen:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;animation:flicker .15s infinite}.welcome-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.welcome-gif-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.welcome-gif{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated;filter:contrast(1.1) brightness(.95)}.welcome-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ascii-title{font-family:Courier New,monospace;font-size:1rem;line-height:1.1;color:var(--beige);opacity:.85;text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5),0 0 40px rgba(0,0,0,.3);margin:0;padding:0;white-space:pre;transition:all .3s ease}.welcome-title:hover .ascii-title{opacity:1;transform:scale(1.02);text-shadow:4px 4px 8px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.6),0 0 50px rgba(0,0,0,.4)}.welcome-title-img{max-width:90vw;max-height:40vh;width:auto;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.8));transition:transform .3s ease}.welcome-title:hover .welcome-title-img{transform:scale(1.02)}.press-start-area{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:2}.press-start{font-size:1rem;color:var(--beige);text-transform:uppercase;letter-spacing:2px;animation:blink 1.5s infinite;cursor:pointer;transition:transform .2s;background:#00000080;padding:1rem 2rem;border:2px solid var(--beige);white-space:nowrap}.press-start:hover{transform:scale(1.1)}.cursor{margin-right:.5rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.welcome-screen{padding:0}.welcome-content,.welcome-gif-container{width:100%;height:100%}.welcome-gif{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-title-img{max-height:28vh;max-width:85vw}.ascii-title{font-size:.3rem}.press-start{font-size:.5rem;padding:.6rem 1rem;white-space:nowrap}.press-start-area{bottom:4rem}}.main-interface{flex:1;min-height:0;width:100%;height:100%;position:relative;overflow:hidden;background:var(--text-dark)}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.6;filter:contrast(1.2) brightness(.7) sepia(.3);z-index:0}.main-interface:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/media/water%202.gif);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;pointer-events:none;z-index:1}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.crt-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);animation:flicker .15s infinite}.main-content{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.gif-selector{display:flex;gap:3rem;align-items:center;justify-content:center;flex-wrap:wrap}.gif-option{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:8px;border:3px solid transparent}.gif-option:hover{transform:scale(1.1)}.gif-option.selected{border-color:var(--matcha);box-shadow:0 0 20px #a8c09a80,inset 0 0 20px #a8c09a33;background:#a8c09a1a}.selector-gif{width:120px;height:120px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.gif-label{font-size:.7rem;color:var(--beige);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.navigation-hint{position:absolute;bottom:20px;font-size:.5rem;color:var(--beige-dark);opacity:.6;text-align:center;letter-spacing:1px}@media (max-width: 768px){.gif-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:320px;justify-items:center}.gif-selector .gif-option{width:100%;max-width:140px}.gif-selector .gif-option:nth-child(5):last-child{grid-column:1 / -1;justify-self:center}.selector-gif{width:80px;height:80px}.gif-label{font-size:.6rem}.navigation-hint{font-size:.4rem}}.location-view{flex:1;min-height:0;width:100%;height:100%;padding:2rem;overflow-y:auto;background:url(/media/water%202.gif) center/cover no-repeat;background-color:#0000004d;background-blend-mode:multiply;color:var(--matcha);display:flex;flex-direction:column;align-items:center;position:relative}.location-panels{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.location-panels .header-window{width:100%;max-width:none;margin-bottom:0}.location-panels .input-window{width:100%;max-width:none}.header-window{width:100%;max-width:600px;margin-bottom:1.5rem;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 20px #00000026;text-shadow:2px 2px 4px rgba(0,0,0,3)}.input-window{width:100%;max-width:600px;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:2rem;box-shadow:0 4px 20px #00000026}.location-view:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.location-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;animation:flicker .15s infinite}.view-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--beige-dark);width:100%;max-width:600px;justify-content:center}.location-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.7rem;color:var(--text-dark);opacity:.9;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem;border:2px solid var(--beige-dark);border-radius:4px;background:var(--beige-light);color:var(--text-dark);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--matcha);box-shadow:0 0 10px #a8c09a4d}.form-group textarea{resize:vertical;min-height:100px}.form-error{font-size:.55rem;color:#c44;margin:.5rem 0 0;padding:.5rem;background:#cc44441a;border:1px solid #c44;border-radius:4px}.submit-button{font-family:"Press Start 2P",monospace;font-size:.7rem;padding:1rem 2rem;background:var(--matcha);color:var(--text-dark);border:2px solid var(--matcha-dark);border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin-top:1rem}.submit-button:hover:not(:disabled){background:var(--matcha-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.tab-container{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;width:100%;max-width:600px}.location-browser{width:100%;max-width:800px}.location-list{display:flex;flex-direction:column;gap:1.5rem}.location-item{background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;padding:1.5rem;transition:all .3s ease}.location-item:hover{border-color:var(--matcha);box-shadow:0 4px 12px var(--shadow)}.location-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--beige-dark)}.location-item-header h3{font-size:.9rem;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,3)}.location-item-actions{display:flex;gap:1rem}.edit-button,.delete-button,.directions-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;border:2px solid var(--beige-dark);border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;text-decoration:none;color:inherit}.directions-button{background:var(--matcha);color:var(--text-dark)}.directions-button:hover{background:var(--matcha-dark);border-color:var(--matcha-dark)}.edit-button:hover{background:var(--matcha)}.delete-button{background:var(--beige);color:var(--text-dark)}.delete-button:hover{background:#f45555;color:#fff;border-color:#d43d3d}.location-item-details{font-size:.6rem;line-height:1.8;color:var(--text-dark)}.location-item-details p{margin:.5rem 0}.location-item-details strong{text-transform:uppercase;letter-spacing:1px}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-actions{display:flex;gap:1rem;margin-top:1rem}.save-button,.cancel-button{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem 1.5rem;border:2px solid var(--beige-dark);border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.save-button{background:var(--matcha);color:var(--text-dark)}.save-button:hover{background:var(--matcha-dark)}.cancel-button{background:var(--beige)}.cancel-button:hover{background:var(--beige-dark)}.loading,.no-data{text-align:center;padding:3rem;font-size:.8rem;color:var(--text-light)}@media (max-width: 768px){.location-view{padding:1rem}.view-header h2{font-size:.8rem}.form-group input,.form-group textarea{font-size:.5rem}.tab-button{font-size:.5rem;padding:.6rem 1.5rem}}.species-picker-popup{min-width:360px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.species-picker-popup h3{font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;text-align:center}.species-picker-search{width:100%;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.75rem 1rem;border:2px solid var(--beige-dark);border-radius:6px;background:var(--beige-light);color:var(--text-dark);margin-bottom:1rem;box-sizing:border-box}.species-picker-search::placeholder{color:var(--text-light);opacity:.8}.species-picker-search:focus{outline:none;border-color:var(--matcha)}.species-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;overflow-y:auto;max-height:60vh;padding-right:.25rem}.species-picker-grid::-webkit-scrollbar{width:8px}.species-picker-grid::-webkit-scrollbar-track{background:var(--beige);border-radius:4px}.species-picker-grid::-webkit-scrollbar-thumb{background:var(--beige-dark);border-radius:4px}.species-picker-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:"Press Start 2P",monospace;text-align:center}.species-picker-item:hover{border-color:var(--matcha);background:var(--matcha-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.species-picker-img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.species-picker-label{font-size:.4rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;line-height:1.3;word-break:break-word}.species-picker-empty{grid-column:1 / -1;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:2rem;text-align:center;color:var(--text-light)}.outing-view{flex:1;min-height:0;width:100%;height:100%;padding:2rem;overflow-y:auto;background:url(/media/water%202.gif) center/cover no-repeat;background-color:#0000004d;background-blend-mode:multiply;color:var(--text-light);display:flex;flex-direction:column;align-items:center;position:relative}.outing-panels{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.outing-panels .header-window{width:100%;max-width:none;margin-bottom:0}.outing-panels .input-window{width:100%;max-width:none}.header-window{width:100%;max-width:700px;margin-bottom:1.5rem;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 20px #00000026;text-shadow:2px 2px 4px rgba(0,0,0,3)}.input-window{width:100%;max-width:700px;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:2rem;box-shadow:0 4px 20px #00000026}.outing-view:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.outing-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;animation:flicker .15s infinite}.view-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--beige-dark);width:100%;max-width:700px;justify-content:center}.tab-container{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;width:100%;max-width:700px}.tab-button{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem 2rem;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;color:var(--text-dark)}.tab-button:hover{background:var(--matcha-light);transform:translateY(-2px)}.tab-button.active{background:var(--matcha);border-color:var(--matcha-dark);box-shadow:0 4px 12px var(--shadow)}.outing-form{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group select{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem;border:2px solid var(--beige-dark);border-radius:4px;background:var(--beige-light);color:var(--text-dark);cursor:pointer}.location-select{position:relative;width:100%}.location-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem 1rem;border:2px solid var(--beige-dark);border-radius:6px;background:var(--beige-light);color:var(--text-dark);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.location-select-trigger:hover{border-color:var(--matcha);box-shadow:0 0 0 1px var(--matcha)}.location-select-trigger:focus{outline:none;border-color:var(--matcha-dark);box-shadow:0 0 0 2px var(--matcha-light)}.location-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-select-chevron{flex-shrink:0;font-size:.5rem;opacity:.7;transition:transform .2s ease}.location-select.open .location-select-chevron{transform:rotate(180deg)}.location-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:6px;box-shadow:0 8px 24px #00000026;overflow:hidden}.location-select-search-wrap{padding:.5rem;border-bottom:2px solid var(--beige-dark);background:var(--off-white)}.location-select-search{width:100%;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.6rem .75rem;border:2px solid var(--beige-dark);border-radius:4px;background:var(--beige-light);color:var(--text-dark)}.location-select-search::placeholder{color:var(--text-light);opacity:.8}.location-select-search:focus{outline:none;border-color:var(--matcha)}.location-select-list{max-height:220px;overflow-y:auto;padding:.25rem}.location-select-list::-webkit-scrollbar{width:8px}.location-select-list::-webkit-scrollbar-track{background:var(--beige);border-radius:4px}.location-select-list::-webkit-scrollbar-thumb{background:var(--beige-dark);border-radius:4px}.location-select-empty{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:1rem;text-align:center;color:var(--text-light)}.location-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.65rem .75rem;border:none;border-radius:4px;background:transparent;color:var(--text-dark);cursor:pointer;text-align:left;transition:background .15s ease}.location-select-option:hover{background:var(--matcha-light)}.location-select-option.selected{background:var(--matcha-light);border:1px solid var(--matcha)}.location-select-option-name{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.location-select-option-region{font-size:.45rem;color:var(--text-light)}.outing-action-buttons{display:flex;gap:1rem;margin-top:2rem;width:100%}.outing-gif-button{flex:1;aspect-ratio:1;min-height:120px;font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--beige);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.8);border:3px solid var(--beige-dark);border-radius:8px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.outing-gif-button:hover{box-shadow:0 8px 24px #00000080;transform:translateY(-2px)}.scenery-gif-button{background-image:url(/media/mononoke2.gif)}.catch-gif-button{background-image:url(/media/fishing.gif)}.catches-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--beige-dark)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.section-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.no-catches-button{font-family:"Press Start 2P",monospace;font-size:.45rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--beige-dark);border-radius:4px;cursor:pointer;color:var(--text-dark);transition:all .3s ease}.no-catches-button:hover{background:var(--beige-light)}.pending-count{font-size:.5rem;opacity:.9}.pending-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.pending-thumb{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;background:var(--beige);padding:.25rem .5rem;border-radius:4px}.remove-pending{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;color:var(--text-dark)}.remove-pending:hover{color:var(--matcha)}.add-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;background:var(--matcha-light);border:2px solid var(--matcha);border-radius:4px;cursor:pointer;transition:all .3s ease}.add-button:hover{background:var(--matcha);transform:translateY(-2px)}.edit-button{background:var(--matcha-light);color:var(--off-white)}.catch-item{position:relative;padding:2.5rem 1.5rem 1.5rem;margin-bottom:1rem;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px}.catch-item .form-group{display:flex;flex-direction:column;gap:.5rem}.catch-item .form-group label{font-size:.7rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px}.count-stepper{display:flex;align-items:center;gap:.5rem}.count-stepper-btn{flex-shrink:0;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--beige);border:2px solid var(--beige-dark);border-radius:4px;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.count-stepper-btn:hover{background:var(--matcha-light);border-color:var(--matcha)}.count-stepper-btn:active{transform:scale(.95)}.count-stepper-input{width:4rem;min-width:4rem;font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.5rem;text-align:center;border:2px solid var(--beige-dark);border-radius:4px;background:var(--beige-light);color:var(--text-dark);-moz-appearance:textfield}.count-stepper-input::-webkit-outer-spin-button,.count-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.species-select-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.find-species-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.6rem 1rem;background:var(--matcha-light);border:2px solid var(--matcha);border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.find-species-button:hover{background:var(--matcha);transform:translateY(-2px)}.selected-species{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.catch-fish-thumb{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border-radius:4px;border:1px solid var(--beige-dark)}.catch-item-remove{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;padding:0;font-size:1.2rem;line-height:1;font-family:sans-serif;background:var(--beige);border:2px solid var(--beige-dark);border-radius:4px;color:var(--text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.catch-item-remove:hover{background:#f45555;color:#fff;border-color:#d43d3d}.catch-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.image-button,.remove-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;border:2px solid var(--beige-dark);border-radius:4px;cursor:pointer;transition:all .3s ease}.image-button{background:var(--matcha-light)}.image-button:hover{background:var(--matcha)}.remove-button{background:var(--beige)}.remove-button:hover{background:var(--beige-dark)}.image-upload-popup{text-align:center;position:relative;background-image:url(/media/rotate2.gif);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden}.image-upload-popup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f5ecbf;pointer-events:none;z-index:0}.image-upload-popup>*{position:relative;z-index:1}.drop-zone{border:3px dashed var(--beige-dark);border-radius:8px;padding:2rem;margin:1rem 0;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffffffb3}.drop-zone:hover{border-color:var(--matcha);background:#ffffffe6}.drop-zone-content{text-align:center}.drop-zone-hint{font-size:.45rem;color:var(--text-light);margin-top:.5rem}.file-input{display:none}.browse-button{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;background:var(--matcha-light);border:2px solid var(--matcha);border-radius:4px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.5rem;text-transform:uppercase;transition:all .3s ease}.browse-button:hover{background:var(--matcha);transform:translateY(-2px)}.image-upload-popup .preview-image{max-width:100%;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:4px}.preview-image{max-width:100%;max-height:300px;border-radius:4px}.upload-button{font-family:"Press Start 2P",monospace;font-size:.6rem;padding:.8rem 2rem;background:var(--matcha);border:2px solid var(--matcha-dark);border-radius:4px;cursor:pointer;margin-top:1rem;transition:all .3s ease}.upload-button:hover:not(:disabled){background:var(--matcha-dark);transform:translateY(-2px)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.outing-browser{width:100%;max-width:800px}.outing-list{display:flex;flex-direction:column;gap:1.5rem}.outing-item{background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;padding:1.5rem;transition:all .3s ease}.outing-item:hover{border-color:var(--matcha);box-shadow:0 4px 12px var(--shadow)}.outing-item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:1rem;border-bottom:2px solid var(--beige-dark)}.outing-item-main h3{font-size:.9rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,3);color:var(--matcha)}.outing-location{font-size:.7rem;color:var(--text-dark);margin:0}.outing-item-actions{display:flex;gap:1rem}.outing-item-expanded{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--beige-dark)}.outing-details{font-size:.6rem;line-height:1.8;margin-bottom:1.5rem}.outing-details .directions-button{display:inline-block;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;margin-bottom:1rem;border:2px solid var(--matcha);border-radius:4px;background:var(--matcha-light);color:var(--text-dark);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.outing-details .directions-button:hover{background:var(--matcha);border-color:var(--matcha-dark)}.outing-details p{margin:.5rem 0}.outing-details strong{text-transform:uppercase;letter-spacing:1px}.weather-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--beige-dark)}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.weather-header h4{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin:0}.weather-button{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem 1rem;background:var(--matcha-light);border:2px solid var(--matcha);border-radius:4px;cursor:pointer;transition:all .3s ease;color:var(--text-dark)}.weather-button:hover:not(:disabled){background:var(--matcha);transform:translateY(-2px)}.weather-button:disabled{opacity:.6;cursor:not-allowed}.weather-data{background:var(--beige-light);padding:1rem;border-radius:4px;border:2px solid var(--beige-dark);margin-top:1rem}.weather-data p{margin:.5rem 0;font-size:.6rem}.weather-data strong{text-transform:uppercase;letter-spacing:1px}.outing-catches{margin-bottom:1.5rem}.outing-catches h4{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--beige-dark)}.catch-display{display:flex;align-items:center;gap:1rem;font-size:.6rem;padding:.8rem;background:var(--beige);border:1px solid var(--beige-dark);border-radius:4px;margin-bottom:.5rem}.catch-display-fish-img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;border-radius:4px;border:1px solid var(--beige-dark);flex-shrink:0}.outing-images{margin-top:1.5rem}.image-section{margin-bottom:2rem}.image-section h4{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--beige-dark)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.photo-thumb-button{display:flex;flex-direction:column;align-items:stretch;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;padding:0;cursor:pointer;text-align:center;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;font-family:"Press Start 2P",monospace}.photo-thumb-button:hover{border-color:var(--matcha);box-shadow:0 4px 12px var(--shadow)}.photo-thumb-button:focus{outline:none;border-color:var(--matcha-dark);box-shadow:0 0 0 2px var(--matcha-light)}.photo-thumb-label{display:block;font-size:.45rem;padding:.4rem .5rem;background:var(--matcha-light);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.photo-thumb-img{width:100%;height:120px;object-fit:cover;display:block}.photo-thumb-caption{display:block;font-size:.45rem;padding:.5rem;color:var(--text-light);line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.image-item{background:var(--beige);border:2px solid var(--beige-dark);border-radius:4px;padding:.5rem;text-align:center}.image-item img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px}.image-item a{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--text-dark);text-decoration:none;display:block;padding:1rem}.image-caption{font-size:.5rem;margin-top:.5rem;color:var(--text-light)}.photo-lightbox{text-align:center;min-width:280px}.photo-lightbox-img{max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;border-radius:8px;border:2px solid var(--beige-dark)}.photo-lightbox-caption{font-size:.6rem;margin-top:1rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px}.checkbox-group{flex-direction:row;align-items:center;gap:1.5rem}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-right:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.8rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.outing-action-buttons{flex-direction:column}.outing-gif-button{aspect-ratio:2;min-height:100px;font-size:.5rem}.catch-actions{flex-direction:column}.tab-button{font-size:.5rem;padding:.6rem 1.5rem}.image-grid{grid-template-columns:1fr}}.profile-view{flex:1;min-height:0;width:100%;height:100%;padding:2rem;overflow-y:auto;background:url(/media/water%202.gif) center/cover no-repeat;background-color:#0000004d;background-blend-mode:multiply;color:var(--matcha);display:flex;flex-direction:column;align-items:center;position:relative}.profile-view:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.profile-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;animation:flicker .15s infinite}.header-window{width:100%;max-width:900px;margin-bottom:1.5rem;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 20px #00000026;text-shadow:2px 2px 4px rgba(0,0,0,3)}.view-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--beige-dark);width:100%;max-width:900px;justify-content:center;color:var(--matcha)}.angler-panel{width:100%;max-width:900px;margin-bottom:2rem;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;padding:1.5rem;box-shadow:0 4px 20px #00000026;text-shadow:2px 2px 4px rgba(0,0,0,3)}.angler-title{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--matcha-light)}.angler-banner-wrap{width:100%;overflow:hidden;border-radius:4px;border:1px solid var(--beige-dark);margin-bottom:1rem;background:var(--beige)}.angler-banner{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.angler-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.angler-stat{display:flex;flex-direction:column;gap:.25rem}.angler-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--matcha-light)}.angler-stat-value{font-size:.7rem;font-weight:700;color:var(--matcha-dark)}.angler-trophy-actions{display:flex;flex-wrap:wrap;gap:.75rem}.view-trophy-btn,.upload-trophy-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.6rem 1rem;background:var(--matcha);color:var(--off-white);border:2px solid var(--matcha-dark);border-radius:4px;cursor:pointer;transition:all .2s}.view-trophy-btn:hover,.upload-trophy-btn:hover:not(:disabled){background:var(--matcha-dark);transform:translateY(-1px)}.upload-trophy-btn:disabled{opacity:.7;cursor:not-allowed}.trophy-popup{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw}.trophy-popup h3{margin:0;font-size:.8rem}.trophy-popup-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;border:1px solid var(--beige-dark)}.trophy-popup-actions{display:flex;gap:1rem}.delete-trophy-btn{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem .8rem;background:transparent;color:var(--text-dark);border:2px solid var(--beige-dark);border-radius:4px;cursor:pointer;transition:all .2s}.delete-trophy-btn:hover:not(:disabled){border-color:#c44;color:#c44}.delete-trophy-btn:disabled{opacity:.7;cursor:not-allowed}.profile-content{display:flex;flex-direction:column;gap:3rem;max-width:900px;width:100%}.insight-section{background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;padding:1.5rem}.insight-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--matcha-light);text-shadow:2px 2px 4px rgba(0,0,0,3)}.species-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.species-selector label{font-size:.6rem;text-transform:uppercase}.species-selector select{font-family:"Press Start 2P",monospace;font-size:.5rem;padding:.5rem;border:2px solid var(--beige-dark);border-radius:4px;background:var(--beige);cursor:pointer;opacity:.8}.data-table{display:flex;flex-direction:column;gap:.5rem}.table-header{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;gap:1rem;padding:.8rem;color:var(--matcha-light);text-shadow:2px 2px 4px rgba(0,0,0,3);background:var(--matcha-light);border-radius:4px;font-size:.6rem;text-transform:uppercase;letter-spacing:1px}.table-row{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;gap:1rem;padding:.8rem;background:var(--beige);border:1px solid var(--beige-dark);border-radius:4px;font-size:.5rem;transition:all .3s ease}.table-row:hover{background:var(--beige-light);border-color:var(--matcha);transform:translate(5px)}.table-row .total{font-weight:700;color:var(--matcha-dark);text-align:right}.no-data{padding:2rem;text-align:center;color:var(--text-dark);opacity:.5;font-size:.6rem}.data-table--3col .table-header,.data-table--3col .table-row{grid-template-columns:2fr 2fr 1fr}@media (max-width: 768px){.angler-stats{grid-template-columns:1fr 1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.insight-section .data-table .table-header,.insight-section .data-table .table-row{grid-template-columns:1fr}.table-header div,.table-row div{padding:.3rem 0}}.journal-view{flex:1;min-height:0;width:100%;height:100%;padding:2rem;overflow-y:auto;background:url(/media/water%202.gif) center/cover no-repeat;background-color:#0000004d;background-blend-mode:multiply;color:var(--matcha-light);text-shadow:2px 2px 4px rgba(0,0,0,5);display:flex;flex-direction:column;align-items:center;position:relative}.journal-view:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:2;animation:scanline 8s linear infinite}.journal-view:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1;animation:flicker .15s infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.98}}.header-window{width:100%;max-width:900px;margin-bottom:1.5rem;background:var(--off-white);border:2px solid var(--beige-dark);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 4px 20px #00000026}.header-window .view-header{margin:0;padding:0;border:none}.view-header{display:flex;align-items:center;gap:1rem;justify-content:center}.back-button{background:none;border:none;cursor:pointer;padding:.5rem;transition:transform .2s}.back-button:hover{transform:scale(1.1)}.back-gif{width:40px;height:40px;image-rendering:pixelated}.view-header h2{font-size:1rem;text-transform:uppercase;letter-spacing:2px}.loading{text-align:center;padding:3rem;font-size:.8rem;color:var(--text-light)}.journal-content{width:100%;max-width:900px}.journal-hint{font-size:.55rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);color:var(--off-white);text-align:center;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;padding:0 .5rem}.journal-species-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--beige-light);border:2px solid var(--beige-dark);border-radius:8px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.journal-species-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #000}.journal-species-card.caught{border-color:var(--matcha);background:var(--off-white);box-shadow:0 2px 8px var(--shadow)}.journal-species-card.caught:hover{border-color:var(--matcha-dark);transform:translateY(-8px);box-shadow:0 12px 24px #00000040,0 0 20px #a8c09a4d}.journal-species-card.locked{opacity:.85}.journal-species-card.locked:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000040}.journal-species-img-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.journal-species-img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.journal-species-card.locked .journal-species-img{filter:blur(3px);opacity:.9}.journal-species-label{font-family:"Press Start 2P",monospace;font-size:.4rem;color:var(--off-white);text-transform:uppercase;letter-spacing:.5px;line-height:1.3;word-break:break-word;text-align:center}.journal-species-card.locked .journal-species-label{color:var(--text-dark)}.journal-caught-badge{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;color:var(--matcha-dark);font-weight:700;text-shadow:0 0 4px rgba(143,168,122,.5)}.app{width:100%;height:100%;position:relative}:root{--off-white: #FAF9F6;--beige-light: #F5F5F0;--beige: #f8f5ec;--beige-dark: #D4C5B9;--matcha-light: #C8D5B9;--matcha: #A8C09A;--matcha-dark: #8FA87A;--text-dark: #3A3A3A;--text-light: #6B6B6B;--blue-dark: #283b9e;--blue-light: #587ff6;--shadow: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background:var(--matcha-dark);color:var(--text-dark);margin:0;padding:0;min-height:100vh;overflow:hidden;position:relative}#root{width:100vw;height:100vh;position:relative}