:root{--bg-deep: #050e1a;--bg-mid: #0a1f35;--bg-surface: rgba(10, 28, 50, .92);--bg-card: rgba(14, 36, 60, .85);--bg-card-hover:rgba(20, 52, 88, .95);--accent: #00d4ff;--accent-dim: #0097b2;--gold: #f4c430;--gold-glow: rgba(244, 196, 48, .45);--pearl: #e879f9;--token: #fb923c;--text: #d0ecf7;--text-muted: #5d8a9e;--text-dim: #2d4f5e;--border: rgba(0, 212, 255, .12);--border-bright:rgba(0, 212, 255, .35);--radius: 10px;--radius-lg: 18px;--shadow-panel: 0 4px 24px rgba(0,0,0,.5);--shadow-gold: 0 0 16px var(--gold-glow);--font: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}button{cursor:pointer;font-family:inherit}*{-webkit-tap-highlight-color:transparent}small{font-size:.72em;opacity:.8}a,button,input,select,textarea,[role=button]{touch-action:manipulation}input,select,textarea{font-size:16px}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-content{flex:1;min-height:0;display:flex;flex-direction:column}.game-root{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#0d2d4a,#050e1a 70%)}.bg-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-bubble{position:absolute;width:calc(4px + var(--i, 0) * 6px);height:calc(4px + var(--i, 0) * 6px);border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.25),transparent 70%);bottom:-20px;left:calc(var(--i, 0) * 8.33% + 2%);animation:bubbleRise calc(6s + var(--i, 0) * 1.3s) linear infinite;animation-delay:calc(var(--i, 0) * -.7s)}@keyframes bubbleRise{0%{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-40vh) translate(20px);opacity:.3}to{transform:translateY(-100vh) translate(-10px);opacity:0}}.game-stats-bar{display:flex;flex-direction:column;background:linear-gradient(180deg,#050f1ef0,#030a16fa);border-bottom:1px solid rgba(0,212,255,.18);box-shadow:0 1px #00d4ff1a,0 4px 20px #00000080;z-index:9;flex-shrink:0;position:relative}.gsb-main{display:flex;align-items:center;gap:8px;padding:7px 16px;min-width:0}.gsb-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.gsb-shops{display:flex;align-items:center;gap:4px;margin-left:auto}.gsb-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.tb-row{display:flex;align-items:center;gap:10px;padding:7px 16px;min-width:0}.tb-stat{display:inline-flex;align-items:center;gap:5px;background:#0e243cbf;border:1px solid var(--border);border-radius:999px;padding:4px 12px;white-space:nowrap;transition:border-color .15s}.tb-stat--fish{border-color:#f4c4304d}.tb-stat__icon{font-size:.85rem;line-height:1}.tb-stat__val{font-size:.88rem;font-weight:700;color:var(--text)}.tb-stat--fish .tb-stat__val{color:var(--gold);text-shadow:var(--shadow-gold)}.tb-currencies{display:flex;align-items:center;gap:5px}.tb-cur{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#0e243ca6;border:1px solid var(--border);white-space:nowrap}.tb-cur--streak{border-color:#fb923c40;color:#fb923c}.tb-cur--pearl{border-color:#e879f94d;color:var(--pearl)}.tb-cur--token{border-color:#fb923c4d;color:var(--token)}.tb-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(0,212,255,.28);border-radius:10px;background:#0e243c8c;color:var(--text);font-size:.95rem;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.tb-icon-btn:hover{background:#00d4ff1a;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff26}.tb-shop-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;min-height:36px;border-radius:999px;border:1px solid var(--border);background:#0e243c99;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .12s,box-shadow .15s;position:relative}.tb-shop-btn:hover{background:var(--bg-card-hover);color:var(--text);transform:scale(1.03);box-shadow:0 0 12px #00d4ff1a}.tb-shop-btn:active{transform:scale(.98)}.tb-shop-btn--token{border-color:#fb923c59;color:var(--token);background:linear-gradient(135deg,#fb923c14,#0e243c99)}.tb-shop-btn--token:hover{border-color:#fb923cb3;background:linear-gradient(135deg,#fb923c26,#0e243c99);box-shadow:0 0 14px #fb923c26}.tb-shop-btn--pearl{border-color:#e879f959;color:var(--pearl);background:linear-gradient(135deg,#e879f914,#0e243c99)}.tb-shop-btn--pearl:hover{border-color:#e879f9b3;background:linear-gradient(135deg,#e879f926,#0e243c99);box-shadow:0 0 14px #e879f926}.tb-shop-btn--achieve{border-color:#00d4ff33}.tb-shop-btn--achieve:hover{box-shadow:0 0 14px #00d4ff26}.tb-shop-btn--friends{border-color:#00d4ff33}.tb-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;font-size:.5rem;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-weight:700;pointer-events:none;line-height:1}.tb-row--prestige{justify-content:space-between;gap:8px;padding:4px 16px 6px;border-top:1px solid rgba(168,85,247,.18);background:linear-gradient(90deg,#a855f70f,#7c3aed0a,#a855f70f);background-size:200% 100%;animation:prestigeShimmer 3s ease-in-out infinite}@keyframes prestigeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tb-prestige{display:flex;align-items:center;gap:6px;min-width:0}.tb-prestige__tier{font-weight:600;font-size:.78rem;color:var(--text);white-space:nowrap}.tb-prestige__count{background:var(--accent);color:#000;border-radius:999px;padding:1px 5px;font-weight:700;font-size:.68rem}.tb-prestige__btn{padding:5px 12px;font-size:.74rem;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;animation-duration:2.6s}.btn{border:none;border-radius:var(--radius);font-weight:600;padding:8px 14px;transition:all .15s;line-height:1.3;text-align:center}.btn--primary{background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#000}.btn--primary:hover{filter:brightness(1.15)}.btn--prestige{background:linear-gradient(135deg,#7c3aed,#a855f7,#e879f9);color:#fff;font-size:.8rem;animation:prestigePulse 2s ease-in-out infinite}@keyframes prestigePulse{0%,to{box-shadow:0 0 8px #a855f766}50%{box-shadow:0 0 20px #a855f7cc}}.btn--prestige:hover{filter:brightness(1.2)}.btn--ghost{background:#0e243c8c;border:1px solid rgba(0,212,255,.28);color:var(--text-muted);transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.btn--ghost:hover{background:#00d4ff1a;border-color:#00d4ff80;color:var(--text);box-shadow:0 0 10px #00d4ff26}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover{background:#ef4444}.btn--sm{padding:5px 10px;font-size:.82rem}.btn--buy{background:linear-gradient(135deg,#064e63,#0e7490);color:var(--text);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:6px 10px;font-size:.78rem;flex:1;min-width:0;transition:all .15s}.btn--buy:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#06b6d4);border-color:var(--accent);transform:translateY(-1px)}.btn--buy:disabled{opacity:.35;cursor:not-allowed}.btn--buy10{background:linear-gradient(135deg,#14532d,#15803d);border-color:#22c55e33}.btn--buy10:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);border-color:#22c55e}.btn--buymax{background:linear-gradient(135deg,#78350f,#b45309);border-color:#fbbf2433}.btn--buymax:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#d97706);border-color:var(--gold)}.game-layout{display:grid;grid-template-columns:280px 1fr 320px;flex:1;min-height:0;z-index:1}.center-col{display:flex;min-width:0;overflow:hidden;position:relative}.center-col .otter-area{flex:1;min-width:0}.panel{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:1}.panel--buildings{border-right:none;border-left:1px solid var(--border)}.panel__heading{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);padding:12px 14px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.panel__subheading{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:8px 14px 4px}.panel__empty{color:var(--text-muted);font-size:.82rem;padding:12px 14px;font-style:italic}.upgrade-list{display:flex;flex-direction:column;gap:4px;padding:6px;overflow-y:auto;flex:1}.upgrade-list::-webkit-scrollbar{width:4px}.upgrade-list::-webkit-scrollbar-track{background:transparent}.upgrade-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.upgrade-card{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;text-align:left;width:100%;transition:all .15s}.upgrade-card--affordable{border-color:#00d4ff40}.upgrade-card--affordable:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translate(2px)}.upgrade-card--locked{opacity:.45}.upgrade-card--bought{opacity:.5;border-color:#22c55e33;background:#0e241e99}.upgrade-card__icon{font-size:1.4rem;flex-shrink:0}.upgrade-card__info{flex:1;min-width:0}.upgrade-card__name{display:block;font-size:.82rem;font-weight:600;color:var(--text)}.upgrade-card__desc{display:block;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-card__cost{font-size:.75rem;font-weight:700;color:var(--gold);flex-shrink:0}.building-list{display:flex;flex-direction:column;gap:4px;padding:6px;overflow-y:auto;flex:1}.building-list::-webkit-scrollbar{width:4px}.building-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.building-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;transition:border-color .15s}.building-card--owned{border-color:#00d4ff33}.building-card--locked{opacity:.5}.building-card__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.building-card__icon{font-size:1.5rem;flex-shrink:0}.building-card__meta{flex:1;min-width:0}.building-card__name{display:block;font-size:.82rem;font-weight:600}.building-card__desc{display:block;font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.building-card__count{text-align:right;flex-shrink:0}.building-card__count-num{display:block;font-size:1.3rem;font-weight:700;color:var(--accent);line-height:1}.building-card__fps{display:block;font-size:.65rem;color:var(--text-muted)}.building-card__actions{display:flex;gap:4px}.otter-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(ellipse at 50% 60%,#0a2540,#020812);overflow:hidden;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pond-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,212,255,.08);animation:pondExpand 4s ease-out infinite;pointer-events:none}.pond-ring-1{width:200px;height:200px;animation-delay:0s}.pond-ring-2{width:350px;height:350px;animation-delay:1.3s}.pond-ring-3{width:500px;height:500px;animation-delay:2.6s}@keyframes pondExpand{0%{transform:scale(.85);opacity:.5}50%{opacity:.25}to{transform:scale(1.1);opacity:0}}.otter-emoji{font-size:10rem;line-height:1;transition:transform .08s ease,filter .08s ease;animation:otterBob 2.8s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0,212,255,.3));z-index:2;pointer-events:none}@keyframes otterBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.otter-emoji--clicking{transform:scale(.88) rotate(-6deg)!important;filter:drop-shadow(0 4px 12px rgba(0,212,255,.6)) brightness(1.2);animation:none}.otter-fish-count{font-size:2rem;font-weight:800;color:var(--gold);text-shadow:var(--shadow-gold);letter-spacing:-.01em;z-index:2;margin-top:8px}.otter-fps{font-size:.9rem;color:var(--accent);opacity:.8;z-index:2;margin-top:4px}.floating-text{position:absolute;font-size:1.1rem;font-weight:700;color:var(--gold);pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:none;z-index:100}.floating-text--golden{color:#fff;font-size:1.35rem;text-shadow:0 0 12px #f4c430,0 0 24px #f4c430}.floating-text--crit{color:#ff6b35;font-size:1.25rem;text-shadow:0 0 10px #ff6b35,0 0 20px #ff4500}.floating-text--active{animation:floatUp 1.2s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:.9;transform:translate(-50%,calc(-50% - 55px))}to{opacity:0;transform:translate(-50%,calc(-50% - 80px))}}.combo-meter{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:#ff6b3526;border:1px solid rgba(255,107,53,.4);font-weight:700;font-size:.95rem;color:#ff6b35;z-index:90;pointer-events:none;animation:comboAppear .2s ease-out;white-space:nowrap}.combo-meter--frenzy{background:#ff320040;border-color:#ff320099;color:#ff3200;animation:comboAppear .2s ease-out,comboPulse .5s ease-in-out infinite}.combo-meter__count{font-size:1.1rem}.combo-meter__label{font-size:.85rem;opacity:.9}@keyframes comboAppear{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes comboPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.news-ticker{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border-top:1px solid var(--border-bright);padding:5px 12px;height:32px;flex-shrink:0;overflow:hidden;z-index:10}.news-ticker__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex-shrink:0;background:#00d4ff1a;border:1px solid var(--border-bright);border-radius:4px;padding:1px 6px}.news-ticker__track-wrapper{flex:1;overflow:hidden;min-width:0}.news-ticker__track-scroller{display:flex;width:max-content;min-width:100%;will-change:transform}.news-ticker__track{display:flex;align-items:center;gap:40px;white-space:nowrap;padding-right:40px;flex-shrink:0}.news-ticker__item{font-size:.78rem;color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020812cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-mid);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:32px 36px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 60px #00d4ff26,var(--shadow-panel);animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h2{font-size:1.5rem;margin-bottom:12px}.modal p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:8px}.modal__reward{font-size:2.2rem;font-weight:800;color:var(--gold);text-shadow:var(--shadow-gold);margin:16px 0}.modal__sub{font-size:.78rem;color:var(--text-dim);margin-bottom:20px}.modal__actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.achievements-modal{background:var(--bg-mid);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:min(820px,94vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 0 60px #00d4ff1f,var(--shadow-panel);animation:modalSlideIn .25s ease}.achievements-modal__header{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.achievements-modal__header h2{font-size:1.25rem;flex:1}.achievements-count{font-size:.85rem;color:var(--accent);font-weight:700;background:#00d4ff1a;border:1px solid var(--border-bright);border-radius:999px;padding:2px 10px}.achievements-close{flex-shrink:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:14px;overflow-y:auto}.achievements-grid::-webkit-scrollbar{width:4px}.achievements-grid::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.achievement-card{display:flex;gap:10px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s}.achievement-card--unlocked{border-color:#00d4ff4d;background:#00d4ff0a}.achievement-card--unlocked:hover{border-color:var(--accent)}.achievement-card--locked{opacity:.5}.achievement-card__icon{font-size:1.6rem;flex-shrink:0;line-height:1}.achievement-card__body{flex:1;min-width:0}.achievement-card__name{font-size:.8rem;font-weight:700;color:var(--text)}.achievement-card__desc{font-size:.68rem;color:var(--text-muted);margin-top:2px;line-height:1.3}.achievement-card__progress{margin-top:6px}.ach-progress-bar{height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.ach-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:4px;transition:width .3s ease}.ach-progress-label{font-size:.62rem;color:var(--text-dim);margin-top:2px;display:block}.streak-modal{max-width:400px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;text-align:center}.streak-modal--milestone{border-color:#f4c43080;box-shadow:0 0 60px #f4c43026,var(--shadow-panel)}.streak-modal__header{display:flex;align-items:center;gap:14px;text-align:left;margin-bottom:20px}.streak-modal__fire{font-size:2.8rem;line-height:1}.streak-modal__header h2{font-size:1.35rem;margin-bottom:4px}.streak-modal__header p{font-size:.78rem;color:var(--text-muted)}.streak-days{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.streak-day{display:flex;flex-direction:column;align-items:center;gap:3px;width:40px}.streak-day__icon{font-size:1.1rem;line-height:1;min-height:1.1rem}.streak-day__num{font-size:.68rem;font-weight:700;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;width:100%;text-align:center;padding:3px 0}.streak-day--done .streak-day__num{border-color:#22c55e66;color:#4ade80}.streak-day--today .streak-day__num{border-color:var(--gold);color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.streak-milestone-banner{background:linear-gradient(135deg,#78350f,#b45309);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);padding:6px 16px;font-size:.85rem;font-weight:700;color:var(--gold);margin-bottom:16px}.streak-rewards{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.streak-reward-item{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:.9rem;font-weight:700;color:var(--gold)}.streak-reward-item--pearl{color:#c084fc;border-color:#a855f74d}.streak-collect-btn{width:100%;padding:12px;font-size:1rem}.challenges-bar{display:flex;flex-direction:column;gap:5px;background:var(--bg-surface);border-top:1px solid var(--border-bright);padding:6px 12px;flex-shrink:0;z-index:5;overflow:hidden}.challenges-bar__top{display:flex;align-items:center;gap:8px;cursor:pointer}.challenges-bar__spacer{flex:1}.challenges-bar__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);flex-shrink:0;background:#00d4ff14;border:1px solid var(--border-bright);border-radius:4px;padding:2px 7px}.challenge-streak-badge{font-size:.62rem;font-weight:700;background:#f973161f;border:1px solid rgba(249,115,22,.3);color:#fb923c;border-radius:4px;padding:1px 7px;flex-shrink:0}.challenges-bar__timer{font-size:.6rem;color:var(--text-muted);opacity:.75;flex-shrink:0}.challenges-bar__toggle{color:var(--text-muted);font-size:.9rem;padding:4px 8px;border-radius:6px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);transition:color .15s,background .15s,border-color .15s;flex-shrink:0;line-height:1}.challenges-bar__top:hover .challenges-bar__toggle{color:var(--accent);background:#00d4ff1f;border-color:#00d4ff40}.challenges-bar__summary{font-size:.6rem;font-weight:700;color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;flex-shrink:0;white-space:nowrap}.challenges-bar__summary--ready{color:var(--accent)}.challenges-bar__main{display:flex;align-items:stretch;gap:8px}.challenges-bar__list{display:flex;gap:6px;flex:1;min-width:0}.challenge-card{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:6px 9px;transition:border-color .2s}.challenge-card--done{border-color:#00d4ff59}.challenge-card--claimed{border-color:#22c55e59;background:#0e241e80}.challenge-card--easy{box-shadow:inset 3px 0 #4ade8080}.challenge-card--medium{box-shadow:inset 3px 0 #00d4ff80}.challenge-card--hard{box-shadow:inset 3px 0 #f4c43080}.challenge-card__header{display:flex;align-items:center;gap:5px;margin-bottom:1px}.challenge-tier{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:1px 5px;flex-shrink:0}.challenge-tier--easy{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.challenge-tier--medium{background:#00d4ff1a;color:var(--accent);border:1px solid rgba(0,212,255,.2)}.challenge-tier--hard{background:#f4c4301a;color:var(--gold);border:1px solid rgba(244,196,48,.25)}.challenge-tier--event{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.challenge-card__row{display:flex;align-items:center;gap:7px;min-width:0}.challenge-card__icon{font-size:1.05rem;flex-shrink:0}.challenge-card__body{flex:1;min-width:0}.challenge-card__desc{display:block;font-size:.68rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.challenge-progress{display:flex;align-items:center;gap:6px}.challenge-progress__bar{flex:1;height:4px;background:#ffffff12;border-radius:4px;overflow:hidden}.challenge-progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:4px;transition:width .3s ease}.challenge-progress__label{font-size:.6rem;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.challenge-collect-btn{flex-shrink:0;white-space:nowrap;font-size:.7rem!important;padding:3px 8px!important}.challenge-collect-btn__mult{font-size:.6rem;opacity:.75}.challenge-done-check{font-size:1rem;align-self:center}.challenges-bar__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex-shrink:0;min-width:120px}.challenges-pearl-section{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.challenges-pearl-btn{font-size:.75rem;padding:7px 12px;white-space:nowrap}.challenge-streak-milestone{font-size:.58rem;font-weight:700;color:#fb923c;white-space:nowrap}.challenge-streak-bonus{font-size:.57rem;color:#c084fc;white-space:nowrap}.challenges-pearl-done-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.challenges-pearl-done{font-size:.75rem;color:#c084fc;white-space:nowrap}.challenges-bar__next-milestone{font-size:.57rem;color:var(--text-muted);opacity:.8;white-space:nowrap;text-align:right}.challenges-bar__collect-hint{font-size:.6rem;color:var(--accent);animation:pulse 1.5s ease-in-out infinite;white-space:nowrap}.pearl-shop-modal{background:var(--bg-mid);border:1px solid rgba(168,85,247,.35);border-radius:var(--radius-lg);width:min(700px,94vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 0 60px #a855f71a,var(--shadow-panel);animation:modalSlideIn .25s ease}.pearl-shop__header{display:flex;align-items:center;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.pearl-shop__header h2{flex:1;font-size:1.25rem}.pearl-shop__balance{font-size:.9rem;font-weight:700;color:#c084fc;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:999px;padding:3px 12px}.pearl-shop__sub{font-size:.75rem;color:var(--text-muted);padding:10px 20px 4px;flex-shrink:0}.pearl-shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;padding:12px 16px;overflow-y:auto;flex:1}.pearl-shop__grid::-webkit-scrollbar{width:4px}.pearl-shop__grid::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.pearl-shop__footer{font-size:.7rem;color:var(--text-dim);text-align:center;padding:8px 20px 14px;border-top:1px solid var(--border);flex-shrink:0}.shop-card{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s}.shop-card--owned{border-color:#a855f740}.shop-card--equipped{border-color:#a855f799;background:#a855f70f}.shop-card:hover{border-color:#a855f766}.shop-card__icon{font-size:1.8rem;flex-shrink:0}.shop-card__info{flex:1;min-width:0}.shop-card__name{font-size:.82rem;font-weight:700}.shop-card__desc{font-size:.68rem;color:var(--text-muted);margin-top:2px}.shop-card__action{flex-shrink:0}.toast-stack{position:fixed;bottom:48px;left:16px;display:flex;flex-direction:column-reverse;gap:8px;z-index:2000;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:10px;background:var(--bg-mid);border:1px solid rgba(0,212,255,.4);border-radius:var(--radius);padding:10px 14px;box-shadow:0 4px 20px #00000080,0 0 16px #00d4ff1a;animation:toastSlideIn .3s ease,toastFadeOut .4s ease 3.6s forwards;min-width:220px}.achievement-toast__icon{font-size:1.6rem;flex-shrink:0}.achievement-toast__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.achievement-toast__name{font-size:.85rem;font-weight:700;color:var(--text)}@keyframes toastSlideIn{0%{transform:translate(-20px);opacity:0}to{transform:none;opacity:1}}@keyframes toastFadeOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-10px)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.aura--river{filter:drop-shadow(0 8px 24px rgba(0,212,255,.3)) drop-shadow(0 0 20px rgba(0,180,255,.5))}.aura--sea{filter:drop-shadow(0 8px 24px rgba(0,212,255,.3)) drop-shadow(0 0 28px rgba(0,220,255,.6))}.aura--giant{filter:drop-shadow(0 8px 24px rgba(0,212,255,.3)) drop-shadow(0 0 36px rgba(168,85,247,.6));animation:otterBob 2.8s ease-in-out infinite,auraGiantPulse 2s ease-in-out infinite}.aura--legendary{filter:drop-shadow(0 8px 24px rgba(244,196,48,.4)) drop-shadow(0 0 40px rgba(244,196,48,.7));animation:otterBob 2.8s ease-in-out infinite,auraLegendaryPulse 1.8s ease-in-out infinite}.aura--mythic{filter:drop-shadow(0 8px 24px rgba(232,121,249,.5)) drop-shadow(0 0 50px rgba(232,121,249,.8));animation:otterBob 2.8s ease-in-out infinite,auraMythicPulse 1.5s ease-in-out infinite}@keyframes auraGiantPulse{0%,to{filter:drop-shadow(0 8px 24px rgba(0,212,255,.3)) drop-shadow(0 0 30px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 8px 24px rgba(0,212,255,.3)) drop-shadow(0 0 50px rgba(168,85,247,.85))}}@keyframes auraLegendaryPulse{0%,to{filter:drop-shadow(0 8px 24px rgba(244,196,48,.4)) drop-shadow(0 0 30px rgba(244,196,48,.6))}50%{filter:drop-shadow(0 8px 24px rgba(244,196,48,.4)) drop-shadow(0 0 60px rgba(244,196,48,1))}}@keyframes auraMythicPulse{0%,to{filter:drop-shadow(0 8px 24px rgba(232,121,249,.5)) drop-shadow(0 0 40px rgba(232,121,249,.7))}50%{filter:drop-shadow(0 8px 24px rgba(232,121,249,.5)) drop-shadow(0 0 70px rgba(232,121,249,1))}}.prestige-next{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;padding-left:10px;border-left:1px solid var(--border);min-width:96px;color:var(--text-muted);line-height:1.15}.prestige-next__label{font-size:.56rem;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.prestige-next strong{font-size:.82rem;color:var(--accent);font-weight:700;white-space:nowrap}.pearl-shop__tabs{display:flex;gap:4px;padding:10px 16px 0;border-bottom:1px solid var(--border);flex-shrink:0}.pearl-shop__tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:6px 14px 8px;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.pearl-shop__tab:hover{color:var(--text)}.pearl-shop__tab--active{color:#c084fc;border-bottom-color:#c084fc}.shop-card__locked-hint{font-size:.62rem;color:var(--gold);margin-top:3px}.shop-card__locked{font-size:1.2rem;opacity:.5}.shop-card__theme-swatch{width:40px;height:8px;border-radius:4px;margin-top:6px;opacity:.8}.event-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#a855f726,#f4c4301a);border-bottom:1px solid rgba(244,196,48,.3);padding:7px 14px;flex-shrink:0;z-index:9;animation:fadeIn .3s ease}.event-banner__icon{font-size:1.4rem;flex-shrink:0}.event-banner__body{flex:1;min-width:0;display:flex;flex-direction:column}.event-banner__name{font-size:.82rem;font-weight:700;color:var(--gold)}.event-banner__desc{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-banner__actions{flex-shrink:0}.event-banner__claim{font-size:.72rem!important}.event-banner__claimed{font-size:.78rem;color:#4ade80;font-weight:600}.event-banner__close{flex-shrink:0;padding:6px 10px;font-size:.9rem}.challenge-card--event{border-color:#a855f74d;background:#a855f70d;box-shadow:inset 3px 0 #a855f780}.challenge-card--event .challenge-progress__fill{background:linear-gradient(90deg,#a855f7,#f4c430)}.challenge-card--easy .challenge-progress__fill{background:linear-gradient(90deg,#16a34a,#4ade80)}.challenge-card--hard .challenge-progress__fill{background:linear-gradient(90deg,#b45309,var(--gold))}.site-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(180deg,#050f1eeb,#030a16f7);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid rgba(0,212,255,.18);box-shadow:0 1px #00d4ff1a,0 6px 36px #000000b3;position:sticky;top:0;z-index:50;flex-shrink:0}.site-nav__brand{display:flex;align-items:center;gap:8px;text-decoration:none;justify-self:start;width:fit-content;padding:4px 10px 4px 5px;border:1px solid rgba(0,212,255,.22);border-radius:12px;background:linear-gradient(135deg,#00d4ff1f,#00d4ff08);box-shadow:inset 0 1px #ffffff0d,0 4px 14px #00000038;flex-shrink:0;transition:border-color .15s,background .15s,box-shadow .15s}.site-nav__brand:hover{border-color:#00d4ff73;background:linear-gradient(135deg,#00d4ff33,#00d4ff0f);box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000047}.site-nav__logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.45rem;line-height:1;border-radius:9px;background:radial-gradient(circle at 30% 30%,rgba(0,212,255,.35),rgba(0,212,255,.08) 65%,transparent 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 0 14px #00d4ff29}.site-nav__title{font-weight:800;font-size:1.02rem;color:#18d8ff;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 10px rgba(0,212,255,.25)}.site-nav__links{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;padding-left:12px;border-left:1px solid rgba(0,212,255,.15);margin-left:6px;scrollbar-width:none}.site-nav__links::-webkit-scrollbar{display:none}.site-nav__menu-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(0,212,255,.3);border-radius:10px;background:#00d4ff14;color:var(--text);font-size:1.05rem;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.site-nav__menu-toggle:hover{border-color:var(--accent);background:#00d4ff29;box-shadow:0 0 10px #00d4ff33}.site-nav__menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-nav__link{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.site-nav__link:hover{background:#00d4ff14;color:var(--text);border-color:#00d4ff26}.site-nav__link--active{color:var(--accent);background:#00d4ff1f;border-color:#00d4ff40}.site-nav__link--play{background:linear-gradient(135deg,#6d28d9,#a855f7,#c084fc);color:#fff!important;margin-left:6px;box-shadow:0 0 16px #a855f773,0 2px 8px #00000059;animation:navPlayGlow 3s ease-in-out infinite}@keyframes navPlayGlow{0%,to{box-shadow:0 0 12px #a855f766,0 2px 8px #00000059}50%{box-shadow:0 0 26px #a855f7bf,0 2px 8px #00000059}}.site-nav__link--play:hover{filter:brightness(1.18);animation:none;box-shadow:0 0 28px #a855f7b3,0 2px 10px #0006}.site-nav__actions{display:flex;align-items:center;gap:8px;justify-self:end;flex-shrink:0}.site-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#0d2d4a,#050e1a 70%)}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px 40px;gap:16px}.home-hero__otter{font-size:7rem;line-height:1;filter:drop-shadow(0 8px 32px rgba(0,212,255,.4));animation:otterBob 2.8s ease-in-out infinite}.home-hero__title{font-size:2.8rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.home-hero__tagline{font-size:1.05rem;color:var(--text-muted);max-width:500px;line-height:1.6}.home-hero__cta{font-size:1.1rem;padding:14px 36px;text-decoration:none;margin-top:8px}.home-stats{padding:20px 24px 40px;max-width:700px;margin:0 auto;width:100%}.home-stats__heading{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:16px;text-align:center}.home-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;transition:border-color .15s}.home-stat-card:hover{border-color:var(--border-bright)}.home-stat-card__value{font-size:1.8rem;font-weight:800;color:var(--gold);text-shadow:var(--shadow-gold)}.home-stat-card__label{font-size:.75rem;color:var(--text-muted);margin-top:6px}.home-how{padding:0 24px 60px;max-width:800px;margin:0 auto;width:100%}.home-how__heading{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:20px;text-align:center}.home-how__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;position:relative}.home-step__num{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-weight:800;font-size:.75rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home-step__icon{font-size:2.2rem;margin-bottom:10px}.home-step__title{font-size:.9rem;font-weight:700;margin-bottom:8px}.home-step__desc{font-size:.75rem;color:var(--text-muted);line-height:1.5}.events-page{padding:40px 24px;max-width:900px;margin:0 auto;width:100%}.events-page__title{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:10px}.events-page__sub{color:var(--text-muted);font-size:.9rem;margin-bottom:32px;line-height:1.5}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;position:relative;transition:border-color .15s}.event-card:hover{border-color:var(--border-bright)}.event-card--active{border-color:#f4c43080;box-shadow:0 0 30px #f4c4301f}.event-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#b45309,#f4c430);color:#000;font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:999px;white-space:nowrap}.event-card__icon{font-size:3rem;margin-bottom:10px}.event-card__name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}.event-card__dates{font-size:.72rem;color:var(--text-muted);margin-bottom:8px}.event-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:12px}.event-card__rewards{display:flex;gap:12px;justify-content:center;font-size:.8rem;font-weight:700;color:var(--gold);margin-bottom:8px}.event-card__countdown{font-size:.7rem;color:var(--text-dim);font-style:italic}.home-charity-wrapper{padding:0 24px 48px;max-width:640px;margin:0 auto;width:100%}.home-charity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:36px 28px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#00b4a01f,#008cc814);border:1px solid rgba(0,212,255,.25);box-shadow:0 0 40px #00b4a00f}.home-charity__icon{font-size:2.8rem;line-height:1}.home-charity__heading{font-size:1.2rem;font-weight:800;color:var(--accent);margin:0}.home-charity__body{font-size:.85rem;color:var(--text-muted);line-height:1.65;max-width:420px;margin:0}.btn--charity{display:inline-flex;align-items:center;gap:6px;padding:11px 26px;border-radius:24px;background:linear-gradient(135deg,#00b4a0,#00c8e0);color:#fff;font-weight:700;font-size:.88rem;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 12px #00b4a033}.btn--charity:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00b4a059}.home-charity__credit{font-size:.68rem;color:var(--text-dim);margin:0}.site-footer{padding:16px 20px;text-align:center;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:6px}.site-footer__emoji{font-size:.9rem}.site-footer a{font-size:.75rem;color:var(--text-dim);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent)}.home-promo-wrapper{padding:0 24px 60px;max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.home-promo__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700;text-align:center}.home-promo-card{display:flex;align-items:center;gap:16px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s}.home-promo-card:hover{border-color:var(--gold);box-shadow:0 0 24px #f4c4301a;transform:translateY(-2px)}.home-promo-card__icon{font-size:2.6rem;flex-shrink:0;line-height:1}.home-promo-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.home-promo-card__name{font-size:1rem;font-weight:800;color:var(--gold)}.home-promo-card__tag{font-size:.68rem;color:var(--text-dim);letter-spacing:.03em}.home-promo-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.5;margin-top:4px}.home-promo-card__cta{font-size:.85rem;font-weight:700;color:var(--gold);flex-shrink:0;opacity:.8;transition:opacity .15s}.home-promo-card:hover .home-promo-card__cta{opacity:1}.home-promo__disclaimer{font-size:.62rem;color:var(--text-dim);text-align:center;margin:0}.prestige-progress{position:absolute;bottom:12px;left:12px;right:12px;background:#050e1abf;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius);padding:8px 12px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;pointer-events:none}.prestige-progress__header{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.prestige-progress__tier{font-size:.75rem;font-weight:700;color:#c084fc;display:flex;align-items:center;gap:4px}.prestige-progress__count{background:#7c3aed;color:#fff;border-radius:999px;padding:0 6px;font-size:.65rem;margin-left:3px}.prestige-progress__label{font-size:.65rem;color:var(--text-muted)}.prestige-progress__bar{height:6px;background:#ffffff12;border-radius:4px;overflow:hidden;pointer-events:none}.prestige-progress__fill{height:100%;background:linear-gradient(90deg,#7c3aed,#e879f9);border-radius:4px;transition:width .5s ease}.prestige-progress__fill--ready{animation:prestigeBarPulse 1.5s ease-in-out infinite}.prestige-progress__next-tier{margin-top:6px;font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.4;padding:4px 8px;background:#ffffff0f;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.prestige-ready-btn{width:100%;margin-top:4px;pointer-events:all;font-size:.85rem;padding:8px}@keyframes prestigeBarPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:190;pointer-events:none}.tutorial-card{position:fixed;z-index:200;pointer-events:all;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:calc(var(--radius) * 2);padding:20px 22px 16px;max-width:320px;width:calc(100vw - 32px);box-shadow:0 8px 32px #00000080,0 0 0 1px #00d4ff14;animation:tutorialSlideIn .3s ease-out;display:flex;flex-direction:column;gap:10px}.tutorial-card--center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card--bottom{bottom:90px;left:50%;transform:translate(-50%)}.tutorial-card--bottom-left{bottom:90px;left:16px;transform:none}.tutorial-card--bottom-right{bottom:90px;right:16px;transform:none}.tutorial-card--below-topbar{top:85px;left:50%;transform:translate(-50%)}.tutorial-arrow{font-size:2rem;font-weight:900;color:var(--accent);text-align:center;line-height:1;animation:tutorialBounce .6s ease-in-out infinite alternate;align-self:center}.tutorial-card__title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.tutorial-card__body{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0}.tutorial-dots{display:flex;justify-content:center;gap:6px}.tutorial-dot{width:7px;height:7px;border-radius:50%;background:var(--border-bright);transition:background .2s,box-shadow .2s}.tutorial-dot--active{background:var(--accent);box-shadow:0 0 6px var(--accent)}.tutorial-card__actions{display:flex;align-items:center;gap:10px;margin-top:4px}.tutorial-skip{background:none;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.tutorial-skip:hover{color:var(--text)}@keyframes tutorialBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.tutorial-arrow--down{animation:tutorialBounceDown .6s ease-in-out infinite alternate}@keyframes tutorialBounceDown{0%{transform:translateY(0)}to{transform:translateY(6px)}}@keyframes tutorialSlideIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.tutorial-card--bottom,.tutorial-card--bottom-left,.tutorial-card--bottom-right,.tutorial-card--below-topbar{animation:tutorialSlideUp .3s ease-out}@keyframes tutorialSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tutorial-card--bottom-left,.tutorial-card--bottom-right{animation:tutorialSlideUpNoX .3s ease-out}@keyframes tutorialSlideUpNoX{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-tabs{display:none}@media(max-width:1100px){.game-layout{grid-template-columns:200px 1fr 260px;z-index:auto}.otter-emoji{font-size:7rem}.prestige-progress__label{font-size:.6rem}}@media(max-width:900px){.gsb-shops .tb-shop-btn span{display:none}.gsb-shops .tb-shop-btn{padding:6px 10px;min-width:36px;min-height:36px;justify-content:center}.tb-stat--fpc{display:none}}@media(max-width:768px){.game-layout{grid-template-columns:1fr 260px}.panel--upgrades,.gsb-shops,.tb-stat--fps,.tb-currencies,.tb-icon-btn{display:none}.challenges-bar__list{flex-wrap:wrap}.prestige-progress{bottom:8px;left:8px;right:8px}.gsb-main{padding:7px 10px;gap:8px}}@media(max-width:600px){.game-root{overflow:hidden}.game-layout{grid-template-columns:1fr;flex:1}.tab-upgrades .otter-area,.tab-upgrades .panel--buildings,.tab-otter .panel--upgrades,.tab-otter .panel--buildings,.tab-buildings .otter-area,.tab-buildings .panel--upgrades{display:none}.panel--upgrades{display:flex}.mobile-tabs{display:flex;flex-shrink:0;background:#050f1ef5;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-top:1px solid rgba(0,212,255,.15);box-shadow:0 -4px 24px #00000080;z-index:10;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 10px;background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:600;transition:color .18s,background .18s;position:relative}.mobile-tab--active{color:var(--accent);background:#00d4ff0f}.mobile-tab--active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}a.mobile-tab{text-decoration:none;color:var(--text-muted)}a.mobile-tab:hover{color:var(--text);background:#ffffff0a}.mobile-tab__icon{font-size:1.15rem;line-height:1;position:relative;display:inline-block}.mobile-tab__label{font-size:.53rem;text-transform:uppercase;letter-spacing:.04em}.mobile-tab__badge{position:absolute;top:-3px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;font-size:.45rem;min-width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-weight:700;pointer-events:none}.mobile-action-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10}.mobile-action-sheet{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;background:#050f1ef7;border-top:1px solid rgba(0,212,255,.22);box-shadow:0 -4px 24px #0009;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:11;animation:mobileSheetUp .18s ease-out}@keyframes mobileSheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-action-sheet__btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,212,255,.15);background:#0e243c99;color:var(--text-muted);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.mobile-action-sheet__btn:hover,.mobile-action-sheet__btn:active{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--text)}.mobile-action-sheet__btn--token{border-color:#fb923c4d;color:var(--token)}.mobile-action-sheet__btn--pearl{border-color:#e879f94d;color:var(--pearl)}.mobile-action-sheet__btn--achieve{border-color:#00d4ff33;color:var(--accent)}.btn--sm{min-height:36px;min-width:36px;padding:6px 12px}.gsb-main{padding:6px 10px;gap:6px}.gsb-shops,.tb-stat--fps,.tb-stat--fpc,.tb-currencies,.tb-icon-btn{display:none}.tb-row--prestige{padding:2px 10px 5px}.tb-prestige__tier{font-size:.72rem}.tb-prestige__btn{padding:5px 10px;font-size:.66rem}.prestige-next{min-width:72px;padding-left:8px}.prestige-next__label{font-size:.48rem}.prestige-next strong{font-size:.72rem}.otter-emoji{font-size:5.5rem}.otter-fish-count{font-size:1.5rem}.otter-fps{font-size:.78rem}.prestige-progress{bottom:6px;left:6px;right:6px;padding:6px 10px;gap:4px}.prestige-progress__tier{font-size:.68rem}.prestige-progress__label{font-size:.58rem}.prestige-progress__bar{height:4px}.prestige-progress__next-tier{font-size:.63rem}.prestige-ready-btn{font-size:.78rem;padding:6px}.challenges-bar{padding:5px 8px}.challenges-bar__top{gap:5px;flex-wrap:nowrap;min-width:0}.challenges-bar__label{font-size:.6rem;padding:2px 5px}.challenges-bar__timer{display:none}.challenges-bar__main{flex-direction:column}.challenges-bar__right{align-items:flex-start;min-width:0;width:100%}.challenges-bar__list{flex-direction:column}.toast-stack{bottom:64px}.auth-modal-overlay{align-items:center;justify-content:center;padding:10px}.modal{padding:24px 20px}.auth-modal{width:min(400px,94vw);max-height:calc(100dvh - 20px)}.news-ticker{height:30px;padding:4px 10px}.news-ticker__track{gap:22px;padding-right:22px}.news-ticker__item{font-size:.72rem}.home-how__steps{grid-template-columns:1fr}.home-stats__grid{grid-template-columns:repeat(2,1fr);gap:8px}.home-stats__grid .home-stat-card:nth-child(3){grid-column:1 / -1;width:min(220px,100%);justify-self:center}.home-stat-card{padding:14px 10px}.home-stat-card__value{font-size:1.3rem}.home-hero{padding:36px 20px 28px;gap:12px}.home-hero__title{font-size:2rem}.home-hero__tagline{font-size:.9rem}.home-promo-wrapper{padding:0 16px 40px}.home-promo-card{padding:14px;gap:12px}.home-promo-card__icon{font-size:2rem}.home-promo-card__cta{display:none}.home-promo-card__desc{font-size:.73rem}.home-charity-wrapper{padding:0 16px 36px}.home-charity{padding:24px 18px;gap:10px}.home-charity__icon{font-size:2.2rem}.home-charity__heading{font-size:1.05rem}.home-charity__body{font-size:.8rem}.btn--charity{padding:9px 20px;font-size:.84rem}.site-footer{padding:14px 12px;gap:5px}.site-footer a{font-size:.7rem;line-height:1.5}.combo-meter{padding:4px 10px;font-size:.82rem;gap:5px;top:6px}.combo-meter__count{font-size:.92rem}.combo-meter__label{font-size:.75rem}.floating-text--crit{font-size:1.05rem}}.btn--token{background:linear-gradient(135deg,#78350f,#b45309);color:#fff;border:1px solid rgba(251,146,60,.3)}.btn--token:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#d97706);border-color:var(--token)}.btn--token:disabled{opacity:.4;cursor:not-allowed}.token-shop-modal{max-width:680px;width:min(680px,94vw);max-height:86vh;overflow-y:auto;border:1px solid rgba(251,146,60,.3);box-shadow:0 0 40px #fb923c1a,var(--shadow-panel)}.token-shop__header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.token-shop__header h2{flex:1;font-size:1.25rem;margin:0}.token-shop__balance{font-size:.85rem;font-weight:700;color:var(--token);background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:999px;padding:3px 12px;white-space:nowrap;flex-shrink:0}.token-shop__sub{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.token-shop__grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.token-upgrade-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;transition:border-color .15s}.token-upgrade-card--owned{border-color:#22c55e59;background:#0e241e80}.token-upgrade-card--locked{opacity:.55}.token-upgrade-card:hover:not(.token-upgrade-card--locked){border-color:#fb923c59}.token-upgrade-card__icon{font-size:1.5rem;flex-shrink:0}.token-upgrade-card__info{flex:1;min-width:0}.token-upgrade-card__name{font-size:.88rem;font-weight:700;color:var(--text)}.token-upgrade-card__desc{font-size:.75rem;color:var(--text-muted)}.token-upgrade-card__req{font-size:.7rem;color:var(--token);margin-top:2px;font-style:italic}.token-upgrade-card__action{flex-shrink:0}.token-upgrade-card__badge{font-size:.8rem;color:#4ade80;font-weight:700}.token-shop__tier-section{margin-bottom:20px}.token-shop__tier-header{display:flex;align-items:baseline;gap:10px;padding:7px 0 6px;border-bottom:1px solid rgba(251,146,60,.25);margin-bottom:8px}.token-shop__tier-header--locked{opacity:.55;border-bottom-color:#ffffff14}.token-shop__tier-label{font-size:.8rem;font-weight:700;color:var(--token);text-transform:uppercase;letter-spacing:.06em}.token-shop__tier-sub{font-size:.72rem;color:var(--text-muted)}.token-upgrade-card--tier-locked{opacity:.3;pointer-events:none}.guild-progress{margin:16px 0 12px}.guild-progress__labels{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--gold);margin-bottom:5px}.guild-progress__track{height:10px;background:#ffffff1a;border-radius:999px;overflow:hidden;position:relative}.guild-progress__fill{height:100%;background:linear-gradient(90deg,var(--gold),#f97316);border-radius:999px;transition:width .5s ease;box-shadow:0 0 8px #f4c4304d}.guild-progress__text{font-size:.72rem;color:var(--text-muted);margin-top:4px;text-align:right}.guild-bonuses{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.guild-bonus{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#0e243c99;border:1px solid var(--border);white-space:nowrap}.guild-bonus--fps{border-color:#00d4ff4d;color:var(--accent)}.guild-bonus--fpc{border-color:#4ade804d;color:#4ade80}.guild-bonus--offline{border-color:#e879f94d;color:var(--pearl)}.guild-bonus--token{border-color:#fb923c4d;color:var(--token)}.guild-bonus--locked{color:var(--text-dim);border-color:transparent;font-style:italic;font-weight:400}.guild-donate{margin:16px 0;padding:14px;background:#00d4ff08;border:1px solid var(--border);border-radius:var(--radius)}.guild-donate__info{font-size:.78rem;color:var(--text-muted);margin-bottom:10px;line-height:1.4}.guild-donate__row{display:flex;gap:8px}.guild-donate__input{flex:1;background:var(--bg-card);border:1px solid var(--border-bright);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-size:.85rem;font-family:var(--font);outline:none;transition:border-color .15s}.guild-donate__input:focus{border-color:var(--accent)}.guild-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-top:20px;margin-bottom:10px}.guild-members{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.guild-member{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0e243c80;border:1px solid var(--border);border-radius:var(--radius)}.guild-member__rank{font-size:.75rem;color:var(--text-dim);width:28px;text-align:center;flex-shrink:0}.guild-member__avatar{font-size:1.2rem;flex-shrink:0}.guild-member__info{flex:1;min-width:0}.guild-member__name{text-decoration:none;color:var(--text);font-weight:600;font-size:.85rem;display:block}.guild-member__name:hover{color:var(--accent)}.guild-member__bar{height:4px;background:#ffffff14;border-radius:999px;margin-top:4px;overflow:hidden}.guild-member__bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:999px;transition:width .3s}.guild-member__role{font-size:.7rem;color:var(--text-dim);padding:2px 6px;border:1px solid var(--border);border-radius:999px;flex-shrink:0}.guild-member__contrib{font-size:.78rem;color:var(--gold);font-weight:600;flex-shrink:0;white-space:nowrap}.auth-modal{max-width:400px;width:min(400px,94vw);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.auth-modal-overlay{align-items:center;justify-content:center;padding:12px;overflow-y:auto;z-index:5000}.auth-tabs{display:flex;gap:4px;background:var(--bg-card);border-radius:var(--radius);padding:4px;margin-bottom:16px}.auth-tab{flex:1;background:transparent;border:none;color:var(--text-muted);font-weight:600;font-size:.85rem;padding:8px;border-radius:7px;cursor:pointer;transition:all .15s}.auth-tab--active{background:var(--bg-mid);color:var(--accent)}.auth-migrate-notice{font-size:.78rem;color:var(--text-muted);background:#00d4ff0f;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;margin-bottom:16px}.auth-oauth{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.btn--oauth{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid var(--border-bright);transition:filter .15s}.btn--oauth:hover:not(:disabled){filter:brightness(1.15)}.btn--google{background:#fff;color:#333}.btn--discord{background:#5865f2;color:#fff;border-color:#5865f2}.auth-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--text-dim);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.auth-field input{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);font-size:.9rem;padding:9px 12px;font-family:inherit;transition:border-color .15s}.auth-field input:focus{outline:none;border-color:var(--accent)}.auth-consent{display:flex;align-items:flex-start;gap:8px;font-size:.77rem;color:var(--text-muted);line-height:1.5}.auth-consent input{margin-top:2px;accent-color:var(--accent)}.auth-consent a{color:var(--accent);text-decoration:none}.auth-consent a:hover{text-decoration:underline}.auth-error{font-size:.8rem;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);padding:8px 12px}.auth-submit{margin-top:4px}.auth-cancel{margin-top:8px;width:100%}.site-nav__user{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;background:#0e243cb3;border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:.82rem;color:var(--text-muted);transition:border-color .18s,background .18s,box-shadow .18s,color .18s}.site-nav__user:hover{border-color:#00d4ff80;background:#00d4ff1a;color:var(--text);box-shadow:0 0 12px #00d4ff26}.site-nav__avatar{font-size:1.1rem}.site-nav__username{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#061224f7;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(0,212,255,.25);border-radius:var(--radius);box-shadow:0 8px 36px #000000b3,0 1px #00d4ff1a;z-index:100;overflow:hidden}.site-nav__drop-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:11px 16px;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,color .15s,padding-left .15s;letter-spacing:.01em}.site-nav__drop-item:hover{background:#00d4ff1a;color:var(--text);padding-left:20px}.lb-page{padding:40px 24px 60px;max-width:860px;margin:0 auto;width:100%}.lb-title{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:8px}.lb-reset-timer{font-size:.82rem;color:var(--text-muted);margin-bottom:16px}.lb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.lb-tab{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:7px 14px;cursor:pointer;transition:all .15s}.lb-tab:hover{border-color:var(--border-bright);color:var(--text)}.lb-tab--active{border-color:var(--accent);color:var(--accent);background:#00d4ff12}.lb-tab--locked{opacity:.45;cursor:not-allowed}.lb-notice,.lb-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.lb-loading{text-align:center;padding:40px;color:var(--text-muted)}.lb-table{display:flex;flex-direction:column;gap:4px}.lb-table__head{display:grid;grid-template-columns:50px 1fr 120px 120px;gap:8px;padding:6px 14px;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.lb-table__right{text-align:right}.lb-row{display:grid;grid-template-columns:50px 1fr 120px 120px;gap:8px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.lb-row:hover{border-color:var(--border-bright);background:var(--bg-card-hover)}.lb-row--me{border-color:#00d4ff66;background:#00d4ff0d}.lb-row--top1{border-color:#f4c43080}.lb-row--top2{border-color:#c0c0c080}.lb-row--top3{border-color:#cd7f3280}.lb-row__rank{font-weight:700;font-size:.9rem}.lb-row__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row__tier{font-size:.75rem;color:var(--text-muted)}.lb-row__value{text-align:right;font-weight:700;color:var(--gold)}.lb-ellipsis{text-align:center;color:var(--text-dim);padding:4px 0;font-size:.8rem}.profile-page{padding:40px 24px 80px;max-width:800px;margin:0 auto;width:100%}.profile-loading{padding:80px 24px;text-align:center;color:var(--text-muted);font-size:1rem}.profile-hero{display:flex;align-items:flex-start;gap:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.profile-hero__avatar{font-size:4rem;flex-shrink:0}.profile-hero__info{flex:1}.profile-hero__name{font-size:1.6rem;font-weight:800;color:var(--accent);margin-bottom:4px}.profile-hero__tier{font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.profile-hero__guild{font-size:.8rem;color:var(--gold);margin-bottom:4px}.profile-hero__joined{font-size:.75rem;color:var(--text-dim)}.profile-hero__friend{flex-shrink:0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.profile-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;text-align:center}.profile-stat-card__value{font-size:1.4rem;font-weight:800;color:var(--gold);text-shadow:var(--shadow-gold)}.profile-stat-card__label{font-size:.72rem;color:var(--text-muted);margin-top:4px}.profile-share{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px;font-size:.8rem;flex-wrap:wrap}.profile-share__label{color:var(--text-muted);flex-shrink:0}.profile-share__url{flex:1;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace}.profile-back{display:inline-block;text-decoration:none}.friend-panel{max-width:480px;width:min(480px,94vw);max-height:min(600px,88vh);display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid rgba(0,212,255,.2)}.friend-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.friend-panel__title{font-size:1.05rem;font-weight:700;color:var(--text)}.friend-panel__body{overflow-y:auto;padding:16px 20px;flex:1;display:flex;flex-direction:column}.friend-notice{font-size:.85rem;color:var(--text-muted);margin:8px 0;font-style:italic}.friend-search{margin-bottom:12px}.friend-search__input{width:100%;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);font-size:.88rem;padding:9px 12px;font-family:inherit;box-sizing:border-box}.friend-search__input:focus{outline:none;border-color:var(--accent)}.friend-gift-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px}.friend-gift-meta__line{font-size:.75rem;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px;text-align:center}.friend-gift-meta__line strong{color:var(--text);font-weight:700}.friend-gift-odds{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.friend-gift-odds__item{font-size:.68rem;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 8px}.friend-gift-odds--pearls .friend-gift-odds__item{border-color:#e879f94d;background:#e879f914;color:#f3c3ff}.friend-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}.friend-result{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border)}.friend-result:last-child{border-bottom:none}.friend-result__avatar{font-size:1.2rem;flex-shrink:0}.friend-result__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.friend-result__name{font-weight:600;font-size:.88rem;color:var(--text)}.friend-result__tier{font-size:.72rem;color:var(--text-muted)}.friend-section{margin-bottom:12px}.friend-section__label{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:4px 0;margin-bottom:6px}.friend-section__count{background:#ffffff1a;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:600;letter-spacing:0;text-transform:none}.friend-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);background:var(--bg-card);margin-bottom:4px;font-size:.87rem}.friend-row--incoming{border-left:3px solid var(--accent);padding-left:8px}.friend-row__avatar{font-size:1.2rem;flex-shrink:0}.friend-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.friend-row__name{text-decoration:none;color:var(--text);font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row__name:hover{color:var(--accent)}.friend-row__tier{font-size:.72rem;color:var(--text-muted)}.friend-row__badge{font-size:.65rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.friend-row__pending{font-size:.72rem;color:var(--text-dim);font-style:italic}.friend-row__actions{display:flex;gap:4px;flex-shrink:0}.friend-gift-btn--done{color:#22c55e;border-color:#22c55e66;background:#22c55e1a}.friend-empty{font-size:.82rem;color:var(--text-muted);font-style:italic;text-align:center;padding:16px 0}.friend-gift-inbox{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius);border:1px solid rgba(0,212,255,.2);background:#00d4ff14;margin-bottom:8px}.friend-gift-inbox__summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:.78rem;color:var(--text-muted)}.friend-gift-inbox__summary strong{color:var(--gold);font-size:.85rem}.friend-gift-row{display:flex;justify-content:space-between;gap:8px;font-size:.76rem;color:var(--text-muted);padding:6px 8px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:4px}.friend-gift-msg{text-align:center;font-size:.85rem;color:var(--accent);padding:8px 12px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius);margin-top:4px}.guilds-page{padding:40px 24px 80px;max-width:900px;margin:0 auto;width:100%}.guilds-title{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:6px}.guilds-sub{font-size:.88rem;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.guilds-notice{font-size:.85rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.guilds-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.guilds-tab{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:inherit;padding:7px 16px;cursor:pointer;transition:all .15s;white-space:nowrap}.guilds-tab:hover{background:#00d4ff0f;color:var(--text);border-color:#00d4ff26}.guilds-tab--active{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--accent)}.guilds-browse{display:flex;flex-direction:column;gap:14px}.guilds-search-wrap{position:relative}.guilds-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none}.guilds-search{width:100%;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);font-size:.88rem;padding:10px 14px 10px 36px;font-family:inherit;margin:0}.guilds-search:focus{outline:none;border-color:var(--accent)}.guilds-loading,.guilds-empty{text-align:center;padding:40px;color:var(--text-muted)}.guilds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;align-items:stretch}.guild-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;transition:border-color .15s,box-shadow .15s}.guild-card:hover{border-color:#00d4ff4d;box-shadow:0 0 16px #00d4ff0f}.guild-card--mine{border-color:#00d4ff40}.guild-card--preview{opacity:.7;pointer-events:none}.guild-card__emblem{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.8rem;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.12),transparent 70%);border:1px solid var(--border)}.guild-card__body{flex:1;min-width:0}.guild-card__name{font-size:.95rem;font-weight:700;margin-bottom:2px;color:var(--text)}.guild-card__desc{font-size:.75rem;color:var(--text-muted);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-card__meta{display:flex;gap:8px;align-items:center}.guild-card__pool{font-size:.72rem;color:var(--text-dim)}.guild-card__level{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:#0e243c80}.guild-card__action{display:flex;align-items:center;flex-shrink:0}.guild-card__badge{font-size:.7rem;color:var(--accent);font-weight:700;padding:4px 10px;border:1px solid rgba(0,212,255,.25);border-radius:999px}.guilds-empty{grid-column:1 / -1}.guild-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.guild-hero{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.guild-hero__emblem{font-size:4rem;line-height:1}.guild-hero__info{flex:1;min-width:0}.guild-hero__name{font-size:1.4rem;font-weight:800;margin-bottom:4px}.guild-hero__level{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid;margin-bottom:6px}.guild-hero__desc{font-size:.82rem;color:var(--text-muted);margin-bottom:4px}.guild-hero__pool{font-size:.82rem;color:var(--gold);font-weight:600}.guild-leave-btn{margin-top:12px}.guild-create{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.guild-create__title{font-size:1.2rem;font-weight:700;margin-bottom:16px}.guild-create__preview{margin-bottom:20px}.guild-emblem-picker{display:flex;gap:8px;flex-wrap:wrap}.guild-emblem-btn{font-size:1.8rem;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s}.guild-emblem-btn--active{border-color:var(--accent);background:#00d4ff14}.guild-emblem-btn:hover{border-color:var(--border-bright)}.guild-rankings__tabs{display:flex;gap:4px;margin-bottom:12px}.guild-rankings__tab{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:inherit;padding:6px 14px;cursor:pointer;transition:all .15s}.guild-rankings__tab:hover{background:#00d4ff0f;color:var(--text)}.guild-rankings__tab--active{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--accent)}.guild-rankings__timer{font-size:.82rem;color:var(--text-muted);margin-bottom:12px}.guild-rankings__list{display:flex;flex-direction:column;gap:4px}.guild-rank-row{display:grid;grid-template-columns:36px 32px 1fr auto;align-items:center;gap:8px;padding:10px 14px;background:#0e243c66;border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;transition:background .12s}.guild-rank-row__level{display:none}.guild-rank-row:hover{background:#0e243c99}.guild-rank-row--top1{border-color:#f4c43066;background:#f4c4300f}.guild-rank-row--top2{border-color:#c0c0c04d;background:#c0c0c00a}.guild-rank-row--top3{border-color:#cd7f324d;background:#cd7f320a}.guild-rank-row__pos{text-align:center;font-weight:700}.guild-rank-row__emblem{font-size:1.3rem;text-align:center}.guild-rank-row__name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-rank-row__level{font-size:.72rem;font-weight:700;text-align:center}.guild-rank-row__fish{font-size:.82rem;color:var(--gold);font-weight:600;white-space:nowrap;text-align:right}.guilds-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#050f1ef2;border:1px solid var(--gold);color:var(--gold);font-size:.85rem;font-weight:600;padding:10px 20px;border-radius:999px;z-index:100;cursor:pointer;animation:toastFade 3s ease forwards}@keyframes toastFade{0%,80%{opacity:1}to{opacity:0;pointer-events:none}}.legal-page{padding:40px 24px 80px;max-width:900px;margin:0 auto;width:100%}.legal-page--doc{max-width:860px}.legal-title{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:6px}.legal-sub{font-size:.88rem;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.legal-meta{font-size:.8rem;color:var(--text-dim);margin-bottom:20px}.legal-doc-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.legal-doc-nav a{display:inline-flex;align-items:center;min-height:34px;text-decoration:none;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.legal-doc-nav a:hover{color:var(--text);border-color:var(--border-bright)}.legal-doc-nav a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:#00d4ff1a}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.legal-card{display:block;text-decoration:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;transition:border-color .15s}.legal-card:hover{border-color:var(--border-bright)}.legal-card h2{color:var(--text);font-size:1rem;margin-bottom:6px}.legal-card p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.legal-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:12px}.legal-section--note{margin-top:clamp(16px,2.8vw,24px);margin-inline:auto;margin-bottom:0;width:min(100%,760px);padding:clamp(16px,2.8vw,24px);background:linear-gradient(180deg,#00d4ff17,#0e243ce6);border-color:#00d4ff4d;box-shadow:0 8px 24px #00000047}.legal-section--note h2{color:var(--accent);font-size:clamp(1rem,1.2vw,1.08rem);margin-bottom:8px}.legal-section--note p{max-width:none;line-height:1.7}.legal-section h2{font-size:.95rem;color:var(--text);margin-bottom:6px}.legal-section p{font-size:.82rem;color:var(--text-muted);line-height:1.65;max-width:72ch;overflow-wrap:anywhere}.legal-backlink a{color:var(--accent);font-size:.84rem;text-decoration:none}.legal-backlink a:hover{text-decoration:underline}.raid-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#dc26261f,#ef44440f);border-bottom:1px solid rgba(239,68,68,.3);padding:8px 14px;flex-shrink:0;z-index:9;animation:fadeIn .3s ease}.raid-banner__boss{display:flex;align-items:center;gap:10px;flex-shrink:0}.raid-banner__emoji{font-size:1.8rem}.raid-banner__boss-info{display:flex;flex-direction:column;gap:3px;min-width:140px}.raid-banner__boss-name{font-size:.78rem;font-weight:700;color:#f87171}.raid-banner__hp-bar{height:6px;background:#ffffff1a;border-radius:4px;overflow:hidden}.raid-banner__hp-fill{height:100%;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:4px;transition:width .5s ease}.raid-banner__hp-text{font-size:.6rem;color:var(--text-muted)}.raid-banner__middle{flex:1;min-width:0}.raid-banner__timer{font-size:.72rem;color:var(--text-muted);margin-bottom:3px}.raid-banner__top{display:flex;gap:10px;flex-wrap:wrap}.raid-banner__contrib{font-size:.65rem;color:var(--text-muted)}.raid-banner__action{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.raid-banner__hit-msg{font-size:.72rem;color:#f87171;font-weight:700;animation:fadeIn .2s}.raid-banner__login-hint{font-size:.62rem;color:var(--text-dim)}.btn--raid{background:linear-gradient(135deg,#7f1d1d,#dc2626);color:#fff;border:1px solid rgba(239,68,68,.3);font-weight:700}.btn--raid:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#ef4444)}.btn--raid:disabled{opacity:.45;cursor:not-allowed}.guilds-page .auth-field{margin-bottom:14px}.guilds-page .auth-field label{font-size:.82rem;color:var(--text-muted);font-weight:600;margin-bottom:5px;display:block}.guilds-page .auth-field input{width:100%;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);font-size:.88rem;padding:9px 12px;font-family:inherit}.guilds-page .auth-field input:focus{outline:none;border-color:var(--accent)}@media(max-width:900px){.site-nav{gap:8px;padding:8px 14px}.site-nav__links{gap:2px;margin-left:2px;padding-left:8px}.site-nav__link{padding:6px 9px;font-size:.82rem}.site-nav__title{font-size:.9rem}.site-nav__username{max-width:84px}.site-nav__user{font-size:.8rem;padding:5px 10px}.events-page,.lb-page,.profile-page,.guilds-page,.legal-page{padding:28px 16px 48px}.events-page__title,.lb-title,.guilds-title,.legal-title{font-size:1.75rem}}@media(max-width:760px){.site-nav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "links links";gap:6px;padding:8px 12px}.site-nav__brand{grid-area:brand}.site-nav__actions{grid-area:actions;gap:6px}.site-nav__menu-toggle{display:inline-flex}.site-nav__links{grid-area:links;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-left:0;padding:0 2px;border-left:none;border-top:1px solid transparent;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .22s ease,opacity .22s ease,padding .22s ease,border-top-color .22s ease}.site-nav__links--open{max-height:400px;opacity:1;pointer-events:auto;padding:10px 2px 8px;border-top-color:#00d4ff2e}.site-nav__link{justify-content:center;font-size:.84rem;padding:11px 10px;min-height:44px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.site-nav__link:hover{background:#00d4ff1a;border-color:#00d4ff33;color:var(--text)}.site-nav__link--active{background:#00d4ff1f;border-color:#00d4ff4d}.site-nav__link--play{margin-left:0;grid-column:1 / -1;box-shadow:0 0 16px #a855f759;animation:navPlayGlow 3s ease-in-out infinite;min-height:44px;border-color:#a855f766}.site-nav__actions .btn span{display:none}.site-nav__actions .btn{padding:6px 8px}}@media(max-width:600px){.site-nav__title{display:block;font-size:.8rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav__brand{padding:4px 9px 4px 4px}.site-nav__logo{width:27px;height:27px;font-size:1.35rem}.site-nav__links{grid-template-columns:1fr}.site-nav__link--play{grid-column:1}.site-nav__user{padding:4px 8px}.site-nav__username{max-width:62px}.events-page,.lb-page,.profile-page,.guilds-page,.legal-page{padding:22px 12px 36px}.events-grid{grid-template-columns:1fr}.event-card{text-align:left;padding:20px 16px}.event-card__badge{left:14px;transform:none}.event-card__rewards{justify-content:flex-start}.lb-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{white-space:nowrap;flex-shrink:0}.lb-table__head{display:none}.lb-row{grid-template-columns:38px 1fr;row-gap:2px;padding:10px 12px}.lb-row__rank{grid-row:span 2;display:flex;align-items:center;justify-content:center}.lb-row__tier{display:none}.lb-row__value{grid-column:2;text-align:left;font-size:.78rem}.profile-hero{flex-direction:column;align-items:stretch;gap:12px;padding:18px}.profile-hero__name{font-size:1.35rem}.profile-hero__avatar{font-size:3.2rem}.profile-stats{grid-template-columns:1fr}.profile-stat-card{padding:14px}.profile-share{align-items:flex-start;gap:8px;padding:10px 12px}.profile-share__url{width:100%;white-space:normal;overflow-wrap:anywhere}.guilds-sub{font-size:.82rem}.guilds-grid{grid-template-columns:1fr}.guild-card{flex-direction:column;align-items:stretch;gap:10px}.guild-card__emblem{width:40px;height:40px;font-size:1.5rem}.guild-card__desc{white-space:normal;overflow:visible;text-overflow:clip}.guild-card__action,.guild-card__action .btn{width:100%}.guild-detail{padding:16px}.guild-hero{flex-direction:column;gap:10px}.guild-hero__emblem{font-size:3rem}.guild-member{flex-wrap:wrap;gap:6px}.guild-member__role{display:none}.guild-member__contrib{font-size:.74rem}.guild-rank-row{grid-template-columns:28px 28px 1fr auto;font-size:.78rem;gap:6px;padding:8px 10px}.guild-rank-row__emblem{font-size:1.1rem}.legal-sub{font-size:.82rem}.legal-grid{grid-template-columns:1fr}.legal-section{padding:14px}.legal-doc-nav a{min-height:38px;font-size:.76rem}.pearl-shop-modal,.token-shop-modal{align-self:flex-end;width:100%;max-height:90dvh;border-radius:20px 20px 0 0;margin:0;animation:slideUpSheet .32s cubic-bezier(.32,.72,0,1)}.token-shop-modal{padding:0}.pearl-shop-modal:before,.token-shop-modal:before{content:"";display:block;flex-shrink:0;width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 0}.pearl-shop__header,.token-shop__header{padding:10px 16px;gap:10px}.pearl-shop__header h2,.token-shop__header h2{font-size:1.05rem}.pearl-shop__balance,.token-shop__balance{font-size:.78rem;padding:3px 10px}.pearl-shop__tabs{overflow-x:auto;flex-wrap:nowrap;gap:0;padding:4px 12px 0;scrollbar-width:none}.pearl-shop__tabs::-webkit-scrollbar{display:none}.pearl-shop__tab{flex-shrink:0;font-size:.78rem;padding:7px 14px}.pearl-shop__sub,.token-shop__sub{font-size:.74rem;line-height:1.4;padding:8px 16px 4px;margin-bottom:4px}.token-shop__tier-section{padding:0 12px}.pearl-shop__grid,.token-shop__grid{grid-template-columns:1fr;padding:8px 12px;gap:8px}.token-shop__grid{padding:8px 0}.shop-card{flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 12px}.shop-card__icon{font-size:1.5rem;flex-shrink:0}.shop-card__info{flex:1;min-width:0}.shop-card__name{font-size:.82rem}.shop-card__desc{font-size:.68rem}.shop-card__action{flex-shrink:0;width:auto}.pearl-shop__footer{font-size:.68rem;padding:8px 16px 16px}.token-upgrade-card{flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 12px}.token-upgrade-card__icon{font-size:1.4rem;flex-shrink:0}.token-upgrade-card__info{flex:1;min-width:0}.token-upgrade-card__action{flex-shrink:0;width:auto}.achievements-modal{align-self:flex-end;width:100%;max-height:90dvh;border-radius:20px 20px 0 0;margin:0;animation:slideUpSheet .32s cubic-bezier(.32,.72,0,1)}.achievements-modal:before{content:"";display:block;flex-shrink:0;width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 0}.achievements-modal__header{padding:10px 16px}.achievements-modal__header h2{font-size:1.05rem}.achievements-grid{grid-template-columns:1fr;padding:8px 12px;gap:8px}.streak-modal{width:calc(100vw - 24px);max-height:80dvh}.friend-panel-overlay{align-items:flex-end}.friend-panel{width:100%;max-width:100%;max-height:85vh;border-radius:16px 16px 0 0}.friend-panel:before{content:"";display:block;flex-shrink:0;width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 0}.friend-panel__body{padding:10px 16px}.friend-gift-meta{grid-template-columns:1fr}.friend-gift-odds{margin-top:-4px}.friend-gift-inbox{flex-direction:column;align-items:stretch}.friend-gift-row{flex-direction:column;gap:2px}.tutorial-card{width:calc(100vw - 20px);max-width:360px;padding:16px 14px 12px;border-radius:14px;gap:8px}.tutorial-card--bottom,.tutorial-card--bottom-left,.tutorial-card--bottom-right{left:50%;right:auto;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translate(-50%)}.tutorial-card--below-topbar{top:75px;left:50%;transform:translate(-50%)}.tutorial-card--center{top:42%}.tutorial-arrow{font-size:1.6rem}.tutorial-card__title{font-size:.95rem}.tutorial-card__body{font-size:.82rem;line-height:1.4}.tutorial-card__actions{justify-content:space-between;gap:8px}.tutorial-skip{font-size:.8rem;padding:6px 0}.raid-banner{flex-wrap:wrap;padding:8px 10px;gap:8px}.raid-banner__middle{order:3;width:100%}.raid-banner__action{margin-left:auto;align-items:flex-end}.raid-banner__boss-info{min-width:120px}}.chat-widget{flex-shrink:0;width:30px;display:flex;flex-direction:row;overflow:hidden;border-left:1px solid var(--border);background:var(--bg-surface);transition:width .22s ease;position:relative}.chat-widget--open{width:320px}.chat-widget__toggle{flex-shrink:0;width:30px;height:100%;background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-muted);padding:0;font-family:var(--font);transition:background .15s,color .15s,border-color .15s;position:relative}.chat-widget__toggle:hover{background:var(--bg-card-hover);color:var(--accent);border-right-color:var(--border-bright)}.chat-widget--open .chat-widget__toggle{color:var(--accent);border-right-color:var(--border-bright);background:#00d4ff0a}.chat-widget__toggle-strip{font-size:1rem;line-height:1;display:block}.chat-widget__toggle-strip-text{writing-mode:vertical-lr;transform:rotate(180deg);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.55;display:block}.chat-widget__toggle-label{display:none}.chat-widget__toggle-strip-mobile{display:none;align-items:center;gap:6px;font-size:.82rem;font-weight:700;letter-spacing:.03em}.chat-widget__badge{position:absolute;top:5px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;border-radius:999px;font-size:.52rem;min-width:16px;height:16px;padding:0 3px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:700}.chat-widget__panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);min-width:0}.chat-widget__header{padding:.6rem .85rem .5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,212,255,.06),transparent);flex-shrink:0}.chat-widget__title{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.chat-widget__tabs{display:flex;gap:6px;padding:.45rem .6rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-widget__tab{flex:1;padding:.3rem .4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);font-size:.78rem;font-weight:600;font-family:var(--font);transition:border-color .15s,color .15s,background .15s}.chat-widget__tab:hover{border-color:var(--border-bright);color:var(--text)}.chat-widget__tab--active{border-color:var(--accent);color:var(--accent);background:#00d4ff12}.chat-widget__tab:disabled{opacity:.35;cursor:not-allowed}.chat-widget__messages{flex:1;overflow-y:auto;padding:.55rem .75rem;display:flex;flex-direction:column;gap:.35rem;min-height:0;background:#0000002e}.chat-widget__messages::-webkit-scrollbar{width:3px}.chat-widget__messages::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.chat-widget__empty{color:var(--text-muted);font-size:.74rem;text-align:center;margin-top:.75rem;opacity:.7}.chat-widget__back{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;padding:0 6px 0 0;line-height:1;vertical-align:middle;opacity:.8}.chat-widget__back:hover{opacity:1}.chat-widget__friend-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px}.chat-widget__friend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;cursor:pointer;color:inherit;text-align:left;font-size:.82rem;transition:background .15s;width:100%}.chat-widget__friend-row:hover{background:#ffffff1a}.chat-widget__friend-name{font-weight:600}.chat-widget__friend-tier{font-size:.72rem;color:var(--text-muted)}.chat-msg{font-size:.82rem;word-break:break-word;line-height:1.45}.chat-msg__name{font-weight:700;color:var(--accent);text-decoration:none}.chat-msg__name:hover{text-decoration:underline}.chat-msg__text{color:var(--text)}.chat-widget__input-row{display:flex;gap:.4rem;padding:.5rem .6rem;border-top:1px solid var(--border);flex-shrink:0}.chat-widget__input{flex:1;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);padding:.38rem .55rem;font-size:.82rem;font-family:var(--font);outline:none;transition:border-color .15s}.chat-widget__input:focus{border-color:var(--accent)}.chat-widget__send{background:#00d4ff1a;border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--accent);padding:.3rem .6rem;cursor:pointer;font-size:.82rem;font-weight:700;transition:background .15s,border-color .15s}.chat-widget__send:hover:not(:disabled){background:#00d4ff33;border-color:var(--accent)}.chat-widget__send:disabled{opacity:.35;cursor:not-allowed}.chat-widget__guest{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem .85rem;gap:.65rem;color:var(--text-muted);font-size:.8rem}@media(max-width:1100px){.center-col{flex-direction:column}.chat-widget{position:absolute;bottom:0;left:0;right:0;width:100%;height:36px;flex-direction:column;flex-shrink:0;background:var(--bg-mid);border:none;border-top:1px solid var(--border);overflow:hidden;transition:height .2s ease;z-index:10}.chat-widget--open{height:280px;width:100%}.prestige-progress{bottom:42px}.chat-widget__toggle{flex-shrink:0;width:100%;height:36px;border:none;border-top:1px solid var(--border-bright);border-radius:0;background:var(--bg-card);color:var(--text-muted);font-size:.82rem;font-weight:600;padding:0 14px;flex-direction:row;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:background .15s,color .15s;box-shadow:none;order:2}.chat-widget__toggle:hover{background:var(--bg-card-hover);color:var(--accent)}.chat-widget--open .chat-widget__toggle{background:#00d4ff12;color:var(--accent)}.chat-widget__toggle-strip{display:none}.chat-widget__toggle-strip-mobile{display:flex}.chat-widget__toggle-strip-text,.chat-widget__toggle-label{display:none}.chat-widget__badge{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:.58rem;min-width:18px;height:18px;padding:0 3px;border-radius:999px}.chat-widget__panel{width:100%;flex:1;max-height:none;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--border);order:1}}@media(max-width:600px){.chat-widget--open{height:250px}}@media(max-width:768px){.site-nav,.game-stats-bar,.mobile-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:#050f1efa}.site-nav__dropdown{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}