:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0e1117;--bg-card: #161b22;--bg-hover: #1c2333;--border: #30363d;--gold: #f5c842;--fish: #60a5fa;--green: #4ade80;--red: #f87171;--pink: #f472b6;--purple: #c084fc;--orange: #fb923c;--teal: #2dd4bf}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:#e6edf3}.game-container{min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:linear-gradient(180deg,#1a1f2b,#131720);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.header-title{display:flex;align-items:baseline;gap:.75rem}.header-title h1{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.75rem;color:#ffffff59}.header-stats{display:flex;gap:1.4rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59}.stat-value{font-size:.85rem;font-weight:600;font-family:ui-monospace,monospace}.fish-value{color:var(--fish)}.notifications{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:.35rem;pointer-events:none}.notification{background:#000000e0;border:1px solid var(--border);padding:.45rem .9rem;border-radius:.5rem;font-size:.8rem;white-space:nowrap;animation:notifIn .3s ease-out,notifOut .5s 2.5s ease-in forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes notifIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes notifOut{to{opacity:0;transform:translateY(-10px)}}.game-content{display:flex;flex:1;overflow:hidden}.map-section{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;padding:.75rem;gap:.75rem}.location-label{text-align:center;padding:.5rem 1rem;font-size:.8rem;color:#ffffff80;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-scroll{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto}.map-grid{display:flex;flex-direction:column;gap:2px}.map-row{display:flex;gap:2px}.map-tile{width:54px;height:54px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid;transition:transform .12s,filter .12s;overflow:hidden}.map-tile.discovered:hover{transform:scale(1.06);z-index:2;filter:brightness(1.25)}.map-tile.hidden{opacity:.6;cursor:default}.map-tile.hidden:hover{transform:none;filter:none}.map-tile.player{z-index:5;box-shadow:0 0 12px #f5c84280}.map-tile.explored{opacity:.75}.map-tile.interactable{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f472b64d}50%{box-shadow:0 0 8px 2px #f472b666}}.tile-icon{font-size:1.4rem;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.7)}.player-icon{position:absolute;font-size:1.5rem;z-index:10;animation:catBounce 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes catBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.companion-icon{position:absolute;bottom:1px;right:1px;font-size:.8rem;z-index:10}.item-sparkle{position:absolute;top:2px;right:2px;font-size:.7rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.secret-marker{position:absolute;bottom:2px;left:2px;font-size:.6rem;opacity:.7}.fog-icon{font-size:1rem;color:#ffffff26}.dpad{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem}.dpad-middle{display:flex;align-items:center;gap:4px}.dpad-btn{width:44px;height:44px;border:1px solid var(--border);background:var(--bg-card);color:#ffffffb3;border-radius:.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.dpad-btn:hover{background:var(--bg-hover);color:#fff}.dpad-btn:active{transform:scale(.92);background:#f472b626}.dpad-center{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.side-panel{width:320px;background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.tab-bar{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;padding:.6rem .35rem;background:none;border:none;color:#ffffff73;cursor:pointer;font-size:.7rem;font-weight:500;transition:all .2s;border-bottom:2px solid transparent}.tab:hover{color:#fffc;background:var(--bg-hover)}.tab.active{color:var(--pink);border-bottom-color:var(--pink);background:#f472b60d}.tab-content{flex:1;overflow-y:auto;padding:.65rem}.missions-list{display:flex;flex-direction:column;gap:.4rem}.mission{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:.45rem;transition:all .2s}.mission.completed{border-color:#4ade804d;background:#4ade800d;opacity:.7}.mission-icon{font-size:1.2rem;flex-shrink:0}.mission-info{flex:1;display:flex;flex-direction:column;min-width:0}.mission-name{font-size:.8rem;font-weight:600}.mission-desc{font-size:.65rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-reward{font-size:.75rem;font-weight:600;color:var(--fish);font-family:ui-monospace,monospace;flex-shrink:0}.inventory-list{display:flex;flex-direction:column;gap:.35rem}.inventory-item{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:.4rem}.inv-icon{font-size:1.15rem;flex-shrink:0}.inv-info{flex:1;display:flex;flex-direction:column;min-width:0}.inv-name{font-size:.78rem;font-weight:600}.inv-value{font-size:.62rem;color:var(--fish);font-family:ui-monospace,monospace}.inv-count{font-size:.8rem;font-weight:700;font-family:ui-monospace,monospace;color:#ffffffa6;flex-shrink:0}.empty-state{text-align:center;padding:2rem 1rem;color:#ffffff40;font-size:.85rem}.shop-sections{display:flex;flex-direction:column;gap:.75rem}.shop-heading{font-size:.85rem;font-weight:600;color:#fff9;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.shop-list{display:flex;flex-direction:column;gap:.4rem}.shop-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:.45rem}.shop-item.active-item{border-color:#f472b666;background:#f472b60d}.shop-item-icon{font-size:1.3rem;flex-shrink:0}.shop-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.shop-item-name{font-size:.8rem;font-weight:600}.shop-item-desc{font-size:.65rem;color:#fff6}.equipped-badge{font-size:.65rem;font-weight:700;color:var(--pink);padding:.25rem .5rem;border:1px solid var(--pink);border-radius:.3rem;flex-shrink:0}.btn{border:none;cursor:pointer;font-weight:600;border-radius:.4rem;transition:all .12s;font-family:inherit}.btn-buy{background:var(--fish);color:#0a1628;padding:.3rem .6rem;font-size:.7rem;flex-shrink:0}.btn-buy:hover:not(.disabled){background:#93c5fd;transform:scale(1.05)}.btn-buy.disabled{opacity:.35;cursor:not-allowed}.btn-equip{background:#f472b626;color:var(--pink);border:1px solid rgba(244,114,182,.3);padding:.25rem .5rem;font-size:.68rem;flex-shrink:0}.btn-equip:hover{background:#f472b640}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;padding:.55rem 1.4rem;font-size:.85rem;margin-top:.75rem}.btn-primary:hover{filter:brightness(1.1)}.btn-sell{background:#4ade801f;color:var(--green);border:1px solid rgba(74,222,128,.25);padding:.2rem .45rem;font-size:.65rem;flex-shrink:0}.btn-sell:hover{background:#4ade8038}.btn-sell-all{width:100%;padding:.45rem;background:linear-gradient(135deg,#4ade801f,#4ade800a);color:var(--green);border:1px solid rgba(74,222,128,.25);border-radius:.45rem;font-size:.75rem;margin-bottom:.4rem}.btn-sell-all:hover{background:linear-gradient(135deg,#4ade8033,#4ade8014)}.info-panel{display:flex;flex-direction:column;gap:.6rem}.info-card{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.7rem}.info-card h3{font-size:.85rem;margin-bottom:.4rem;color:#fffc}.info-card p{font-size:.75rem;color:#ffffff80;margin-bottom:.2rem}.info-stats{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#ffffff8c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.8rem;max-width:340px;text-align:center;animation:modalPop .3s ease-out}@keyframes modalPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-emoji{font-size:2.8rem;margin-bottom:.4rem}.modal h2{font-size:1.2rem;margin-bottom:.4rem;color:var(--pink)}.modal p{color:#fff9;font-size:.85rem;margin-bottom:.2rem}.reward-text{font-size:1.1rem!important;font-weight:700;color:var(--fish)!important;margin-top:.4rem!important}.game-footer{display:flex;justify-content:center;gap:1.2rem;padding:.5rem 1rem;background:#111520;border-top:1px solid var(--border);font-size:.65rem;font-family:ui-monospace,monospace;color:#ffffff59;flex-wrap:wrap}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.game-content{flex-direction:column}.side-panel{width:100%;border-left:none;border-top:1px solid var(--border);max-height:280px}.map-tile{width:42px;height:42px}.tile-icon{font-size:1.1rem}.player-icon{font-size:1.2rem}.header-stats{gap:.9rem}.game-footer{gap:.6rem;font-size:.55rem}.dpad-btn{width:38px;height:38px;font-size:.9rem}.dpad-center{width:38px;height:38px;font-size:1.2rem}}