*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sky-top:#87ceeb;--ocean-dark:#0b2545;--ocean-mid:#1565c0;--ocean-light:#42a5f5;--text:#fff;--text-dim:#fff9;--c-commun:#a8a8b3;--c-peu:#4caf50;--c-rare:#2196f3;--c-legendaire:gold;--font-pixel:"Press Start 2P", monospace;--font-body:"Fredoka", sans-serif}body{font-family:var(--font-body);background:var(--ocean-dark);color:var(--text);min-height:100vh;overflow-x:hidden}.loading{height:100vh;font-family:var(--font-pixel);color:var(--ocean-light);justify-content:center;align-items:center;font-size:.7rem;display:flex}.auth-page{background:linear-gradient(#87ceeb 0%,#1565c0 55%,#0b2545 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b2545e0;border:3px solid #42a5f580;border-radius:20px;width:100%;max-width:380px;padding:2.5rem 2rem;box-shadow:0 0 40px #2196f34d}.auth-logo{text-align:center;margin-bottom:.25rem}.auth-logo span{font-family:var(--font-pixel);color:var(--ocean-light);text-shadow:0 0 20px #42a5f5cc;font-size:1.4rem}.auth-tagline{text-align:center;color:var(--text-dim);margin-bottom:2rem;font-size:1rem;font-weight:500}.tab-row{background:#ffffff0d;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:4px;display:flex}.tab-row button{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:10px;flex:1;padding:.6rem;font-size:1rem;font-weight:600;transition:all .2s}.tab-row button.active{background:var(--ocean-mid);color:#fff}form{flex-direction:column;gap:.75rem;display:flex}input{color:var(--text);font-size:1rem;font-family:var(--font-body);background:#ffffff12;border:2px solid #42a5f54d;border-radius:12px;outline:none;padding:.85rem 1rem;transition:border-color .2s}input:focus{border-color:var(--ocean-light)}input::placeholder{color:var(--text-dim)}.btn-primary{color:#fff;font-size:1.1rem;font-weight:700;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#1976d2,#42a5f5);border:none;border-radius:12px;padding:.85rem;transition:transform .15s;box-shadow:0 4px 15px #2196f366}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.error{color:#ff5252;text-align:center;font-size:.9rem}.game-layout{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0b2545eb;border-bottom:2px solid #42a5f54d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar-logo{font-family:var(--font-pixel);color:var(--ocean-light);text-shadow:0 0 12px #42a5f5cc;font-size:.75rem}.topbar-nav{align-items:center;gap:.5rem;display:flex}.nav-btn{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);background:0 0;border:2px solid #42a5f54d;border-radius:20px;padding:.4rem .9rem;font-size:.95rem;font-weight:600;transition:all .2s}.nav-btn:hover,.nav-btn.active{border-color:var(--ocean-light);color:#fff;background:#42a5f533}.nav-btn.logout{color:#ff8a80;border-color:#ff525266}.nav-btn.logout:hover{background:#ff525226;border-color:#ff5252}.lancers-badge{background:#ffd7001f;border:2px solid #ffd70059;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:1rem;font-weight:700;display:flex}.lancers-badge .count{color:gold}.fishing-view{flex-direction:column;flex:1;display:flex}.scene-container{flex-shrink:0;height:360px;position:relative;overflow:hidden}.scene-sky{background:linear-gradient(#87ceeb 0%,#4fc3f7 55%,#1e88e5 100%);position:absolute;inset:0}.cloud{background:#ffffffe6;border-radius:50px;animation:linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#ffffffe6;border-radius:50%;position:absolute}.cloud-1{width:80px;height:28px;animation-duration:30s;top:40px;left:-100px}.cloud-1:before{width:45px;height:45px;top:-22px;left:10px}.cloud-1:after{width:30px;height:30px;top:-12px;left:40px}.cloud-2{width:60px;height:22px;animation-duration:42s;animation-delay:-14s;top:75px;left:-80px}.cloud-2:before{width:35px;height:35px;top:-18px;left:8px}.cloud-3{width:100px;height:32px;animation-duration:52s;animation-delay:-28s;top:20px;left:-120px}.cloud-3:before{width:55px;height:55px;top:-28px;left:15px}.cloud-3:after{width:40px;height:40px;top:-18px;left:55px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 220px))}}.scene-ocean{background:linear-gradient(#1565c0 0%,#0b2545 100%);height:52%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wave-layer{border-radius:50%;height:60px;animation:ease-in-out infinite waveAnim;position:absolute;top:-30px;left:-200px;right:-200px}.wave-layer-1{background:#42a5f58c;animation-duration:6s}.wave-layer-2{background:#42a5f559;animation-duration:8.5s;animation-delay:-2s;top:-12px}.wave-layer-3{background:#42a5f533;animation-duration:11s;animation-delay:-5s;top:-4px}@keyframes waveAnim{0%,to{transform:translate(0)scaleY(1)}25%{transform:translate(40px)scaleY(1.12)}50%{transform:translate(-25px)scaleY(.88)}75%{transform:translate(20px)scaleY(1.06)}}.water-shimmer{background:repeating-linear-gradient(90deg,#0000 0 40px,#ffffff40 40px 60px);height:3px;animation:3s linear infinite shimmer;position:absolute;top:18px;left:0;right:0}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(100px)}}.boat-wrapper{transform-origin:bottom;animation:4s ease-in-out infinite boatRock;position:absolute;bottom:43%;left:50%;transform:translate(-50%)}@keyframes boatRock{0%,to{transform:translate(-50%)rotate(-2deg)translateY(0)}25%{transform:translate(-50%)rotate(1.5deg)translateY(-4px)}50%{transform:translate(-50%)rotate(2.5deg)translateY(0)}75%{transform:translate(-50%)rotate(-1deg)translateY(-2px)}}.fishing-arc-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arc-line{stroke-dasharray:135;stroke-dashoffset:135px;animation:.65s cubic-bezier(.2,.6,.4,1) forwards drawArc}@keyframes drawArc{to{stroke-dashoffset:0}}.bobber-end{background:radial-gradient(circle at 40% 35%,#ff6b6b,#c0392b);border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.5s ease-in-out infinite bobberFloat;position:absolute;top:56%;left:18%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}@keyframes bobberFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(7px)}}.card-3d-wrap{perspective:1200px}.card-3d{width:280px;height:400px;transform-style:preserve-3d;position:relative}.card-3d.card-shaking{animation:.5s ease-in-out cardShake}.card-3d.card-flipped{transition:transform .8s cubic-bezier(.4,0,.2,1);transform:rotateY(180deg)}@keyframes cardShake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-8px)rotate(-2.5deg)}30%{transform:translate(8px)rotate(2.5deg)}50%{transform:translate(-5px)rotate(-1.5deg)}70%{transform:translate(5px)rotate(1.5deg)}85%{transform:translate(-2px)rotate(-.5deg)}}.card-face{backface-visibility:hidden;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0;overflow:hidden}.card-back-face{background:linear-gradient(135deg,#0a3060,#1565c0,#0a3060);border:3px solid #42a5f599}.card-back-pattern{background:repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 14px);position:absolute;inset:0}.card-front-face{background:#0b2545f7;transform:rotateY(180deg)}.card-front-face.COMMUN{border:3px solid var(--c-commun);box-shadow:0 0 30px #a8a8b34d}.card-front-face.PEU_COMMUN{border:3px solid var(--c-peu);box-shadow:0 0 30px #4caf5066}.card-front-face.RARE{border:3px solid var(--c-rare);box-shadow:0 0 50px #2196f399}.card-front-face.LEGENDAIRE{border:3px solid var(--c-legendaire);background:#120c00f7;box-shadow:0 0 80px #ffd700e6}.flash-white{background:#fff;border-radius:17px;animation:.5s ease-out forwards flashWhite;position:absolute;inset:0}@keyframes flashWhite{0%{opacity:.9}to{opacity:0}}.halo-blue{pointer-events:none;border:3px solid #2196f3;border-radius:26px;animation:2s ease-in-out infinite haloBlue;position:absolute;inset:-6px;box-shadow:0 0 40px #2196f3,inset 0 0 30px #2196f326}@keyframes haloBlue{0%,to{box-shadow:0 0 20px #2196f3}50%{box-shadow:0 0 60px #2196f3,0 0 100px #2196f366}}.scene-controls{background:linear-gradient(#0b2545,#061320);flex-direction:column;flex:1;align-items:center;gap:1rem;padding:1.25rem;display:flex}.zone-label{font-family:var(--font-pixel);color:var(--ocean-light);letter-spacing:2px;text-align:center;font-size:.5rem}.zones-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:600px;display:flex}.zone-chip{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);background:#ffffff08;border:2px solid #42a5f533;border-radius:20px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;transition:all .2s}.zone-chip:hover{color:#fff;border-color:#42a5f580}.zone-chip.active{border-color:var(--ocean-light);color:#fff;background:#1565c073;box-shadow:0 0 12px #42a5f540}.btn-lancer{color:#1a0a00;font-family:var(--font-pixel);cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#ff6b35,#f7c59f);border:none;border-radius:50px;padding:.9rem 3rem;font-size:.65rem;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ff6b3580}.btn-lancer:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 25px #ff6b3599}.btn-lancer:active{transform:scale(.96)}.btn-lancer:disabled{opacity:.4;cursor:not-allowed;transform:none}.reveal-overlay{z-index:200;justify-content:center;align-items:center;padding:1rem;animation:.3s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.reveal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;position:absolute;inset:0}.reveal-card{z-index:1;text-align:center;background:#0b2545f2;border-radius:24px;width:100%;max-width:340px;padding:2.5rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) cardPop;position:relative}@keyframes cardPop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reveal-card.COMMUN{border:3px solid var(--c-commun);box-shadow:0 0 30px #a8a8b34d}.reveal-card.PEU_COMMUN{border:3px solid var(--c-peu);box-shadow:0 0 30px #4caf5066}.reveal-card.RARE{border:3px solid var(--c-rare);box-shadow:0 0 40px #2196f380}.reveal-card.LEGENDAIRE{border:3px solid var(--c-legendaire);background:#140e00f2;box-shadow:0 0 70px #ffd700cc}.reveal-emoji{margin-bottom:1rem;font-size:5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both emojiBounce;display:block}@keyframes emojiBounce{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.reveal-nom{font-family:var(--font-pixel);margin-bottom:.75rem;font-size:.9rem;line-height:1.8}.reveal-rarete{font-family:var(--font-pixel);letter-spacing:1px;border-radius:20px;margin-bottom:.75rem;padding:.3rem .7rem;font-size:.45rem;display:inline-block}.reveal-rarete.COMMUN{color:var(--c-commun);border:1px solid var(--c-commun);background:#a8a8b31a}.reveal-rarete.PEU_COMMUN{color:var(--c-peu);border:1px solid var(--c-peu);background:#4caf501a}.reveal-rarete.RARE{color:var(--c-rare);border:1px solid var(--c-rare);background:#2196f31a}.reveal-rarete.LEGENDAIRE{color:var(--c-legendaire);border:1px solid var(--c-legendaire);background:#ffd7001f}.reveal-desc{color:var(--text-dim);margin-bottom:.4rem;font-size:1rem;font-weight:500}.reveal-zone{color:var(--text-dim);font-size:.85rem}.reveal-close{color:#fff;font-family:var(--font-body);cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:12px;margin-top:1.5rem;padding:.7rem 2rem;font-size:1rem;font-weight:700;transition:all .2s}.reveal-close:hover{background:#ffffff2e}.particle{pointer-events:none;border-radius:50%;animation:linear forwards particleBurst;position:absolute}@keyframes particleBurst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.aquarium-page{background:linear-gradient(#0b2545,#061320);min-height:100vh;position:relative;overflow:hidden}.aquarium-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b2545d9;border-bottom:2px solid #42a5f533;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.aquarium-header h1{font-family:var(--font-pixel);color:var(--ocean-light);letter-spacing:1px;flex:1;font-size:.6rem}.aquarium-header .progress{color:gold;font-size:1rem;font-weight:700}.aquarium-bubbles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bubble-float{background:#42a5f51f;border:1px solid #42a5f538;border-radius:50%;animation:linear infinite bubbleRise;position:absolute;bottom:-40px}@keyframes bubbleRise{to{opacity:0;transform:translateY(-110vh)}}.filter-bar{z-index:1;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem;display:flex;position:relative}.filter-chip{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);background:#ffffff0a;border:2px solid #ffffff1f;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-chip.active{color:#fff;background:#ffffff1f;border-color:#ffffff59}.filter-chip.COMMUN.active{border-color:var(--c-commun);color:var(--c-commun)}.filter-chip.PEU_COMMUN.active{border-color:var(--c-peu);color:var(--c-peu)}.filter-chip.RARE.active{border-color:var(--c-rare);color:var(--c-rare)}.filter-chip.LEGENDAIRE.active{border-color:var(--c-legendaire);color:var(--c-legendaire)}.glub-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:.75rem 1.25rem 2rem;display:grid;position:relative}.glub-card{text-align:center;background:#ffffff0a;border-radius:16px;padding:.9rem .5rem .75rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.glub-card.owned:hover{transform:translateY(-4px)}.glub-card.owned.COMMUN{border:2px solid #a8a8b373}.glub-card.owned.PEU_COMMUN{border:2px solid #4caf508c;box-shadow:0 0 12px #4caf501f}.glub-card.owned.RARE{border:2px solid #2196f3a6;box-shadow:0 0 16px #2196f32e}.glub-card.owned.LEGENDAIRE{border:2px solid #ffd700bf;box-shadow:0 0 24px #ffd70047}.glub-card.locked{opacity:.5;border:2px solid #ffffff0f}.card-emoji{margin-bottom:.4rem;font-size:2.2rem;display:block}.card-name{margin-bottom:.2rem;font-size:.75rem;font-weight:700;line-height:1.2}.glub-card.owned.COMMUN .card-name{color:var(--c-commun)}.glub-card.owned.PEU_COMMUN .card-name{color:var(--c-peu)}.glub-card.owned.RARE .card-name{color:var(--c-rare)}.glub-card.owned.LEGENDAIRE .card-name{color:var(--c-legendaire)}.glub-card.locked .card-name{color:#444}.card-qty{color:var(--text-dim);font-size:.7rem;font-weight:600}.glub-card.owned.LEGENDAIRE:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffd70012 50%,#0000 70%);animation:2.5s linear infinite cardShimmer;position:absolute;inset:0}@keyframes cardShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.btn-back{color:var(--text-dim);cursor:pointer;font-family:var(--font-body);background:0 0;border:2px solid #42a5f54d;border-radius:20px;padding:.4rem .9rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-back:hover{border-color:var(--ocean-light);color:#fff}@media (width<=600px){.topbar-logo{font-size:.55rem}.scene-container{height:290px}.btn-lancer{padding:.75rem 1.8rem;font-size:.55rem}.glub-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}