*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a1628;color:#e8f4f8;font-family:Segoe UI,system-ui,sans-serif;margin:0;padding:0}canvas{display:block}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#join-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#1a3a5c,#0d2438);z-index:100}.join-card{background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:48px 56px;text-align:center;max-width:400px;width:90%;box-shadow:0 24px 64px #0006}.join-card h1{font-size:2.4rem;margin-bottom:8px}.join-subtitle{color:#94b8cc;margin-bottom:24px;font-size:1rem}#returning-panel{display:flex;flex-direction:column;gap:12px}.profile-badge{background:#4fc3f714;border:1px solid rgba(79,195,247,.25);border-radius:12px;padding:16px 20px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.profile-name{font-size:1.3rem;font-weight:700;color:#e8f4f8}.profile-stats{font-size:.85rem;color:#94b8cc}.btn-ghost{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#94b8cc;font-size:.95rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:#fff6;color:#e8f4f8}.erase-warning{background:#e651001f;border:1px solid rgba(230,81,0,.35);border-radius:8px;padding:10px 14px;font-size:.85rem;color:#ffb74d;margin-bottom:4px;text-align:left;line-height:1.4}#name-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#e8f4f8;font-size:1rem;outline:none;margin-bottom:12px;text-align:center}#name-input:focus{border-color:#4fc3f7}#join-btn,#continue-btn{width:100%;padding:13px;border-radius:10px;border:none;background:linear-gradient(135deg,#0277bd,#01579b);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 16px #0277bd66}#join-btn:hover,#continue-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0277bd80}#join-btn:active,#continue-btn:active{transform:translateY(0)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hidden{display:none!important}#player-list,#catch-log{position:absolute;top:16px;background:#0a1628bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;min-width:160px;max-height:280px;overflow-y:auto;pointer-events:auto}#player-list{left:16px}#catch-log{right:16px}#player-list h3,#catch-log h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#4fc3f7;margin-bottom:8px}#players-ul,#catches-ul{list-style:none;font-size:.85rem;color:#cde}#players-ul li,#catches-ul li{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#players-ul li:last-child,#catches-ul li:last-child{border-bottom:none}.player-you{color:#81d4fa;font-weight:600}.player-fishing{color:#a5d6a7}#controls-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0a1628b3;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 20px;font-size:.9rem;color:#b0d4e8;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}#cast-power-bar{width:160px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;display:none}#cast-power-fill{height:100%;width:0%;background:linear-gradient(90deg,#4fc3f7,#81d4fa);border-radius:3px;transition:none}#toast-container{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:20}.toast{background:#0a1628e6;border:1px solid rgba(79,195,247,.3);border-radius:12px;padding:10px 20px;font-size:.95rem;color:#e8f4f8;animation:toastIn .3s ease,toastOut .4s ease 2.6s forwards;white-space:nowrap}.toast.legendary{border-color:gold;color:gold}.toast.rare{border-color:#b39ddb;color:#e1bee7}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#pointer-lock-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:40;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}#pointer-lock-inner{text-align:center;pointer-events:none}#pointer-lock-inner p{font-size:1.6rem;font-weight:700;color:#e8f4f8;margin-bottom:10px}.pointer-lock-sub{font-size:.9rem!important;font-weight:400!important;color:#94b8cc!important}#minigame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#minigame-inner{background:#0a1628f2;border:2px solid rgba(79,195,247,.4);border-radius:18px;padding:36px 48px;text-align:center;min-width:380px;max-width:560px;transition:border-color .3s}#minigame-label{font-size:1.1rem;font-weight:600;margin-bottom:28px;color:#e8f4f8}#key-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;min-height:60px;align-items:center}.seq-key{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;font-size:1.3rem;font-weight:800;font-family:Segoe UI,system-ui,sans-serif;border:2px solid;transition:transform .08s,opacity .15s;-webkit-user-select:none;user-select:none}.seq-key--pending{color:#b4c8dc59;border-color:#b4c8dc26;background:#ffffff0a;transform:scale(.85)}.seq-key--current{color:#fff;border-color:#4fc3f7;background:#4fc3f72e;transform:scale(1.18);box-shadow:0 0 18px #4fc3f78c;animation:keyPulse .5s ease-in-out infinite alternate}.seq-key--done{color:#81d4fa66;border-color:#43a0474d;background:#43a0471a;transform:scale(.75);opacity:.5}.seq-key--error{color:#ff6b6b!important;border-color:#ff6b6b!important;background:#ff6b6b40!important;transform:scale(1.22)!important;animation:none!important}@keyframes keyPulse{0%{box-shadow:0 0 12px #4fc3f766}to{box-shadow:0 0 26px #4fc3f7cc}}#reel-timer-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:16px}#reel-timer-fill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,#43a047,#66bb6a);transition:background .3s}#minigame-hint{font-size:.8rem;color:#8ab}#inventory-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:60;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#inventory-inner{background:#0a1628f7;border:1px solid rgba(79,195,247,.3);border-radius:18px;padding:28px 32px;width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px #00000080}#inventory-header{display:flex;align-items:center;justify-content:space-between}#inventory-header h2{font-size:1.3rem;font-weight:700;color:#e8f4f8}#inventory-close{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#94b8cc;font-size:1rem;cursor:pointer;padding:4px 10px;transition:color .15s,border-color .15s}#inventory-close:hover{color:#e8f4f8;border-color:#ffffff59}#inventory-list{list-style:none;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px;padding-right:4px}.inv-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 14px;gap:10px}.inv-item-left{display:flex;align-items:center;gap:12px;overflow:hidden}.inv-emoji{font-size:1.5rem;flex-shrink:0}.inv-info{display:flex;flex-direction:column;overflow:hidden}.inv-name{font-size:.95rem;font-weight:600;color:#e8f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-meta{font-size:.78rem;color:#94b8cc;white-space:nowrap}.inv-value{font-size:.95rem;font-weight:700;color:#81d4fa;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.inv-value--negative{color:#ff6b6b}.inv-too-small{font-size:.68rem;font-weight:400;color:#ff8a80;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.inv-total{font-size:.9rem;font-weight:600;color:#81d4fa;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.inv-total--negative{color:#ff6b6b}.inv-empty{color:#94b8cc;font-size:.9rem;text-align:center;padding:24px 0}#inventory-hint{font-size:.78rem;color:#556;text-align:center}background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 4px; padding: 1px 6px; font-size: .8rem; }{}