*{box-sizing:border-box;margin:0;padding:0}:root{--purple:#855dcd;--purple-dark:#5a3ba0;--bg:#14101f;--panel:#14101fd1;--panel-border:#ffffff1f;--text:#f1eefa;--muted:#9b93b3}html,body{background:var(--bg);height:100%;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.muted{color:var(--muted)}.small{font-size:.85rem}.landing{background:radial-gradient(ellipse at top, #2a2140 0%, var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100vh;padding:3rem 1.5rem;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.hero-emoji{font-size:4.5rem}.hero h1{letter-spacing:-.02em;background:linear-gradient(90deg, #b89df0, var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.5rem}.tagline{max-width:32rem;color:var(--muted);font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.cta{background:var(--purple);color:#fff;border-radius:12px;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:600;transition:background .15s}.cta:hover{background:var(--purple-dark)}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%;max-width:56rem;display:grid}.feature{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:14px;padding:1.25rem}.feature h3{margin-bottom:.5rem;font-size:1rem}.feature p{color:var(--muted);font-size:.9rem;line-height:1.5}.landing-footer{color:var(--muted);font-size:.85rem}.online-now{color:#6ee7a0;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #4ade80}.how-it-works{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%;max-width:56rem;display:grid}.step{border:1px solid var(--panel-border);background:#ffffff08;border-radius:14px;align-items:flex-start;gap:.7rem;padding:1rem;display:flex}.step p{color:var(--muted);font-size:.88rem;line-height:1.45}.step p strong{color:var(--text)}.step-num{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:flex}.world-root,.room-root{position:fixed;inset:0}.scene-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;font-size:1.1rem;display:flex;position:fixed;inset:0}.loading-emoji{font-size:3rem;animation:1.4s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.scene-error{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scene-error-card{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;display:flex}.scene-error-card .cta{border:none}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.9rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.hud-left,.hud-right{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hud-right{justify-content:flex-end}.hud-logo{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:.5rem .9rem;font-weight:700}.hud-btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:12px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.hud-btn:hover{border-color:var(--purple)}.user-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;align-items:center;gap:.5rem;padding:.35rem .7rem;display:flex}.user-chip img{object-fit:cover;border-radius:50%;width:26px;height:26px}.user-chip.large{padding:.6rem 1rem}.user-chip.large img{width:32px;height:32px}.user-chip button{color:var(--muted);background:0 0;border:none}.user-chip button:hover{color:var(--text)}.controls-hint{background:var(--panel);border:1px solid var(--panel-border);color:var(--muted);border-radius:10px;padding:.35rem .8rem;font-size:.8rem;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.fishing-prompt{background:var(--panel);border:1px solid var(--purple);border-radius:14px;padding:.7rem 1.4rem;font-size:1.1rem;font-weight:700;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.catch-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex;position:absolute;bottom:28%;left:50%;transform:translate(-50%)}.catch-emoji{font-size:2.4rem}.catch-name{font-weight:800}.catch-weight{color:var(--muted);font-size:.9rem}.share-btn{background:var(--purple);border-color:var(--purple)}.toast{background:var(--panel);border:1px solid var(--purple);z-index:60;border-radius:12px;padding:.6rem 1.2rem;font-weight:600;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.sold-banner{text-align:center;color:#6ee7a0;padding:1rem 0;font-weight:700}.sell-all.confirming{background:#b34a4a;border-color:#b34a4a}.visit-empty{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;border-radius:14px;padding:.9rem 1.4rem;font-weight:600;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.modal-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--bg);border:1px solid var(--panel-border);border-radius:16px;width:min(420px,90vw);max-height:70vh;padding:1.25rem;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-head button{color:var(--muted);background:0 0;border:none;font-size:1.1rem}.fish-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.fish-list li{background:#ffffff0a;border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .8rem;font-weight:600;display:flex}.fish-list li .muted{margin-left:auto;font-weight:400}.shells-chip{border-color:var(--purple);cursor:default;background:#855dcd40}.sell-bar{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.sell-all{background:var(--purple);border-color:var(--purple)}.sell-all:disabled{opacity:.6}.sell-one{border:1px solid var(--purple);color:var(--text);background:#855dcd33;border-radius:8px;flex-shrink:0;min-height:38px;margin-left:.4rem;padding:.55rem .75rem;font-size:.8rem;font-weight:700}.sell-one:hover{background:#855dcd73}.player-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.player-list li{background:#ffffff0a;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.player-name{font-weight:600}.player-list .hud-btn{margin-left:auto}.small-btn{padding:.3rem .6rem;font-size:.78rem}.char-count{color:var(--muted);text-align:right;align-self:center;min-width:2ch;font-size:.72rem}.chat-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;width:min(340px,100vw - 2rem);height:380px;display:flex;position:absolute;bottom:1rem;right:1rem;overflow:hidden}.chat-tabs{display:flex}.chat-tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-weight:600}.chat-tabs button.active{color:var(--text);border-bottom-color:var(--purple)}.chat-list{flex-direction:column;flex:1;gap:.55rem;padding:.6rem;display:flex;overflow-y:auto}.chat-empty{text-align:center;margin:auto;padding:0 1rem;font-size:.85rem}.chat-msg{align-items:flex-start;gap:.5rem;display:flex}.chat-msg.pending{opacity:.55}.chat-pfp{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.chat-pfp.placeholder{background:var(--purple-dark)}.chat-body{min-width:0}.chat-user{color:#c4b2ee;font-size:.82rem;font-weight:700}.chat-time{color:var(--muted);margin-left:.4rem;font-size:.72rem}.chat-text{word-wrap:break-word;font-size:.9rem;line-height:1.35}.chat-error{color:#ff8a80;padding:.3rem .6rem;font-size:.75rem}.chat-input-row{border-top:1px solid var(--panel-border);gap:.4rem;padding:.6rem;display:flex}.chat-input-row input{border:1px solid var(--panel-border);color:var(--text);background:#ffffff12;border-radius:10px;outline:none;flex:1;padding:.5rem .7rem}.chat-input-row input:focus{border-color:var(--purple)}.chat-input-row button{background:var(--purple);color:#fff;border:none;border-radius:10px;padding:0 1rem;font-weight:700}.chat-input-row button:disabled{opacity:.5;cursor:default}.chat-signin-note{border-top:1px solid var(--panel-border);color:var(--muted);text-align:center;padding:.8rem;font-size:.82rem}.bubble3d{color:#1a1626;background:#fff;border-radius:14px;width:max-content;max-width:220px;padding:8px 12px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #00000040}.echo{color:#fff;background:#855dcdeb;border-radius:12px;width:max-content;max-width:200px;padding:6px 10px;font-size:13px;box-shadow:0 4px 14px #00000040}.echo-user{opacity:.85;font-size:11px;font-weight:800;display:block}.bite-alert{font-size:34px;animation:.4s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.35)}}.room-ui{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.room-top{justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.room-top>*{pointer-events:auto}.room-title{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:.5rem 1rem;font-weight:700}.room-palette{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;flex-wrap:wrap;justify-content:center;align-self:center;gap:.4rem;margin-bottom:2.6rem;padding:.5rem;display:flex}.room-palette button{color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .7rem;font-size:1.3rem;display:flex}.room-palette button span{color:var(--muted);font-size:.65rem}.room-palette button.active{border-color:var(--purple);background:#855dcd2e}.room-palette button:disabled{opacity:.4;cursor:not-allowed}.room-palette .price{color:#c4b2ee;font-size:.72rem;font-weight:700}.room-palette .price.too-rich{color:#ff9a9a}.room-top-right{align-items:center;gap:.5rem;display:flex}.room-toast{pointer-events:none;position:absolute;top:4.2rem;left:50%;transform:translate(-50%)}.room-pad{pointer-events:auto;background:var(--panel);border:1px solid var(--purple);border-radius:16px;flex-direction:column;align-self:center;align-items:center;gap:.5rem;margin-bottom:2.6rem;padding:.8rem 1rem;display:flex}.room-pad-label{text-transform:capitalize;font-size:.9rem;font-weight:700}.room-pad-grid{grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:6px;display:grid}.room-pad-grid button{border:1px solid var(--panel-border);color:var(--text);touch-action:manipulation;background:#ffffff14;border-radius:12px;font-size:1.2rem}.room-pad-grid button:active{background:#855dcd66}.room-pad-actions{gap:.5rem;display:flex}.room-pad-actions button{border:1px solid var(--panel-border);color:var(--text);touch-action:manipulation;background:#ffffff14;border-radius:10px;padding:.45rem .9rem;font-weight:700}.room-pad-actions .danger{color:#ff9a9a;border-color:#b34a4a}.room-pad-actions .confirm{background:var(--purple);border-color:var(--purple)}.room-hint-inline{color:var(--muted);font-size:.72rem}.joystick{border:1px solid var(--panel-border);touch-action:none;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:4.5rem;left:1.4rem}.joystick-knob{pointer-events:none;background:#855dcdd9;border:2px solid #fff6;border-radius:50%;width:52px;height:52px}.room-hint{color:var(--muted);background:var(--panel);text-align:center;border-radius:10px;max-width:92vw;padding:.3rem .8rem;font-size:.78rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}@media (max-width:640px){.hud-btn,.hud-logo{padding:.4rem .6rem;font-size:.82rem}.user-chip{padding:.25rem .5rem;font-size:.82rem}.chat-panel{width:min(300px,100vw - 1.2rem);height:300px;bottom:.6rem;right:.6rem}.controls-hint{display:none}.room-palette button{padding:.35rem .5rem;font-size:1.1rem}.catch-card{text-align:center;flex-direction:column;gap:.5rem;width:min(320px,90vw)}}