:root{--bg-primary: #F4E4C1;--bg-secondary: #ECD4A6;--bg-tertiary: #FFF8E7;--accent-primary: #4FC3F7;--accent-primary-hover: #39A8DB;--accent-primary-glow: rgba(79, 195, 247, .3);--accent-primary-subtle: rgba(79, 195, 247, .1);--accent-secondary: #FF6B9D;--accent-secondary-hover: #F43F5E;--accent-secondary-glow: rgba(255, 107, 157, .3);--color-success: #10B981;--color-success-subtle: rgba(16, 185, 129, .1);--color-success-text: #059669;--color-error: #EF4444;--color-error-subtle: rgba(239, 68, 68, .1);--color-warning: #F59E0B;--color-warning-subtle: rgba(245, 158, 11, .1);--color-info: #3B82F6;--color-info-subtle: rgba(59, 130, 246, .1);--text-primary: #3E2E1F;--text-secondary: #6B5A48;--text-tertiary: #9E8B76;--text-muted: #B0A08C;--text-on-color: #FFFFFF;--border-default: #E9ECEF;--border-interactive: #D5D8DC;--parasol-blue: #B8E6FC;--parasol-pink: #FFC4D9;--parasol-yellow: #FFF0B8;--parasol-green: #C8E6C9;--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-bg: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--power-wave: #0277BD;--power-wave-bg: linear-gradient(135deg, rgba(225, 245, 254, .9), rgba(179, 229, 252, .9));--power-wave-border: rgba(79, 195, 247, .4);--power-buoy: #E65100;--power-buoy-bg: linear-gradient(135deg, rgba(255, 243, 224, .9), rgba(255, 224, 178, .9));--power-buoy-border: rgba(255, 152, 0, .4);--power-bigbuoy: #BF360C;--power-bigbuoy-bg: linear-gradient(135deg, rgba(255, 243, 224, .92), rgba(255, 204, 128, .92));--power-bigbuoy-border: rgba(230, 81, 0, .45);--power-fog: #546E7A;--power-fog-bg: linear-gradient(135deg, rgba(236, 239, 241, .92), rgba(207, 216, 220, .92));--power-fog-border: rgba(144, 164, 174, .45);--power-net: #5D4037;--power-net-bg: linear-gradient(135deg, rgba(215, 204, 200, .92), rgba(188, 170, 164, .92));--power-net-border: rgba(141, 110, 99, .45);--power-shield: #B8860B;--power-shield-bg: linear-gradient(135deg, rgba(255, 248, 220, .92), rgba(255, 215, 0, .25));--power-shield-border: rgba(218, 165, 32, .45);--blur-sm: blur(12px);--blur-md: blur(24px);--blur-lg: blur(32px);--z-base: 0;--z-above: 1;--z-toast: 50;--z-picker: 30;--z-overlay: 100;--z-modal: 1000;--accent-primary-rgb: 79, 195, 247;--accent-secondary-rgb: 255, 107, 157;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-glow-blue: 0 0 20px var(--accent-primary-glow);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 18px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-family: "Baloo 2", cursive;--font-family-grid: "Titan One", cursive;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-display: 3rem;--font-size-h1: 2.25rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-body-lg: 1.125rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-caption: .75rem;--font-size-grid-letter: 2rem;--font-size-grid-number: .688rem;--font-size-score: 2.5rem;--font-size-stat: 1.5rem;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--spacing-section: 48px;--spacing-element: 24px;--spacing-paragraph: 12px;--touch-target-min: 44px;--touch-target-comfortable: 48px}.cell-state-empty{background-color:var(--bg-tertiary);border-color:var(--border-default)}.cell-state-active{border-color:var(--accent-primary);background-color:var(--accent-primary-subtle);box-shadow:var(--shadow-glow-blue)}.cell-state-correct{border-color:var(--color-success);background-color:var(--color-success-subtle);box-shadow:var(--shadow-glow-success)}.cell-state-incorrect{border-color:var(--color-error);background-color:var(--color-error-subtle)}.btn{border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ffffff4d,#4fc3f726);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 20px #4fc3f726,inset 0 1px #fff6;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 32px #4fc3f740,inset 0 1px #ffffff80}.btn:active{transform:translateY(0) scale(.97);box-shadow:0 2px 10px #4fc3f71a;transition:all .1s ease}.btn-secondary{background:linear-gradient(135deg,#fff6,#4fc3f71a);border:1px solid rgba(255,255,255,.45);color:var(--text-primary)}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff80,#4fc3f733);border-color:#fff9;box-shadow:0 8px 32px #4fc3f726,inset 0 1px #ffffff80}.btn-primary{background:linear-gradient(135deg,#ffffff59,#4fc3f759);border:1px solid rgba(255,255,255,.4);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-primary:hover{background:linear-gradient(135deg,#ffffff73,#4fc3f773);border-color:#ffffff8c;box-shadow:0 8px 32px #4fc3f74d,inset 0 1px #ffffff80}.btn-social{background:linear-gradient(135deg,#ffffff4d,#ff6b9d4d);border:1px solid rgba(255,255,255,.35);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-social:hover{background:linear-gradient(135deg,#fff6,#ff6b9d66);border-color:#ffffff80;box-shadow:0 8px 32px #ff6b9d40,inset 0 1px #ffffff80}.btn-help{background:linear-gradient(135deg,#ffffff4d,#f59e0b4d);border:1px solid rgba(255,255,255,.35);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-help:hover{background:linear-gradient(135deg,#fff6,#f59e0b66);border-color:#ffffff80;box-shadow:0 8px 32px #f59e0b40,inset 0 1px #ffffff80}.btn-ghost{background:linear-gradient(135deg,#fff3,#4fc3f71a);border:1px solid rgba(255,255,255,.3);color:var(--accent-primary);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-ghost:hover{background:linear-gradient(135deg,#ffffff4d,#4fc3f733);border-color:#ffffff73;box-shadow:0 8px 32px #4fc3f733,inset 0 1px #fff6}.btn-disabled,.btn:disabled{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:none}.btn-disabled:hover,.btn:disabled:hover{transform:none;box-shadow:none;background:#ffffff26}.gamification-streak{border-color:var(--color-warning);color:var(--color-warning)}.gamification-score{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gamification-progress{background-color:var(--bg-tertiary)}.gamification-progress-fill,.gamification-badge{background:var(--gradient-primary)}@keyframes goldenPulse{0%,to{box-shadow:0 0 #d4b87a33}50%{box-shadow:0 0 0 6px #d4b87a1a}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;min-width:320px;background-color:var(--bg-primary)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{line-height:1.2;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-interactive);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:#d4c4a0;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.text-display{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1,.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug)}h2,.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:1.3}h3,.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-body-lg{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}.text-body{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.text-body-sm{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-secondary)}.text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase}.text-grid-letter{font-size:var(--font-size-grid-letter);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.text-grid-number{font-size:var(--font-size-grid-number);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.text-score{font-size:var(--font-size-score);font-weight:var(--font-weight-bold);line-height:1}.text-stat{font-size:var(--font-size-stat);font-weight:var(--font-weight-bold)}@media(max-width:1024px){.text-display{font-size:calc(var(--font-size-display) * .9)}h1,.text-h1{font-size:calc(var(--font-size-h1) * .9)}}@media(max-width:768px){.text-display{font-size:calc(var(--font-size-display) * .8)}h1,.text-h1{font-size:calc(var(--font-size-h1) * .8)}}.mp-panel{width:100%;padding:.4rem .55rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:linear-gradient(150deg,#ffffff7a,#ffffff40,#fff0f533);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffc7;border-left-color:#ffffff94;border-radius:var(--radius-2xl);box-shadow:0 6px 24px #ff6b9d12,0 2px 8px #0000000a,inset 0 1.5px #ffffffb3,inset 0 0 24px #ffffff1f}.mp-leaderboard-list{display:flex;flex-direction:column;gap:.2rem;width:100%}.mp-panel .daily-lb-item{flex-direction:column;align-items:stretch;gap:.1rem;padding:.15rem .4rem;position:relative}.mp-panel .daily-lb-row{gap:.35rem}.mp-panel .daily-lb-avatar-circle{width:18px;height:18px}.mp-panel .mp-progress-bar{display:block;height:10px;min-height:10px;flex-shrink:0;width:100%}.mp-panel .daily-lb-item.is-finished{background:linear-gradient(110deg,#ffd7000a,#ffd7001a 45%,#ffd7000a 55%,#ffd70005);background-size:200% 100%;animation:finishShimmer 3s ease-in-out infinite;border-color:#ffd70040}@keyframes finishShimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.mp-panel .daily-lb-item.is-me{background:linear-gradient(145deg,#4fc3f71a,#4fc3f70f);border-color:#4fc3f74d;border-top-color:#4fc3f773;box-shadow:0 0 #4fc3f726,inset 0 1px #4fc3f733,inset 0 0 16px #4fc3f70d;animation:championPulse 2.5s ease-in-out infinite}@keyframes championPulse{0%,to{box-shadow:0 0 #4fc3f726}50%{box-shadow:0 0 0 6px #4fc3f714}}.daily-lb-row{display:flex;align-items:center;gap:.5rem}.mp-progress-bar{position:relative;width:100%;height:14px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:7px;overflow:hidden}.mp-progress-fill{height:100%;border-radius:7px;transition:width .5s ease-out;background:repeating-linear-gradient(45deg,var(--stripe-1) 0px,var(--stripe-1) 6px,var(--stripe-2) 6px,var(--stripe-2) 10px);background-size:28px 28px;animation:stripeMove 2.5s linear infinite}.medal-icon{width:22px;height:22px;display:inline-block;object-fit:contain}.medal-icon.medal-reveal{animation:medalReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes medalReveal{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.rank-finished{color:#8d6e63;font-weight:700}.finish-confetti{position:absolute;width:6px;height:6px;border-radius:1px;pointer-events:none;left:var(--confetti-x);top:var(--confetti-y);background:var(--confetti-color);animation:confettiBurst var(--confetti-duration) cubic-bezier(.25,.46,.45,.94) forwards;z-index:5}@keyframes confettiBurst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}30%{opacity:1;transform:translate(var(--confetti-tx-mid),var(--confetti-ty-mid)) rotate(calc(var(--confetti-rotation) * .5)) scale(1.2)}to{opacity:0;transform:translate(var(--confetti-tx),var(--confetti-ty)) rotate(var(--confetti-rotation)) scale(.3)}}.daily-leaderboard{width:100%;padding:.85rem 1rem;background:linear-gradient(150deg,#ffffff7a,#ffffff40,#fff0f533);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffc7;border-left-color:#ffffff94;border-radius:var(--radius-2xl);box-shadow:0 6px 24px #ff6b9d12,0 2px 8px #0000000a,inset 0 1.5px #ffffffb3,inset 0 0 24px #ffffff1f;margin:.5rem 0}.daily-leaderboard-title{font-family:var(--font-family);font-size:.85rem;font-weight:800;color:var(--text-secondary);text-align:center;margin:0 0 .15rem;text-transform:uppercase;letter-spacing:.06em}.daily-leaderboard-meta{font-family:var(--font-family);font-size:.7rem;color:var(--text-tertiary);text-align:center;margin-bottom:.6rem}.daily-leaderboard-loading,.daily-leaderboard-empty{font-family:var(--font-family);font-size:.85rem;color:var(--text-tertiary);text-align:center;padding:.5rem 0}.daily-leaderboard-list{display:flex;flex-direction:column;gap:.3rem}.daily-lb-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background:linear-gradient(145deg,#ffffff61,#ffffff2e);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-top-color:#fff9;border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff73;transition:all .2s ease}.daily-lb-item.is-me{background:linear-gradient(145deg,#4fc3f71a,#4fc3f70f);border-color:#4fc3f74d;border-top-color:#4fc3f773;box-shadow:0 0 #4fc3f726,inset 0 1px #4fc3f733,inset 0 0 16px #4fc3f70d;animation:dailyLbPulse 2.5s ease-in-out infinite}@keyframes dailyLbPulse{0%,to{box-shadow:0 0 #4fc3f726}50%{box-shadow:0 0 0 6px #4fc3f714}}.daily-lb-rank{flex-shrink:0;width:26px;text-align:center}.daily-lb-medal{width:22px;height:22px;display:inline-block;object-fit:contain}.daily-lb-rank-num{font-family:var(--font-family);font-size:.8rem;font-weight:700;color:var(--text-tertiary)}.daily-lb-avatar{flex-shrink:0}.daily-lb-avatar-circle{width:28px;height:28px;border-radius:50%;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;box-shadow:0 2px 8px #00000014,0 1px 3px #ffb4781a,inset 0 1px 2px #ffffff73,inset 0 -.5px 1px #00000008}.daily-lb-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.daily-lb-avatar-default{background:var(--bg-tertiary)}.daily-lb-info{flex:1;min-width:0}.daily-lb-pseudo{font-family:var(--font-family);font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.lb-buoy-badge{width:14px;height:14px;opacity:.7;margin-left:4px;vertical-align:middle}.daily-lb-time{flex-shrink:0;font-family:var(--font-family);font-size:.8rem;font-weight:800;color:#607d8b;font-variant-numeric:tabular-nums}.daily-lb-separator{text-align:center;font-size:.85rem;color:var(--text-tertiary);padding:.1rem 0;letter-spacing:.2em}@media(max-width:450px){.daily-lb-item{padding:.55rem .6rem}.daily-lb-avatar-circle{width:32px;height:32px}.daily-lb-pseudo{font-size:.8rem}.daily-lb-time{font-size:.75rem}}.logo{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.logo-small{position:relative;--logo-scale: .45;width:calc(600px * var(--logo-scale));height:calc(120px * var(--logo-scale));overflow:visible}.logo-scene-mini{position:absolute;top:0;left:0;display:flex;align-items:flex-end;transform:scale(var(--logo-scale, .45));transform-origin:top left;pointer-events:none}.logo-scene-mini .tile{animation:none!important;opacity:1;transform:rotate(var(--rot, 0deg));transition:none}.logo-scene-mini .buoy-wrap{animation:none!important;transform:translate(-50%,-50%)}.logo-scene-mini .tile:hover{cursor:default;transform:rotate(var(--rot, 0deg))!important}.logo-clickable{cursor:pointer;transition:transform .2s ease}.logo-clickable:hover{transform:scale(1.05)}.logo-large{height:auto}.logo-scene{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;overflow:visible;transform:scale(.65);transform-origin:center center;margin:-38px 0 -40px}.logo-row{display:flex;align-items:flex-end;gap:0px;overflow:visible;padding:50px 20px 40px}.parasol-arrow{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:50px;height:50px;margin-right:4px;z-index:20;pointer-events:none;opacity:1;animation:parasol-bob 5s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}@keyframes parasol-enter{0%{opacity:0;transform:translateY(-50%) translate(-20px) rotate(-10deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotate(0)}}@keyframes parasol-bob{0%,to{transform:translateY(-50%) translate(0) rotate(-3deg)}45%{transform:translateY(-50%) translate(-6px) rotate(2deg)}}.parasol-arrow-down{position:absolute;top:-44px;left:50%;transform:translate(-50%);width:44px;height:44px;z-index:20;pointer-events:none;opacity:1;animation:parasol-down-bob 5.5s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}@keyframes parasol-down-enter{0%{opacity:0;transform:translate(-50%) translateY(-16px) rotate(8deg)}to{opacity:1;transform:translate(-50%) translateY(0) rotate(0)}}@keyframes parasol-down-bob{0%,to{transform:translate(-50%) translateY(0) rotate(2deg)}45%{transform:translate(-50%) translateY(-5px) rotate(-2deg)}}.tile{position:relative;overflow:visible;flex-shrink:0;opacity:1;animation:tileFloat var(--fd, 3s) ease-in-out infinite;will-change:transform;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.tile-m{--dd:.05s;--fd:6.8s;--rot:-4deg;--r0:-4deg;--r1:0deg;--r2:1.5deg;--r3:-1deg;width:108px;height:108px;margin-bottom:0;margin-right:-20px;z-index:1}.tile-o{--dd:.15s;--fd:5.4s;--rot: 3deg;--r0:3deg;--r1:5deg;--r2:1.5deg;--r3:4deg;width:96px;height:96px;margin-bottom:22px;margin-right:-18px;z-index:2}.tile-f{--dd:.24s;--fd:7.4s;--rot:-6deg;--r0:-6deg;--r1:-3.5deg;--r2:-1deg;--r3:-5deg;width:102px;height:102px;margin-bottom:8px;margin-right:-20px;z-index:3}.tile-l{--dd:.1s;--fd:6.2s;--rot: 5deg;--r0:5deg;--r1:2deg;--r2:6.5deg;--r3:3deg;width:88px;height:88px;margin-bottom:32px;margin-right:-16px;z-index:4}.tile-e{--dd:.3s;--fd:7.6s;--rot:-2deg;--r0:-2deg;--r1:.5deg;--r2:-3deg;--r3:1deg;width:106px;height:106px;margin-bottom:0;margin-right:-20px;z-index:5}.tile-c{--dd:.2s;--fd:5.8s;--rot: 6deg;--r0:6deg;--r1:4deg;--r2:8deg;--r3:5deg;width:102px;height:102px;margin-bottom:14px;margin-right:-20px;z-index:6}.tile-h{--dd:.36s;--fd:6.4s;--rot:-3deg;--r0:-3deg;--r1:1deg;--r2:-2deg;--r3:-2.5deg;width:112px;height:112px;margin-bottom:0;z-index:7}@keyframes tileDrop{0%{transform:translateY(-380px) rotate(calc(var(--rot, -2deg) - 20deg)) scale(.55);opacity:0}60%{opacity:1}to{transform:translateY(0) rotate(var(--rot, 0deg)) scale(1);opacity:1}}@keyframes tileFloat{0%{transform:translateY(0) rotate(var(--r0, -2deg))}28%{transform:translateY(-6px) rotate(var(--r1, 1deg))}55%{transform:translateY(-10px) rotate(var(--r2, 2.5deg))}78%{transform:translateY(-4px) rotate(var(--r3, -.5deg))}to{transform:translateY(0) rotate(var(--r0, -2deg))}}.tile-glass{position:absolute;inset:0;border-radius:20px;background:#ffffff61;backdrop-filter:blur(20px) saturate(1.6) brightness(1.06);-webkit-backdrop-filter:blur(20px) saturate(1.6) brightness(1.06);border:2px solid rgba(255,255,255,.78);border-top-color:#fffffff7;border-left-color:#ffffffe0;box-shadow:0 14px 44px #00000024,0 3px 10px #00000014,inset 0 2px #fffffff2,inset 0 -2px #8cc3e61f;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}.tile-glass:before{content:"";position:absolute;top:5px;left:8px;right:8px;height:45%;background:linear-gradient(180deg,#ffffffa6,#fff0);border-radius:12px 12px 50% 50%;pointer-events:none}.tile-glass:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(0deg,rgba(130,190,228,.12) 0%,transparent 100%);border-radius:0 0 20px 20px;pointer-events:none}.tile:hover{animation-play-state:paused;cursor:pointer;transform:translateY(-8px) scale(1.12) rotate(0)!important}.tile:hover .tile-glass{box-shadow:0 22px 60px #0003,0 6px 18px #0000001a,inset 0 2px #fffffff2}.tile-shadow{position:absolute;bottom:-24px;left:12%;width:76%;height:13px;background:#1c589e33;border-radius:50%;filter:blur(7px);animation:shadowPulse var(--fd, 3s) ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:scaleX(1);opacity:.52}55%{transform:scaleX(.52);opacity:.16}}.splash:before,.splash:after{content:"";position:absolute;bottom:-16px;left:50%;width:56px;height:15px;margin-left:-28px;border:2px solid rgba(255,255,255,.7);border-radius:50%;animation:none;opacity:0}@keyframes splashRing{0%{transform:scale(.18);opacity:.88}to{transform:scale(4.2);opacity:0}}.tile-letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka One,cursive;line-height:1;z-index:10;-webkit-text-stroke:7px white;paint-order:stroke fill;white-space:nowrap;pointer-events:none;transition:filter .22s ease;filter:drop-shadow(0 5px 4px rgba(0,0,0,.22)) drop-shadow(0 14px 26px rgba(0,0,0,.13))}.tile-m .tile-letter{font-size:82px}.tile-f .tile-letter{font-size:76px}.tile-l .tile-letter{font-size:65px}.tile-e .tile-letter{font-size:80px}.tile-c .tile-letter{font-size:76px}.tile-h .tile-letter{font-size:85px}.letter-blue{color:#5ba3d9}.letter-pink{color:#f06292}.letter-green{color:#81c784}.letter-yellow{color:#f4b800}.buoy-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;object-fit:contain;z-index:10;pointer-events:none;transition:filter .22s ease;filter:drop-shadow(0 5px 4px rgba(0,0,0,.22)) drop-shadow(0 14px 26px rgba(0,0,0,.13));animation:buoySpin 36s ease-in-out infinite}@keyframes buoySpin{0%{transform:translate(-50%,-50%) rotate(0)}28%{transform:translate(-50%,-50%) rotate(280deg)}42%{transform:translate(-50%,-50%) rotate(160deg)}70%{transform:translate(-50%,-50%) rotate(520deg)}82%{transform:translate(-50%,-50%) rotate(380deg)}to{transform:translate(-50%,-50%) rotate(720deg)}}.star{position:absolute;pointer-events:none;z-index:15;font-size:16px;animation:starTwinkle ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(20deg)}60%{opacity:.9;transform:scale(1) rotate(30deg)}}.star-1{top:15px;left:30px;color:#ffd54f;font-size:18px;text-shadow:0 0 8px #FFD54F,0 0 18px #FFD54F;animation-duration:2.8s;animation-delay:0s}.star-2{bottom:25px;left:80px;color:#5ba3d9;font-size:13px;text-shadow:0 0 8px #5BA3D9,0 0 18px #5BA3D9;animation-duration:2.3s;animation-delay:.7s}.star-3{top:-15px;left:300px;color:#f06292;font-size:20px;text-shadow:0 0 8px #F06292,0 0 18px #F06292;animation-duration:3.1s;animation-delay:1.4s}.star-5{bottom:20px;right:60px;color:#ffd54f;font-size:16px;text-shadow:0 0 8px #FFD54F,0 0 18px #FFD54F;animation-duration:3.4s;animation-delay:1.9s}.star-7{top:-8px;right:25px;color:#f06292;font-size:15px;text-shadow:0 0 8px #F06292,0 0 18px #F06292;animation-duration:2.9s;animation-delay:2.2s}.star-l1{top:72%;left:-18px;color:#81c784;font-size:14px;text-shadow:0 0 8px #81C784,0 0 18px #81C784;animation-duration:3.3s;animation-delay:.4s}.star-l2{top:62%;left:10px;color:#ffd54f;font-size:11px;text-shadow:0 0 8px #FFD54F,0 0 18px #FFD54F;animation-duration:2.5s;animation-delay:1.6s}.star-r1{top:38%;right:-15px;color:#5ba3d9;font-size:15px;text-shadow:0 0 8px #5BA3D9,0 0 18px #5BA3D9;animation-duration:2.7s;animation-delay:.9s}.star-r2{top:58%;right:12px;color:#f4b800;font-size:12px;text-shadow:0 0 8px #F4B800,0 0 18px #F4B800;animation-duration:3.5s;animation-delay:2.5s}@media(prefers-reduced-motion:reduce){.tile{animation:none!important;transform:rotate(var(--rot, 0deg));opacity:1}.parasol-arrow,.parasol-arrow-down{animation:none!important;opacity:1}.tile-shadow,.buoy-wrap,.star{animation:none!important}.splash:before,.splash:after{animation:none!important}}@media(max-width:600px){.logo-scene{transform:scale(.5);margin:-50px 0 -52px}}.completion-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 8%,rgba(255,255,255,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 60% 85%,rgba(255,200,160,.25) 0%,transparent 55%),linear-gradient(180deg,#87ceeb,#b5dff0 35%,#e2d9c0 65%,#f4e4c1);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .7s ease-out;gap:1.2rem}.pc-confetti-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:101}.pc-confetti{position:absolute;top:-14px;width:10px;height:10px;border-radius:2px;opacity:0;animation:cfall linear infinite}.pc-confetti-0{background:var(--accent-secondary, #FF6B9D);width:8px;height:12px}.pc-confetti-1{background:var(--accent-primary, #4FC3F7);width:10px;height:8px;border-radius:50%}.pc-confetti-2{background:#ffd54f;width:7px;height:11px}.pc-confetti-3{background:#81c784;width:9px;height:9px;border-radius:50%}.pc-arrive-wrapper{z-index:102;-webkit-perspective:1200px;perspective:1200px;opacity:0}.pc-flip-inner{position:relative;width:460px;max-width:92vw;aspect-ratio:7 / 5;transition:transform .9s cubic-bezier(.4,0,.2,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.pc-face{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;box-shadow:0 12px 48px #0000001f,0 2px 8px #0000000f,inset 0 1px #fff9;overflow:hidden}.pc-front{background:radial-gradient(ellipse 80% 40% at 50% 8%,rgba(255,255,255,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 60% 85%,rgba(255,200,160,.25) 0%,transparent 55%),linear-gradient(180deg,#87ceeb,#b5dff0 35%,#e2d9c0 65%,#f4e4c1);padding:1.2rem;border:1.5px solid rgba(255,255,255,.2);box-sizing:border-box;display:flex;align-items:center;justify-content:center;transform:rotateY(0)}.pc-front-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.pc-front-logo{pointer-events:none}.pc-front-logo .logo-scene{transform:scale(.52);margin:0}.pc-front-logo .tile,.pc-front-logo .parasol-arrow,.pc-front-logo .parasol-arrow-down,.pc-front-logo .tile-shadow,.pc-front-logo .buoy-wrap,.pc-front-logo .star,.pc-front-logo .splash:before,.pc-front-logo .splash:after{animation:none!important;opacity:1}.pc-front-logo .tile{transform:rotate(var(--rot, 0deg))}.pc-front-logo .parasol-arrow{transform:translateY(-50%)}.pc-front-logo .parasol-arrow-down{transform:translate(-50%)}.pc-front-logo .buoy-wrap{transform:translate(-50%,-50%)}.pc-front-logo .splash:before,.pc-front-logo .splash:after{display:none}.pc-back{transform:rotateY(180deg);display:flex;flex-direction:column;background:linear-gradient(165deg,#fefaf3,#fdf5e6 40%,#f8eed8);padding:1rem 1.2rem;border:1.5px solid rgba(200,180,140,.3);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(180,160,120,.25) transparent}.pc-back::-webkit-scrollbar{width:3px}.pc-back::-webkit-scrollbar-track{background:transparent}.pc-back::-webkit-scrollbar-thumb{background:#b4a0784d;border-radius:3px}.pc-back-content{display:flex;gap:1.2rem;flex:1;min-height:0}.pc-left-col{flex:1;display:flex;flex-direction:column;gap:.6rem;min-width:0;min-height:0;padding-top:.8rem}.pc-medallions{display:flex;align-items:flex-start;justify-content:center;gap:.55rem}.pc-medallion-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.pc-medallion{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;border:2.5px solid rgba(255,255,255,.5)}.pc-medallion-shine{position:absolute;top:-30%;left:-20%;width:60%;height:60%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.5) 0%,transparent 70%);pointer-events:none;z-index:1}.pc-medallion-chrono{background:linear-gradient(145deg,#ffe4b8,#ffd08c,#ffbc6b);border-color:#ffb46480;box-shadow:0 4px 16px #ffaa5040,0 1px 3px #0000000f,inset 0 2px 4px #fff9}.pc-medallion-shells{background:linear-gradient(145deg,#e8f5fe,#b8e6fc,#89d4f7);border-color:#4fc3f766;box-shadow:0 4px 16px #4fc3f733,0 1px 3px #0000000f,inset 0 2px 4px #fff9}.pc-medallion-rank{background:linear-gradient(145deg,#ffe0ec,#ffc4d9,#ffa8c8);border-color:#ff6b9d59;box-shadow:0 4px 16px #ff6b9d33,0 1px 3px #0000000f,inset 0 2px 4px #fff9}.pc-medallion-icon{font-size:1.1rem;line-height:1;z-index:2}.pc-medallion-value{font-family:"Fredoka One",cursive,var(--font-family);font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);line-height:1;z-index:2}.pc-medallion-value sup{font-size:.55rem;vertical-align:super}.pc-medallion-total{font-size:.65rem;font-weight:400;opacity:.8}.pc-medallion-sub{font-family:var(--font-family);font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15);z-index:2;text-transform:uppercase;letter-spacing:.03em;line-height:1;margin-top:2px}.pc-medallion-label{font-family:var(--font-family);font-size:.6rem;font-weight:700;color:#8b7355;text-transform:uppercase;letter-spacing:.06em}.pc-medallion-disqualified{opacity:.7;filter:grayscale(30%)}.pc-disqualified-text{font-size:.65rem;color:#fff;text-shadow:none}.pc-medallion-shells-row{display:flex;gap:2px;z-index:2}.pc-med-shell{font-size:1.05rem;line-height:1;opacity:0;transform:scale(.2)}.pc-med-shell-active{animation:medShellPop .5s cubic-bezier(.22,1.8,.36,1) forwards}.pc-med-shell-dim{filter:grayscale(1) brightness(1.3);opacity:.35;transform:scale(1)}@keyframes medShellPop{0%{opacity:0;transform:scale(.2) rotate(-20deg)}60%{opacity:1;transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pc-medallion-wrap.pw{animation:medallionPop .6s cubic-bezier(.22,1.8,.36,1) forwards}.pc-medallion-wrap.pw-2{animation-delay:.2s}.pc-medallion-wrap.pw-3{animation-delay:.5s}.pc-medallion-wrap.pw-4{animation-delay:.8s}@keyframes medallionPop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}65%{opacity:1;transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pc-avatar-circle{width:34px;height:34px;border-radius:50%;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;box-shadow:0 1px 4px #00000014;flex-shrink:0}.pc-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.pc-message-zone{min-height:70px;flex:1}.pc-message-display{position:relative;padding:.5rem .6rem;border-radius:8px;cursor:pointer;transition:background .2s;background-image:linear-gradient(to bottom,transparent calc(100% - 1px),rgba(180,160,120,.18) 0);background-size:100% 1.38rem;background-origin:content-box;background-repeat:repeat}.pc-message-display:hover{background:#ffffff73}.pc-message-text{font-family:"Patrick Hand",cursive,var(--font-family);font-size:.95rem;color:#4a3e32;line-height:1.45;margin:0}.pc-message-placeholder{color:#b0a090;font-style:italic}.pc-message-edit-hint{position:absolute;bottom:2px;right:6px;font-family:var(--font-family);font-size:.55rem;color:#b0a090;opacity:0;transition:opacity .2s}.pc-message-display:hover .pc-message-edit-hint{opacity:1}.pc-message-textarea{width:100%;box-sizing:border-box;padding:.5rem .6rem;border-radius:8px;border:none;background-color:#ffffff80;background-image:linear-gradient(to bottom,transparent calc(100% - 1px),rgba(180,160,120,.18) 0);background-size:100% 1.38rem;background-origin:content-box;background-repeat:repeat;font-family:"Patrick Hand",cursive,var(--font-family);font-size:.95rem;color:#4a3e32;line-height:1.45;resize:none;outline:none}.pc-message-textarea:focus{border-bottom-color:#b4a07866;background:#ffffffb3}.pc-signature{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.3rem}.pc-signature-label{font-family:"Patrick Hand",cursive,var(--font-family);font-size:.75rem;color:#b0a090;font-style:italic}.pc-signature-name{font-family:"Patrick Hand",cursive,var(--font-family);font-size:1rem;font-weight:700;color:#4a3e32;font-style:italic}.pc-right-col{width:130px;flex-shrink:0;display:flex;flex-direction:column;gap:.8rem;align-items:center;border-left:1.5px dashed rgba(180,160,120,.25);padding-left:1.2rem}.pc-stamp-wrapper{position:relative;overflow:visible}.pc-stamp{position:relative;width:130px;height:155px;display:flex;align-items:center;justify-content:center;background:#fffdf8;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a;padding:10px;-webkit-mask:radial-gradient(circle at 50% 0,transparent 5px,black 5px) 8px 0 / 16px 5px repeat-x,radial-gradient(circle at 50% 100%,transparent 5px,black 5px) 8px 100% / 16px 5px repeat-x,radial-gradient(circle at 0 50%,transparent 5px,black 5px) 0 8px / 5px 16px repeat-y,radial-gradient(circle at 100% 50%,transparent 5px,black 5px) 100% 8px / 5px 16px repeat-y,linear-gradient(black,black) 5px 5px / calc(100% - 10px) calc(100% - 10px) no-repeat;mask:radial-gradient(circle at 50% 0,transparent 5px,black 5px) 8px 0 / 16px 5px repeat-x,radial-gradient(circle at 50% 100%,transparent 5px,black 5px) 8px 100% / 16px 5px repeat-x,radial-gradient(circle at 0 50%,transparent 5px,black 5px) 0 8px / 5px 16px repeat-y,radial-gradient(circle at 100% 50%,transparent 5px,black 5px) 100% 8px / 5px 16px repeat-y,linear-gradient(black,black) 5px 5px / calc(100% - 10px) calc(100% - 10px) no-repeat}.pc-stamp-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:2px;background:linear-gradient(135deg,#f0f8ff,#e4f2fa);padding:4px;box-sizing:border-box;gap:2px}.pc-stamp-logo.logo{--logo-scale: .17;margin:0;padding:0;flex-shrink:0}.pc-stamp-inner .grid-miniature{width:100px;height:100px;filter:none}.pc-flamme{position:absolute;top:-14px;right:-50px;transform:rotate(-4deg);display:flex;align-items:center;pointer-events:none}.pc-flamme.pw{animation:flammeAppear .7s ease forwards}@keyframes flammeAppear{0%{opacity:0}to{opacity:.85}}.pc-flamme-circle{width:100px;height:100px;border-radius:50%;border:3.5px solid rgba(10,25,65,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex-shrink:0;position:relative;z-index:1;box-shadow:inset 0 0 4px #0a19411a,0 0 2px #0a194126}.pc-flamme-city{font-family:var(--font-family);font-size:.75rem;font-weight:800;color:#0a19418c;letter-spacing:.12em;text-transform:uppercase;line-height:1}.pc-flamme-divider{width:70%;height:1.5px;background:#0a194159;margin:2px 0}.pc-flamme-date{font-family:var(--font-family);font-size:1.25rem;font-weight:800;color:#0a1941bf;letter-spacing:.04em;line-height:1}.pc-flamme-bureau{font-family:var(--font-family);font-size:.58rem;font-weight:700;color:#0a19418c;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap}.pc-flamme-waves{width:80px;height:65px;margin-left:-22px;flex-shrink:0}.pc-recipient{display:flex;flex-direction:column;gap:.2rem;padding:0 .3rem;max-width:100%;min-width:0;overflow:hidden}.pc-recipient-label{font-family:"Patrick Hand",cursive,var(--font-family);font-size:.68rem;font-weight:700;color:#3a2e22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-recipient-input{font-family:"Patrick Hand",cursive,var(--font-family);font-size:.82rem;color:#4a3e32;background:transparent;border:none;border-bottom:1px solid rgba(180,160,120,.22);padding:.2rem .1rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.pc-recipient-input::placeholder{color:#b0a090;font-style:italic}.pc-recipient-input:focus{background:#ffffff4d}.pc-brand{font-family:var(--font-family);font-size:.6rem;font-weight:700;letter-spacing:.06em;color:#b0a090;text-align:center;margin-top:auto}.pc-back .share-watermark{display:none;width:100%;text-align:center;padding:.5rem 0 .25rem}.pc-back .share-watermark-text{font-family:var(--font-family);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:#a09080;opacity:.6}.pc-actions{display:flex;flex-direction:column;align-items:center;width:460px;max-width:92vw;gap:.4rem;z-index:103;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity 1.5s ease .3s,transform 1.5s ease .3s}.pc-actions-visible{opacity:1;transform:translateY(0);pointer-events:auto}.pc-btn{width:100%;text-align:center;border-radius:999px;padding:.65rem 1.5rem;font-family:var(--font-family);font-size:.82rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;position:relative;overflow:hidden}.pc-btn-share{font-size:1.15rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);background:linear-gradient(135deg,#ff9a5c,#ff6b6b);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 28px #ff6b6b59,inset 0 2px #ffffff4d}.pc-btn-share:hover:not(:disabled){transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#ffb07c,#ff7b7b);box-shadow:0 12px 36px #ff6b6b66,inset 0 2px #ffffff59}.pc-btn-share:active:not(:disabled){transform:translateY(0) scale(.97);transition:all .1s ease}.pc-btn-share:disabled{opacity:.7;cursor:not-allowed}.pc-btn-back{color:var(--text-secondary, #6a5a48);background:#ffffff40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.45);box-shadow:0 4px 16px #0000000a,inset 0 1px #ffffff80}.pc-btn-back:hover{transform:translateY(-2px);background:#fff6;border-color:#fff9}.pc-btn-back:active{transform:translateY(0) scale(.97);transition:all .1s ease}.pc-back.capturing{transform:none;overflow:hidden}.pc-back.capturing .pc-recipient-input::placeholder{color:transparent}.pc-back.capturing .share-watermark{display:block}.pc-back.capturing .pc-actions{display:none!important}.pw-hidden{opacity:0}.pw{animation:penWrite .7s ease forwards}.pw-1{animation-delay:0s}.pw-2{animation-delay:.2s}.pw-3{animation-delay:.5s}.pw-4{animation-delay:.8s}.pw-5{animation-delay:1.1s}.pw-6{animation-delay:1.4s}@keyframes arrive{0%{opacity:0;transform:translateY(-150px) rotate(-7deg) scale(.8)}60%{opacity:1;transform:translateY(16px) rotate(1deg) scale(1.02)}80%{transform:translateY(-4px) rotate(-.5deg) scale(.99)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes penWrite{0%{opacity:0}to{opacity:1}}@keyframes ppop{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes cfall{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}8%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(100vh) rotate(540deg) scale(.3)}}@keyframes slideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pc-front-illustration-logo{padding:1.2rem 1.5rem}.pc-front-logo-img.logo{height:80px;font-size:2.8rem;margin:0;padding:0}.pc-stamp-inner-logo-only{justify-content:center}.pc-stamp-logo-centered.logo{--logo-scale: .42;margin:0;padding:0}@media(max-width:640px){.completion-overlay{overflow:hidden}.pc-actions{flex-direction:column;width:90vw;gap:.4rem}.pc-btn{width:100%;text-align:center}}@media(max-width:480px){.pc-flip-inner{max-width:98vw;aspect-ratio:unset;height:calc(min(98vw,460px) * 5 / 7)}.pc-back{padding:10px 12px}.pc-back-content{gap:8px}.pc-right-col{width:24vw;padding-left:8px;gap:6px}.pc-stamp{width:24vw;height:calc(24vw * 1.2);padding:6px}.pc-stamp-logo.logo{--logo-scale: .1}.pc-stamp-inner .grid-miniature{flex:1 1 auto;min-height:0;width:calc(24vw - 12px);height:auto;aspect-ratio:1}.pc-flamme-circle{width:20vw;height:20vw}.pc-flamme-city{font-size:.55rem}.pc-flamme-date{font-size:.9rem}.pc-flamme-bureau{font-size:.45rem}.pc-flamme-waves{width:16vw;height:14vw;margin-left:-5vw}.pc-left-col{gap:6px;padding-top:8px}.pc-medallions{gap:4px}.pc-medallion{width:clamp(52px,17vw,68px);height:clamp(52px,17vw,68px)}.pc-medallion-icon{font-size:.85rem}.pc-medallion-value,.pc-med-shell{font-size:.8rem}.pc-medallion-label{font-size:.5rem}.pc-medallion-sub{font-size:.55rem}.pc-message-zone{min-height:0}.pc-message-text{font-size:.82rem;line-height:1.35}.pc-signature{padding-top:2px;gap:4px}.pc-avatar-circle{width:28px;height:28px}.pc-signature-name{font-size:.85rem}.pc-signature-label{font-size:.65rem}.pc-recipient-label{font-size:.58rem}.pc-recipient-input{font-size:.65rem}.pc-recipient{overflow:visible}.pc-brand{font-size:.5rem}}.shell-rating{display:inline-flex;gap:2px;align-items:center}.shell{transition:all .8s ease-out;font-size:inherit;display:inline-block}.shell-active{opacity:1;transform:scale(1);filter:none}.shell-inactive{opacity:.45;transform:scale(.85);filter:grayscale(80%) sepia(30%)}.shell-rating-sm .shell{font-size:.85rem}.shell-rating-md .shell{font-size:.58rem}.shell-rating-lg .shell{font-size:.72rem}@keyframes shellPop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.shell-pop{animation:shellPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.shell-threatened{animation:shellTremble 1.4s ease-in-out infinite}@keyframes shellTremble{0%,to{transform:scale(1) rotate(0) translateY(0)}25%{transform:scale(1) rotate(calc(var(--shell-urgency, 0) * -3.5deg)) translateY(calc(var(--shell-urgency, 0) * -.5px))}50%{transform:scale(1) rotate(calc(var(--shell-urgency, 0) * 1.5deg)) translateY(0)}75%{transform:scale(1) rotate(calc(var(--shell-urgency, 0) * -2deg)) translateY(calc(var(--shell-urgency, 0) * .3px))}}.gameover-tabs-bar{display:flex;gap:0;width:240px;max-width:60vw;background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.45);border-radius:10px;padding:3px;z-index:103;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 1s ease .3s,transform 1s ease .3s}.gameover-tabs-bar.pc-actions-visible{opacity:1;transform:translateY(0);pointer-events:auto}.gameover-tab{flex:1;padding:.2rem .4rem;border:1px solid transparent;border-radius:6px;background:transparent;font-family:"Patrick Hand",cursive,var(--font-family);font-size:.68rem;font-weight:600;color:#9a8a78;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.2rem;white-space:nowrap}.gameover-tab-active{background:#ff9a5c26;color:#e05a3a;border-color:#ff9a5c40}.gameover-valor{display:flex;align-items:center;gap:.35rem}.gameover-valor-emoji{font-size:1.3rem;line-height:1}.gameover-valor-text{font-family:"Patrick Hand",cursive,var(--font-family);font-size:1.15rem;font-weight:700;color:#e05a3a}.gameover-player-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;max-height:140px;scrollbar-width:thin;scrollbar-color:rgba(180,160,120,.25) transparent}.gameover-player-list::-webkit-scrollbar{width:3px}.gameover-player-list::-webkit-scrollbar-thumb{background:#b4a0784d;border-radius:3px}.gameover-player-entry{display:flex;align-items:center;gap:.3rem;padding:.2rem .3rem;border-radius:6px;background:#f5ebdc4d;border:1px solid rgba(200,180,140,.15);transition:all .2s ease}.gameover-entry-me{background:#ff9a5c1a;border-color:#ff9a5c40}.gameover-entry-playing{opacity:.5}.gameover-entry-rank{width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-family);font-size:.72rem;font-weight:700;color:#9a8a78}.gameover-entry-medal{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.gameover-entry-avatar{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;flex-shrink:0;box-shadow:0 1px 3px #0000000f}.gameover-entry-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.gameover-entry-name{flex:1;min-width:0;font-family:"Patrick Hand",cursive,var(--font-family);font-size:.72rem;font-weight:600;color:#4a3e32;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gameover-entry-stat{font-family:var(--font-family);font-size:.65rem;font-weight:700;color:#9a8a78;font-variant-numeric:tabular-nums;flex-shrink:0}.gameover-waiting{font-family:"Patrick Hand",cursive,var(--font-family);font-size:.72rem;color:#9a8a78;font-weight:500;margin:0;animation:waitingPulse 2s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:.6}50%{opacity:1}}.gameover-buoy-badge{width:14px;height:14px;opacity:.7;margin-left:4px;vertical-align:middle}.pc-back.capturing .gameover-valor-text{animation:none}.game-feed{background:linear-gradient(150deg,#ffffff7a,#ffffff40,#fff0f533);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border-radius:var(--radius-2xl);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffc7;border-left-color:#ffffff94;box-shadow:0 6px 24px #ff6b9d12,0 2px 8px #0000000a,inset 0 1.5px #ffffffb3,inset 0 0 24px #ffffff1f;overflow:hidden;margin-top:0;display:flex;flex-direction:column}.game-feed-list{overflow-y:auto;flex:1;min-height:0;padding:0 .7rem .5rem;display:flex;flex-direction:column;gap:.45rem}.game-feed-list::-webkit-scrollbar{width:4px}.game-feed-list::-webkit-scrollbar-track{background:transparent}.game-feed-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.feed-item{padding:.35rem .5rem;border-radius:8px;background:#ffffff47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);font-size:.68rem;display:flex;align-items:center;gap:.4rem;animation:feedSlideIn .3s ease-out}.feed-sabotage{background:#ff6b6b14;border-left:2px solid rgba(255,107,107,.3);align-items:flex-start}.feed-sabotage .feed-text{display:flex;flex-direction:column;gap:2px}.feed-sabotage-line1{display:flex;align-items:center;gap:4px;font-style:normal}.feed-sabotage-arrow{background:#ff6b6b26;color:#ff6b6b;border-radius:20px;padding:0 5px;font-size:10px;font-weight:800;line-height:1.4}.feed-sabotage-action{font-size:.58rem;opacity:.65;font-style:normal}.feed-milestone-bar{display:block;width:100%;height:4px;border-radius:2px;background:#ff9a5c33;margin-top:4px;overflow:hidden}.feed-milestone-fill{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#ff9a5c,#ffd54f);animation:milestoneFillIn 1s ease forwards}@keyframes milestoneFillIn{0%{width:0%}}.feed-finish{background:#ffd54f1f;border-left:2px solid rgba(255,215,0,.3)}.feed-overtake,.feed-milestone{background:#4fc3f714;border-left:3px solid var(--accent-primary, #4FC3F7)}.feed-icon{font-size:.75rem;flex-shrink:0}.feed-icon-img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.feed-text{flex:1;color:var(--text-primary);line-height:1.3;opacity:.85;font-style:italic}.feed-pseudo{font-weight:800;color:var(--accent-primary, #4FC3F7);font-style:normal}.feed-pseudo-enemy{color:#ff6b6b}.feed-time-badge{background:#ffd54f40;border:1px solid rgba(255,213,79,.5);border-radius:20px;padding:0 7px;font-size:10.5px;font-weight:800;color:#7a6200;font-style:normal}.feed-empty{font-size:.6rem;color:var(--text-muted);text-align:center;padding:.3rem 0;font-style:italic}.feed-chat{padding:.45rem .55rem;background:#ffffff2e;align-items:flex-start;gap:.4rem}.feed-chat-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.feed-chat-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.feed-chat-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.feed-chat-pseudo{font-size:.58rem;font-weight:700;color:var(--text-primary);line-height:1.2}.feed-pseudo-me{color:var(--accent-primary, #4FC3F7)}.feed-pseudo-enemy-chat{color:#ff6b6b}.feed-chat-text{font-size:.62rem;color:var(--text-primary);line-height:1.3;word-break:break-word}.game-feed-input{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border-top:1px solid rgba(255,255,255,.18);flex-shrink:0}.feed-chat-field{flex:1;min-width:0;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:.35rem .6rem;font-size:.62rem;color:var(--text-primary);outline:none;transition:border-color .2s,background .2s}.feed-chat-field::placeholder{color:var(--text-muted);opacity:.7}.feed-chat-field:focus{background:#ffffff38;border-color:#ffffff80}.feed-chat-send{width:28px;height:28px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff9a5c,#ff6b6b);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 3px 10px #ff6b6b59;transition:transform .2s,box-shadow .2s,opacity .2s}.feed-chat-send:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 14px #ff6b6b80}.feed-chat-send:disabled{opacity:.3;cursor:default}@keyframes feedSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.game-feed{width:100%;max-width:min(500px,92vw)}}.virtual-keyboard{display:none}@media(max-width:980px){.virtual-keyboard{display:flex;flex-direction:column;gap:4px;padding:3px 6px 0;flex-shrink:0;background:transparent;width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.vk-row{display:flex;gap:5px;justify-content:center}.vk-key{flex:1;max-width:38px;height:38px;border:none;border-radius:8px;background:#fff8e7;box-shadow:0 3px #d4ba82,0 4px 6px #8b735540;font-family:var(--font-family, "Baloo 2", cursive);font-size:1.05rem;font-weight:700;color:#8b7355;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .06s,box-shadow .06s}.vk-key:active{transform:translateY(3px);box-shadow:0 0 #d4ba82,0 1px 2px #8b735526}.vk-backspace{flex:1.6;max-width:62px;font-size:1.25rem;color:#ffa0c3;background:#ffc8dcb8;box-shadow:0 3px #ffa0c3,0 4px 6px #ffa0c34d}.vk-backspace:active{box-shadow:0 0 #ffa0c3,0 1px 2px #ffa0c333}}.grid-container{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.25rem .75rem .75rem}.grid-timer{display:flex;flex-direction:column;align-items:center;background:linear-gradient(150deg,#ffecb359,#ffc8a038,#ffab912e);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#fffc;border-left-color:#fff9;border-radius:16px;padding:2px 10px 3px;box-shadow:0 6px 24px #ffab911f,0 2px 8px #0000000a,inset 0 1.5px #ffffffb3,inset 0 0 20px #ffffff1f;position:relative;min-width:110px;transition:box-shadow 1s ease-out}.grid-timer .shell-rating{margin-top:2px;position:relative;top:2px}.grid-timer.timer-approaching .timer-digits,.grid-timer.timer-approaching .timer-separator{display:inline-block;animation:timerDigitPulse 1.6s ease-in-out infinite}@keyframes timerDigitPulse{0%,to{transform:scale(1);text-shadow:0 1px 4px rgba(0,0,0,.15)}50%{transform:scale(calc(1 + var(--shell-urgency, 0) * .07));text-shadow:0 1px 4px rgba(0,0,0,.15),0 0 calc(var(--shell-urgency, 0) * 6px) rgba(220,80,60,calc(var(--shell-urgency, 0) * .45))}}.timer-digits,.timer-separator{transition:color 1s ease}.timer-label{font-family:var(--font-family);font-size:.32rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#000000b3;background:#ffffff4d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1px 8px 2px;border-radius:0 0 6px 6px;line-height:1.2;margin-top:-4px;margin-bottom:2px}.timer-display{display:flex;align-items:baseline;gap:2px}.timer-digits{font-family:var(--font-family);font-weight:900;font-size:.95rem;color:#4a4a52;letter-spacing:.12em;font-variant-numeric:tabular-nums;line-height:1;display:inline-block;width:2.4ch;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.15)}.timer-separator{font-family:var(--font-family);font-weight:900;font-size:.85rem;color:#4a4a52;margin:0 1px;line-height:1}.grid-sidebar{display:flex;flex-direction:column;gap:.4rem;width:215px;flex-shrink:1;min-width:170px;padding-top:50px;overflow:visible;align-self:stretch}.grid-sidebar>.mp-panel{overflow:visible;flex:0 1 auto}.grid-sidebar>.mp-panel>.mp-leaderboard-list{max-height:180px;overflow-y:auto;padding:3px 4px 3px 6px}.grid-sidebar>.mp-panel>.mp-leaderboard-list::-webkit-scrollbar{width:4px}.grid-sidebar>.mp-panel>.mp-leaderboard-list::-webkit-scrollbar-track{background:transparent}.grid-sidebar>.mp-panel>.mp-leaderboard-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.grid-sidebar>.game-feed{flex:1;min-height:0}.header-back-btn,.header-mute-btn{display:none}.header-progress-bar{position:relative;flex:1;height:18px;min-width:60px;margin:0 36px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:11px;overflow:hidden;transform-origin:center center}.header-progress-bar.progress-glow{box-shadow:0 0 14px 5px #4fc3f773,0 0 28px 10px #4fc3f733;transition:box-shadow .08s ease-out}.header-progress-bar:not(.progress-glow){transition:box-shadow .35s ease-out}.header-progress-fill{position:relative;height:100%;border-radius:10px;transition:width .5s ease-out;background:repeating-linear-gradient(45deg,var(--stripe-1, rgba(79, 195, 247, .6)) 0px,var(--stripe-1, rgba(79, 195, 247, .6)) 6px,var(--stripe-2, rgba(127, 212, 250, .6)) 6px,var(--stripe-2, rgba(127, 212, 250, .6)) 10px);background-size:28px 28px;animation:stripeMove 2.5s linear infinite}@keyframes stripeMove{0%{background-position:0 0}to{background-position:28px 0}}.header-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:900;font-size:.6rem;color:#4a4a52;line-height:1;text-shadow:0 1px 2px rgba(255,255,255,.5)}.header-progress-text.progress-pop{animation:progressPop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes progressPop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.header-progress-bar.finish-tension{animation:barPulse var(--tension-speed, 1.5s) ease-in-out infinite}@keyframes barPulse{0%,to{transform:scale(1)}50%{transform:scale(var(--tension-scale, 1.04))}}.grid-wrapper.sun-rising:after{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse at center,rgba(255,213,79,.6) 0%,rgba(255,154,92,.3) 40%,transparent 70%);opacity:var(--sun-opacity, 0);pointer-events:none;z-index:0;transition:opacity .5s ease}.grid.sun-rising .cell-answer.validated{box-shadow:0 0 var(--sun-cell-glow, 0px) rgba(255,213,79,var(--sun-cell-opacity, 0));transition:box-shadow .5s ease}.grid-main{display:flex;justify-content:center;align-items:flex-start;gap:.5rem;max-width:100%}.grid-main.has-sidebar:after{content:"";width:215px;flex-shrink:999;min-width:0}.grid-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;background:#ffffff38;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:.75rem;box-shadow:0 4px 24px #0000000f}.grid-column{display:flex;flex-direction:column;align-items:center;padding-top:50px}.grid-wrapper-header{display:flex;align-items:center;padding:.5rem .75rem;gap:0;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100;background:#ffffff38;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.4);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 16px #0000000f}.grid-wrapper-header .logo{--logo-scale: .3;cursor:pointer}.grid-wrapper-header .grid-timer{min-width:auto}@media(max-width:980px){.grid-main,.grid-content{flex-direction:column;align-items:center}.grid-main.has-sidebar:after{display:none}.grid-sidebar{width:100%;max-width:min(500px,92vw);max-height:none!important;overflow:visible;padding-top:0}}.grid{--cell-size: clamp(48px, min(10.5vw, 7.5vh), 80px);display:inline-grid;background-color:transparent;border:none;border-radius:var(--radius-lg);outline:none;overflow:visible;gap:7px;padding:7px;position:relative;-webkit-tap-highlight-color:transparent}.grid-scroll-viewport,.grid-row{display:contents}.cell{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;flex:0 0 auto;-webkit-tap-highlight-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff8c}.cell:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014,inset 0 1px #fff9}.cell-empty{background:#fff8e759}.cell-clue{padding:1px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.cell-clue.clue-parasol-0{background:#96d6facc}.cell-clue.clue-parasol-1{background:#ffb4cfcc}.cell-clue.clue-parasol-2{background:#ffe491cc}.cell-clue.clue-parasol-3{background:#a5dca8cc}.cell-clue:not(.cell-clue-dual) .clue-half{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;min-height:0}.cell-clue-dual{justify-content:stretch}.cell-clue-dual .clue-half{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.clue-content{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:1.1;text-align:center;color:#1a1a1a;word-break:normal;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;white-space:normal;width:100%;padding:1px;box-sizing:border-box;text-shadow:none}.cell-clue-dual .clue-half:first-child{border-bottom:none;position:relative}.cell-clue-dual .clue-half:first-child:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background-color:#0000004d}.clue-clickable{cursor:pointer;transition:all var(--transition-fast);position:relative}.clue-selected .clue-content{font-weight:var(--font-weight-semibold)}.cell-answer{background:#ffffff52;cursor:pointer}.cell-answer:hover{background:#fff8e780;transform:translateY(-1px);box-shadow:0 4px 12px #00000014,inset 0 1px #fff9}.cell-answer.selected{background:#dacdacb8}.cell-answer.current{background:#e0d5b899;border:1.5px solid rgba(139,115,85,.3);box-shadow:0 0 12px #8b735533,inset 0 1px #ffffff80;transform:scale(1.03)}.cell-answer.validated{background:#fafcff;cursor:default}.cell-answer.validated .letter{color:#039be5;-webkit-text-stroke:.5px #039BE5}.cell-answer.validated.selected{background:#fafcff}.cell-answer.validated.current{border:1.5px solid rgba(79,165,235,.45);box-shadow:0 0 12px #4fa5eb33,inset 0 1px #ffffff80;background:#fafcff}.cell-answer.validate-glow{animation:validateGlow .5s ease-out both}@keyframes validateGlow{0%{transform:scale(1);background:#ffffff52}20%{transform:scale(1.13);background:#4fc3f780}50%{transform:scale(1.04);background:#4fc3f733}to{transform:scale(1);background:#fafcff}}.grid-content{display:flex;align-items:flex-start;gap:.5rem}.letter{font-family:var(--font-family);font-size:clamp(34px,min(10vw,5.8vh),62px);font-weight:800;color:#8b7355;text-transform:uppercase;z-index:1;line-height:1;-webkit-text-stroke:none;paint-order:normal;text-shadow:none}.arrow{position:absolute;color:var(--text-secondary);line-height:0;z-index:2;display:flex;align-items:center;justify-content:center}.arrow svg{width:clamp(9px,1.8vw,14px);height:clamp(9px,1.8vw,14px)}.arrow-top-left{top:2px;left:2px}.arrow-top-center{top:-1px;left:50%;transform:translate(-50%)}.arrow-left-center{left:1px;top:28%;transform:translateY(-50%)}.arrow-bottom-left{bottom:2px;left:2px}.mobile-multi-bar,.mobile-solo-loot,.grid-wrapper-header .mmb-btn,.header-fs-btn,.mobile-home-btn,.mobile-bottom-bar{display:none}@media(max-width:980px){.grid-container{--vk-height: 160px}.virtual-keyboard{margin-top:10px}html:has(.grid-container),html:has(.grid-container) body{overflow:hidden;height:var(--app-height, 100dvh)}.grid-container{padding:0;gap:0;height:var(--app-height, 100dvh);overflow:hidden}.grid-main,.grid-content{flex:0 1 auto;min-height:0;align-items:stretch}.grid-wrapper{flex:1;min-height:0;align-items:stretch;border-radius:0;padding:.4rem .4rem .15rem;max-width:100vw}.grid-column{flex:1;min-height:0;align-items:stretch;padding-top:0}.grid-wrapper-header{flex-shrink:0;position:relative;left:auto;transform:none;width:auto!important;background:#ffffff38;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1.5px solid rgba(255,255,255,.45);border-radius:16px;box-shadow:0 4px 24px #0000000f;overflow:hidden;padding:10px 14px 15px;margin-bottom:6px;gap:10px;z-index:auto}.header-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff59;border:1px solid rgba(255,255,255,.5);cursor:pointer;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent}.header-mute-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff59;border:1.5px solid rgba(91,181,162,.5);cursor:pointer;flex-shrink:0;padding:0;-webkit-tap-highlight-color:transparent}.header-mute-btn--muted{border-color:#e8838a80}.header-spacer{flex:1}.header-progress-bar{position:absolute;bottom:0;left:0;right:0;height:7px;min-width:0;margin:0;border-radius:0;border:none;background:#ffffff26;flex:none}.header-progress-fill{border-radius:0 3px 3px 0}.header-progress-text{display:none}.grid-scroll-viewport{display:block;max-height:calc((var(--app-height, 100dvh) - 46px - var(--vk-height, 0px)) * .95);overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.grid-scroll-viewport::-webkit-scrollbar{display:none}.grid{--cell-size: max(50px, calc((var(--app-height, 100dvh) - var(--vk-height, 0px) - 90px) / 10))}.multiplayer .grid-scroll-viewport{max-height:calc((var(--app-height, 100dvh) - 46px - var(--vk-height, 0px)) * .9)}.multiplayer .grid{--cell-size: max(50px, calc((var(--app-height, 100dvh) - var(--vk-height, 0px) - 114px) / 10))}.letter{font-size:clamp(28px,calc(var(--cell-size) * .62),46px);-webkit-text-stroke:none;text-shadow:none}.arrow svg{width:clamp(9px,calc(var(--cell-size) * .28),14px);height:clamp(9px,calc(var(--cell-size) * .28),14px)}.mobile-multi-bar,.mobile-solo-loot{display:block;position:relative;width:100%;z-index:100}.mobile-multi-bar .mmb-dropdown,.mobile-solo-loot .mmb-dropdown{position:absolute;top:0;right:.4rem;left:auto}.grid-wrapper-header .mmb-btn{display:flex}.header-fs-btn{display:flex;flex-shrink:0}.mobile-home-btn{display:none}.mmb-btn{display:flex;align-items:center;gap:4px;background:#ffffff8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.42);border-radius:10px;padding:5px 10px;font-family:var(--font-family);font-weight:700;font-size:.8rem;color:var(--text-primary);cursor:pointer;position:relative;box-shadow:0 2px 8px #0000000f,inset 0 1px #fff9;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.mmb-btn-active{background:#ffffffbf;border-color:#fff9}.mmb-badge{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:#ff6b9d;color:#fff;font-family:var(--font-family);font-size:.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 4px #ff6b9d66}.mmb-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:260px;max-height:60vh;overflow-y:auto;background:#ffffffbf;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1.5px solid rgba(255,255,255,.5);border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #ffffffb3;animation:mmbDropdownIn .2s ease-out}.mmb-dropdown::-webkit-scrollbar{width:4px}.mmb-dropdown::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.mmb-dropdown-rank{padding:4px}.mmb-dropdown-rank .mp-panel{box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none}.mmb-dropdown.mmb-dropdown-loot{overflow:visible;max-height:none;padding:.5rem .6rem}.mmb-dropdown-title{display:flex;align-items:center;gap:5px;font-family:var(--font-family);font-size:11px;font-weight:800;color:#8b7355;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.3rem}.mmb-btn-fs{padding:6px 8px;line-height:0;color:var(--text-primary)}.mmb-btn-fs svg{display:block}@keyframes mmbDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-sidebar{display:none!important}.game-feed,.grid-wrapper-header .logo{display:none}}@media(max-width:480px){.grid-timer{min-width:auto;padding:3px 10px 4px;border-radius:10px;flex-shrink:0}.timer-label{display:none}.timer-digits{font-size:1rem}.timer-separator{font-size:.85rem}.grid-wrapper{flex:0 1 auto;padding:.25rem .25rem .1rem;border-radius:16px}.grid-scroll-viewport{flex:0 1 auto;max-height:calc((var(--app-height, 100dvh) - 46px - var(--vk-height, 0px)) * .95);scrollbar-width:none;touch-action:pan-x pan-y}.grid-scroll-viewport::-webkit-scrollbar{display:none}.grid,.grid *,.cell,.cell *{outline:none!important;-webkit-tap-highlight-color:transparent}.grid{--cell-size: max(44px, calc((var(--app-height, 100dvh) - var(--vk-height, 0px) - 80px) / 10));gap:4px;padding:4px}.multiplayer .grid{--cell-size: max(44px, calc((var(--app-height, 100dvh) - var(--vk-height, 0px) - 105px) / 10))}.letter{font-size:clamp(20px,calc(var(--cell-size) * .6),36px)}.attack-toast{position:absolute;top:0;white-space:normal;max-width:88vw;text-align:center;padding:.5rem .9rem}.attack-toast-text{font-size:.8rem}.beach-loot{padding:.6rem .75rem}.loot-item{padding:4px 8px}.loot-icon{width:30px;height:30px;font-size:.95rem}.loot-name{font-size:.7rem}.wave-target-picker{position:fixed;left:50%!important;right:auto!important;bottom:auto!important;top:50%;transform:translate(-50%,-50%)!important;max-width:85vw;white-space:normal;padding:12px}.wave-target-picker:before{display:none}.wave-target-item{padding:10px 12px;gap:10px}.wave-target-avatar{width:36px;height:36px}.wave-target-name{font-size:.9rem}}@media(hover:none){.grid,.grid *,.cell,.cell *{-webkit-tap-highlight-color:transparent;outline:none!important}.cell-answer:active,.cell-empty:active,.cell-clue:active{background-color:unset}}.cell-answer.golden-flash{animation:goldenFlash 1.2s ease-out both;z-index:3}.cell-answer.golden-flash .letter,.cell-answer.validated.golden-flash .letter{color:#daa520;-webkit-text-stroke:0;transition:color .3s ease}@keyframes goldenFlash{0%{background:#f0f8ff73;transform:scale(1);box-shadow:0 2px 8px #0000000f}15%{background:#fffff0f2;transform:scale(1.12);box-shadow:0 0 20px #ffd70099,0 0 50px #ffc10759}30%{background:#ffeb96eb;transform:scale(1.22);box-shadow:0 0 35px #ffd700cc,0 0 70px #ffc10773,0 0 100px #daa52033}50%{background:#fff0aad9;transform:scale(1.08);box-shadow:0 0 25px #ffd70080,0 0 50px #ffc10740}to{background:#fff8dca6;transform:scale(1);box-shadow:0 2px 12px #daa52033}}.cell-answer.golden-revealed{background:#fff8dca6;border:1px solid rgba(218,165,32,.35);box-shadow:0 2px 12px #daa52026}.cell-answer.golden-revealed .letter,.cell-answer.validated.golden-revealed .letter{color:#daa520;-webkit-text-stroke:0}.attack-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;white-space:nowrap;animation:attackToastIn .45s cubic-bezier(.34,1.56,.64,1),attackToastOut .4s ease-in 2.6s forwards;background:linear-gradient(135deg,#ffffffd1,#f0f5fac7);border:1.5px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000001a,0 1.5px 6px #0000000f,inset 0 1px #fff9}.attack-toast-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.attack-toast-icon-img{width:1.25rem;height:1.25rem;object-fit:contain}.attack-toast-avatar{width:22px;height:22px;border-radius:50%;border:1.5px solid #fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;box-shadow:0 1px 3px #0000001a}.attack-toast-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.attack-toast-text{font-family:var(--font-family);font-size:.88rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.attack-toast-pseudo{color:#d63031;font-weight:800}.attack-toast-emoji{font-size:1.1rem;margin-left:.15em}.attack-toast-emoji-img{width:1.1rem;height:1.1rem;object-fit:contain;vertical-align:-.15em;margin-left:.15em}.attack-toast--wave,.attack-toast--fog,.attack-toast--net,.attack-toast--net-ok,.attack-toast--mouette,.attack-toast--mouette-ok{background:linear-gradient(135deg,#eceff1e6,#cfd8dce0);border-color:var(--power-fog-border);box-shadow:0 8px 32px #546e7a38,0 1.5px 6px #0000000f,inset 0 1px #ffffff80}.attack-toast--wave .attack-toast-text,.attack-toast--fog .attack-toast-text,.attack-toast--net .attack-toast-text,.attack-toast--net-ok .attack-toast-text,.attack-toast--mouette .attack-toast-text,.attack-toast--mouette-ok .attack-toast-text{color:var(--power-fog)}.attack-toast--shield{background:linear-gradient(135deg,#fff8dce6,#ffebaadb);border-color:#daa52066;box-shadow:0 8px 32px #daa52038,0 1.5px 6px #0000000f,inset 0 1px #ffffff80;animation-duration:.45s,.4s;animation-delay:0s,3.5s}.attack-toast--shield .attack-toast-text{color:#b8860b}.attack-toast--shield-deflect{border-color:#ffd70099;box-shadow:0 8px 32px #ffd7004d,0 0 20px #ffd70026,0 1.5px 6px #0000000f,inset 0 1px #ffffff80}@keyframes attackToastIn{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes attackToastOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}}.reward-particle{position:fixed;left:var(--start-x);top:var(--start-y);border-radius:50%;z-index:100;pointer-events:none;will-change:transform,opacity;animation-name:particleBurst,particleFly;animation-timing-function:ease-out,cubic-bezier(.55,0,1,.45);animation-fill-mode:both,both}.reward-particle-star{border-radius:0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.reward-particle-diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}60%{opacity:1;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.15)}to{opacity:1;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1)}}@keyframes particleFly{0%{opacity:1;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1)}35%{opacity:1;transform:translate(calc(-50% + var(--mid-dx)),calc(-50% + var(--mid-dy))) scale(1.1)}85%{opacity:.8;transform:translate(calc(-50% + var(--end-dx) * .92),calc(-50% + var(--end-dy) * .92)) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--end-dx)),calc(-50% + var(--end-dy))) scale(.15)}}.validation-flash-overlay{position:absolute;inset:0;border-radius:8px;background:#4fc3f77a;pointer-events:none;animation:flashFadeOut .35s ease-out both;z-index:3}@keyframes flashFadeOut{0%{opacity:1}to{opacity:0}}.validation-label{position:fixed;transform:translate(-50%);font-family:var(--font-family);font-weight:700;font-size:1.2rem;color:#4fc3f7;background:#ffffff59;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:4px 14px;white-space:nowrap;pointer-events:none;z-index:101;text-shadow:0 1px 4px rgba(79,195,247,.4);box-shadow:0 2px 12px #4fc3f733;animation:labelFloat .85s cubic-bezier(.22,.61,.36,1) both}.power-label-slow{animation-duration:1.3s}@keyframes labelFloat{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.3)}12%{opacity:1;transform:translate(-50%) translateY(-18px) scale(1.18)}22%{opacity:1;transform:translate(-50%) translateY(-14px) scale(1.02)}38%{opacity:1;transform:translate(-50%) translateY(-16px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.85)}}.completion-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 80% 40% at 50% 8%,rgba(255,255,255,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 60% 85%,rgba(255,200,160,.25) 0%,transparent 55%),linear-gradient(180deg,#87ceeb,#b5dff0 35%,#e2d9c0 65%,#f4e4c1);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .4s ease-out}.confetti-container{position:absolute;top:0;left:0;right:0;height:35%;pointer-events:none;overflow:hidden;border-radius:24px 24px 0 0;z-index:0;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.confetti{position:absolute;top:-14px;width:10px;height:10px;border-radius:2px;opacity:0;animation:confettiFall linear infinite}.confetti-0{background:var(--accent-secondary);width:8px;height:12px}.confetti-1{background:var(--accent-primary);width:10px;height:8px;border-radius:50%}.confetti-2{background:#ffd54f;width:7px;height:11px}.confetti-3{background:#81c784;width:9px;height:9px;border-radius:50%}@keyframes confettiFall{0%{opacity:0;transform:translateY(0) rotate(0) scale(1)}8%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(120px) rotate(540deg) scale(.3)}}.completion-modal{background:linear-gradient(145deg,#ffffff9e,#fff6,#fff0f559);backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border:1.5px solid rgba(255,255,255,.55);border-top-color:#ffffffd9;border-left-color:#ffffffb3;border-radius:24px;padding:1.2rem 1.75rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;box-shadow:0 16px 56px #ff6b9d24,0 6px 20px #d4b87a1f,0 0 0 1px #ffffff26,inset 0 1.5px #ffffffb3,inset 0 0 30px #ffffff2e;max-width:400px;width:92vw;max-height:96vh;position:relative;z-index:1;overflow:hidden}.completion-modal>*:not(.confetti-container){position:relative;z-index:1}.cascade-1,.cascade-2,.cascade-3,.cascade-4,.cascade-5,.cascade-6{opacity:0;animation:cascadeUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.cascade-1{animation-delay:.1s}.cascade-2{animation-delay:.25s}.cascade-3{animation-delay:.4s}.cascade-4{animation-delay:.55s}.cascade-5{animation-delay:.7s}.cascade-6{animation-delay:.85s}@keyframes cascadeUp{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:-2.5rem}.completion-header .logo{margin:-8px 0 0;padding:0;--logo-scale: .38}.completion-header-right{display:flex;flex-direction:column;align-items:center;gap:2px;margin-right:-1.5rem}.completion-grid-frame{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:.2rem}.grid-miniature-wrapper{transform:rotate(-2.5deg) scale(1.05);background:#ffffff08;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:7px;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:5px}.completion-date-pill{font-family:var(--font-family);font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:capitalize;padding:.18rem .7rem;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #0000000f;letter-spacing:.03em;line-height:1.3}.grid-miniature{display:grid;gap:1px;width:140px;height:140px}.mini-cell{border-radius:1.5px}.mini-cell-clue{opacity:.9}.mini-parasol-0{background:#96d6facc}.mini-parasol-1{background:#ffb4cfcc}.mini-parasol-2{background:#ffe491cc}.mini-parasol-3{background:#a5dca8cc}.mini-cell-answer{background-color:#ecd4a673;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-cell-letter{font-family:var(--font-family);font-size:6px;font-weight:800;color:#d4b87a;line-height:1;text-transform:uppercase;filter:blur(.8px);-webkit-user-select:none;user-select:none}.mini-cell-empty{background-color:transparent}.completion-avatar-circle{width:44px;height:44px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;box-shadow:0 6px 24px #0000001a,0 2px 8px #ffb4781f,inset 0 2px 4px #ffffff80,inset 0 -1px 3px #0000000a}.completion-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.completion-valorization{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.1rem}.completion-pseudo{font-family:var(--font-family);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.completion-title-emoji{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;margin-right:.3rem}.completion-title{font-family:var(--font-family);font-size:1.3rem;font-weight:800;margin:0;background:linear-gradient(105deg,#ff6b6b,#ff9a5c 25%,#ffd54f 48%,#fff8e7 52%,#ff9a5c 75%,#ff6b6b);background-size:250% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:150% center}to{background-position:-50% center}}.completion-subtitle{font-family:var(--font-family);font-size:.78rem;font-weight:600;color:var(--text-secondary);margin:.05rem 0 0}.completion-stats{display:flex;flex-direction:row;gap:.5rem;width:100%}.completion-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.5rem .6rem .4rem;background:linear-gradient(150deg,#ffffff85,#ffffff47,#fff5eb38);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1.5px solid rgba(255,255,255,.45);border-top-color:#fffc;border-left-color:#fff9;border-radius:18px;box-shadow:0 6px 24px #ff6b9d14,0 2px 8px #0000000a,inset 0 1.5px #ffffffbf,inset 0 0 24px #ffffff26;position:relative;overflow:hidden}.completion-stat-label{font-family:var(--font-family);font-size:.68rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em}.completion-stat-value{font-family:var(--font-family);font-size:1.4rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.15;display:flex;align-items:baseline;gap:.1rem}.completion-stat-total{font-size:.85rem;font-weight:600;color:var(--text-tertiary)}.completion-medal{font-size:1.1rem;margin-right:.1rem}.completion-stat-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ecd4a6,#d4b87a);border-radius:0 0 16px 16px}.stat-card-top3 .completion-stat-bar{background:linear-gradient(90deg,#b8e6fc,#4fc3f7)}.completion-percentile{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.2rem}.completion-percentile-label{font-family:var(--font-family);font-size:.9rem;font-weight:700;color:var(--text-secondary)}.percentile-highlight{color:var(--accent-secondary, #FF6B9D);font-weight:800}.percentile-parasols{display:flex;gap:4px}.percentile-parasol{width:18px;height:18px;border-radius:3px}.parasol-empty{background:#ecd4a666;border:1px solid rgba(212,184,122,.35)}.parasol-filled{border:1px solid rgba(255,255,255,.4);opacity:0;animation:parasolPop .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes parasolPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.completion-modal .btn{margin-top:.25rem;border-radius:999px;padding:.7rem 2.5rem;font-family:var(--font-family);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);background:linear-gradient(135deg,#ff9a5c,#ff6b6b);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 28px #ff6b6b59,inset 0 2px #ffffff4d;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.completion-modal .btn:before{content:"";position:absolute;top:0;left:0;width:60%;height:50%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:999px;pointer-events:none}.completion-modal .btn:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#ffb07c,#ff7b7b);border-color:#ffffff80;box-shadow:0 12px 36px #ff6b6b66,inset 0 2px #ffffff59}.completion-modal .btn:active{transform:translateY(0) scale(.97);transition:all .1s ease}.share-watermark{display:none;width:100%;text-align:center;padding:.5rem 0 .25rem}.share-watermark-text{font-family:var(--font-family);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--text-tertiary);opacity:.6}.completion-modal .modal-actions{display:flex;gap:.5rem;width:100%;margin-top:.25rem}.completion-modal .btn-share{flex:1.3;border-radius:999px;padding:.6rem .8rem;font-family:var(--font-family);font-size:.85rem;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);background:linear-gradient(135deg,#ff9a5c,#ff6b6b);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 28px #ff6b6b59,inset 0 2px #ffffff4d;position:relative;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.completion-modal .btn-share:before{content:"";position:absolute;top:0;left:0;width:60%;height:50%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:999px;pointer-events:none}.completion-modal .btn-share:hover:not(:disabled){transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#ffb07c,#ff7b7b);border-color:#ffffff80;box-shadow:0 12px 36px #ff6b6b66,inset 0 2px #ffffff59}.completion-modal .btn-share:active:not(:disabled){transform:translateY(0) scale(.97);transition:all .1s ease}.completion-modal .btn-share:disabled{opacity:.7;cursor:not-allowed}.completion-modal .btn-back{flex:1;border-radius:999px;padding:.6rem .8rem;font-family:var(--font-family);font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);background:#ffffff38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0000000a,inset 0 1px #ffffff80;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.completion-modal .btn-back:hover{transform:translateY(-2px);background:#ffffff59;border-color:#ffffff8c}.completion-modal .btn-back:active{transform:translateY(0) scale(.97);transition:all .1s ease}.completion-modal.capturing{box-shadow:inset 0 1.5px #ffffffb3,inset 0 0 30px #ffffff2e;background:linear-gradient(145deg,#ffffff9e,#fff6,#fff0f559),radial-gradient(ellipse 80% 40% at 50% 8%,rgba(255,255,255,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 60% 85%,rgba(255,200,160,.25) 0%,transparent 55%),linear-gradient(180deg,#87ceeb,#b5dff0 35%,#e2d9c0 65%,#f4e4c1)}.completion-modal.capturing .modal-actions{display:none!important}.completion-modal.capturing .share-watermark{display:block}.completion-modal.capturing .completion-title{animation:none;background:linear-gradient(135deg,#ff6b6b,#ff9a5c,#ffd54f);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:480px){.completion-modal .modal-actions{gap:.4rem}.completion-modal .btn-share,.completion-modal .btn-back{font-size:.75rem;padding:.5rem .6rem}}.mp-finish-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-xl);padding:1.25rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 8px 32px #0000001f,0 0 20px #10b98126,inset 0 1px #ffffff4d;z-index:50;animation:slideUp .4s ease-out;max-width:90vw}.mp-finish-banner-content{display:flex;align-items:center;gap:.75rem;color:var(--color-success)}.mp-finish-banner-content div{display:flex;flex-direction:column;gap:.125rem}.mp-finish-banner-content strong{font-family:var(--font-family);font-size:1.1rem;font-weight:800;color:var(--text-primary)}.mp-finish-banner-content span{font-family:var(--font-family);font-size:.9rem;font-weight:600;color:var(--text-secondary)}.mp-finish-waiting{font-size:.8rem;color:var(--text-muted);margin:0}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.beach-loot{width:100%;flex-shrink:1;flex-grow:0;padding:.4rem .55rem;background:linear-gradient(150deg,#ffffff7a,#ffffff40,#fff0f533);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffc7;border-left-color:#ffffff94;border-radius:var(--radius-2xl);box-shadow:0 6px 24px #ff6b9d12,0 2px 8px #0000000a,inset 0 1.5px #ffffffb3,inset 0 0 24px #ffffff1f;display:flex;flex-direction:column;gap:5px;overflow:visible;position:relative;z-index:10}.sidebar-section-title{display:flex;align-items:center;align-self:stretch;gap:5px;padding:.45rem 0 .3rem;line-height:1}.game-feed>.sidebar-section-title{padding-left:.7rem;padding-right:.7rem;padding-top:.6rem}.sidebar-section-title .section-icon{font-size:11px;line-height:1;flex-shrink:0}.sidebar-section-title .section-label{font-family:var(--font-family);font-size:11px;font-weight:800;color:#8b7355;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.sidebar-section-title .section-line{flex:1;height:1px;background:linear-gradient(to right,rgba(139,115,85,.2),transparent);min-width:10px}.beach-loot-icons{display:flex;flex-direction:column;gap:3px}.beach-loot-empty{font-family:var(--font-family);font-size:.65rem;font-weight:600;color:#00000059;line-height:1.3;text-align:center}.loot-item{position:relative;display:flex;align-items:center;gap:4px;cursor:pointer;padding:2px 4px;border-radius:12px;transition:background .2s ease;animation:lootAppear .5s cubic-bezier(.34,1.56,.64,1) both}.loot-item:hover{background:#ffffff4d}.loot-icon{width:22px;height:22px;border-radius:50%;background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80;display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;flex-shrink:0;position:relative}.loot-count{position:absolute;top:-5px;right:-7px;background:#ef4444;color:#fff;font-size:.55rem;font-weight:700;line-height:1;padding:1px 3px;border-radius:6px;min-width:14px;text-align:center;pointer-events:none;animation:lootCountPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes lootCountPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.loot-icon img{width:15px;height:15px;object-fit:contain}.loot-name{font-family:var(--font-family);font-size:.65rem;font-weight:700;color:var(--text-secondary);line-height:1}.loot-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#fffffff2;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1.5px solid rgba(255,255,255,.6);border-radius:12px;padding:8px 12px;box-shadow:0 4px 20px #0000001a,0 1px 4px #0000000f,inset 0 1px #fffc;display:flex;flex-direction:column;gap:2px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-50%) translate(-6px);transition:opacity .2s ease,transform .2s ease;z-index:9999}.loot-tooltip:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#fffffff2;border-left:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);box-shadow:-2px 2px 4px #0000000a}.loot-item:hover .loot-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.loot-tooltip-title{font-family:var(--font-family);font-size:.8rem;font-weight:800;color:var(--text-primary);line-height:1.2}.loot-tooltip-desc{font-family:var(--font-family);font-size:.7rem;font-weight:600;color:var(--text-tertiary);line-height:1.2}.loot-tooltip-warning{font-family:var(--font-family);font-size:.55rem;font-weight:600;font-style:italic;color:#9ca3af;line-height:1.2;margin-top:2px;white-space:normal}@media(hover:none),(max-width:980px){.loot-tooltip{left:0;right:auto;top:auto;bottom:calc(100% + 10px);transform:translateY(6px);white-space:normal;max-width:min(200px,75vw)}.loot-item:hover .loot-tooltip,.loot-item:active .loot-tooltip{opacity:1;transform:translateY(0)}.loot-tooltip:after{inset:auto auto -6px 16px;transform:rotate(45deg);border-right:none;border-top:none;border-bottom:1.5px solid rgba(255,255,255,.6);border-left:1.5px solid rgba(255,255,255,.6);box-shadow:-2px 2px 4px #0000000a}.mmb-dropdown-loot .loot-item:hover,.mmb-dropdown-loot .loot-item:active{z-index:9999}.mmb-dropdown-loot .loot-tooltip{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:260px;max-width:85vw;z-index:10000;opacity:0;pointer-events:none}.mmb-dropdown-loot .loot-item:hover .loot-tooltip,.mmb-dropdown-loot .loot-item:active .loot-tooltip{opacity:1;transform:translate(-50%,-50%)}.mmb-dropdown-loot .loot-tooltip:after{display:none}}@keyframes lootAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.loot-item-active{background:#4fc3f726;border-radius:12px}.loot-item-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wave-target-picker{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid rgba(255,255,255,.6);border-radius:14px;padding:8px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;flex-direction:column;gap:4px;z-index:var(--z-picker);white-space:nowrap;animation:pickerAppear .2s cubic-bezier(.34,1.56,.64,1) both}.wave-target-picker:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#ffffffeb;border-left:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);box-shadow:-2px 2px 4px #0000000a}.wave-target-title{font-family:var(--font-family);font-size:.65rem;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:0 6px;line-height:1}.wave-target-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background .15s ease}.wave-target-item:hover{background:#4fc3f726}.wave-target-item:active{background:#4fc3f740;transform:scale(.97)}.wave-target-item.target-protected,.wave-target-item.target-finished{opacity:.45;cursor:not-allowed}.wave-target-item.target-protected:hover,.wave-target-item.target-finished:hover{background:transparent}.target-shield{margin-left:auto;font-size:.85rem;line-height:1}.wave-target-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.wave-target-avatar-img{width:110%;height:110%;object-fit:contain}.wave-target-name{font-family:var(--font-family);font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1}@keyframes pickerAppear{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(max-width:980px){.wave-target-picker{left:auto;right:0;top:auto;bottom:calc(100% + 10px);transform:none;animation-name:pickerAppearMobile}.wave-target-picker:before{display:none}@keyframes pickerAppearMobile{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}.grid.wave-active:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;will-change:clip-path,opacity;background:radial-gradient(ellipse 45% 30% at 22% 72%,rgba(129,212,250,.2) 0%,transparent 100%),radial-gradient(ellipse 35% 22% at 58% 55%,rgba(179,229,252,.16) 0%,transparent 100%),radial-gradient(ellipse 40% 28% at 82% 78%,rgba(100,181,246,.18) 0%,transparent 100%),linear-gradient(0deg,rgba(13,71,161,.3) 0%,rgba(21,101,192,.26) 12%,rgba(33,150,243,.22) 28%,rgba(66,165,245,.17) 45%,rgba(100,181,246,.12) 62%,rgba(144,202,249,.06) 80%,transparent 100%);animation:waveRise 8s ease-out forwards}.grid.wave-active:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;z-index:5;pointer-events:none;will-change:clip-path,opacity,transform;background:repeating-linear-gradient(-25deg,transparent 0px,rgba(255,255,255,.08) 2px,transparent 4px,transparent 20px),repeating-linear-gradient(155deg,transparent 0px,rgba(255,255,255,.05) 1.5px,transparent 3px,transparent 28px);animation:waveRiseSurface 8s ease-out forwards,waveShimmer 2.5s linear infinite}@keyframes waveRise{0%{clip-path:polygon(0% 100%,10% 100%,20% 100%,30% 100%,40% 100%,50% 100%,60% 100%,70% 100%,80% 100%,90% 100%,100% 100%,100% 100%,0% 100%)}15%{clip-path:polygon(0% 80%,10% 76%,20% 74%,30% 76%,40% 80%,50% 80%,60% 76%,70% 74%,80% 76%,90% 80%,100% 80%,100% 100%,0% 100%)}35%{clip-path:polygon(0% 55%,10% 55%,20% 51%,30% 47%,40% 49%,50% 54%,60% 55%,70% 51%,80% 47%,90% 49%,100% 54%,100% 100%,0% 100%)}55%{clip-path:polygon(0% 33%,10% 32%,20% 33%,30% 29%,40% 26%,50% 28%,60% 32%,70% 33%,80% 29%,90% 26%,100% 28%,100% 100%,0% 100%)}70%{clip-path:polygon(0% 16%,10% 16%,20% 15%,30% 16%,40% 13%,50% 11%,60% 13%,70% 15%,80% 16%,90% 13%,100% 11%,100% 100%,0% 100%)}82%{clip-path:polygon(0% 4%,10% 4%,20% 4%,30% 3%,40% 4%,50% 2%,60% 1%,70% 2%,80% 3%,90% 4%,100% 2%,100% 100%,0% 100%)}90%{clip-path:polygon(0% 0%,10% 0%,20% 0%,30% 0%,40% 0%,50% 0%,60% 0%,70% 0%,80% 0%,90% 0%,100% 0%,100% 100%,0% 100%);opacity:1}to{clip-path:polygon(0% 0%,10% 0%,20% 0%,30% 0%,40% 0%,50% 0%,60% 0%,70% 0%,80% 0%,90% 0%,100% 0%,100% 100%,0% 100%);opacity:0}}@keyframes waveRiseSurface{0%{clip-path:inset(50% 25% 0 25%);opacity:0}10%{opacity:0}20%{clip-path:inset(39% 25% 0 25%);opacity:.6}40%{clip-path:inset(24% 25% 0 25%);opacity:.8}60%{clip-path:inset(11% 25% 0 25%)}75%{clip-path:inset(2.5% 25% 0 25%);opacity:.8}88%{clip-path:inset(0 25% 0 25%);opacity:.7}to{clip-path:inset(0 25% 0 25%);opacity:0}}@keyframes waveShimmer{0%{transform:translate(0)}to{transform:translate(-15%,-10%)}}.wave-foam{position:absolute;width:var(--foam-size, 5px);height:var(--foam-size, 5px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.97) 25%,rgba(179,229,252,.6) 70%,transparent 100%);box-shadow:0 0 8px #ffffffe6,0 0 16px #4fc3f780,0 0 28px #4fc3f733;z-index:6;pointer-events:none;left:var(--foam-x, 50%);top:var(--foam-y, 80%);opacity:0;animation:foamDash 2.5s ease-out var(--foam-delay, 0s) forwards}@keyframes foamDash{0%{opacity:0;transform:translate(0) scale(.2)}8%{opacity:1;transform:translate(2px,-3px) scale(1.4)}20%{opacity:.95;transform:translate(8px,-10px) scale(1.1)}45%{opacity:.7;transform:translate(22px,-16px) scale(.9)}70%{opacity:.35;transform:translate(38px,-26px) scale(.5)}to{opacity:0;transform:translate(55px,-38px) scale(.15)}}.flying-attack{position:fixed;z-index:200;pointer-events:none;font-size:1.6rem;line-height:1;animation:flyAttack .55s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes flyAttack{0%{left:var(--fw-sx);top:var(--fw-sy);opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{left:calc(var(--fw-sx) + (var(--fw-ex) - var(--fw-sx)) * .4);top:calc(var(--fw-sy) + (var(--fw-ey) - var(--fw-sy)) * .4 - 30px);opacity:1;transform:translate(-50%,-50%) scale(1.4)}to{left:var(--fw-ex);top:var(--fw-ey);opacity:.5;transform:translate(-50%,-50%) scale(.6)}}.flying-attack-trail{position:fixed;z-index:199;pointer-events:none;width:6px;height:6px;border-radius:50%;animation:flyAttackTrail .55s cubic-bezier(.25,.46,.45,.94) forwards}.flying-attack-trail-wave{background:#4fc3f799;box-shadow:0 0 6px #4fc3f766}.flying-attack-trail-fog{background:#90a4ae99;box-shadow:0 0 6px #90a4ae66}.flying-attack-trail-net{background:#8d6e6399;box-shadow:0 0 6px #8d6e6366}@keyframes flyAttackTrail{0%{left:var(--fw-sx);top:var(--fw-sy);opacity:.7;transform:translate(-50%,-50%) scale(1)}to{left:var(--fw-ex);top:var(--fw-ey);opacity:0;transform:translate(-50%,-50%) scale(.2)}}.fog-layer{position:absolute;top:-8px;bottom:-8px;left:0;z-index:8;pointer-events:none;overflow:hidden;will-change:transform,opacity;-webkit-mask-image:linear-gradient(to right,transparent 0%,white 18%,white 82%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,white 18%,white 82%,transparent 100%)}.fog-layer-base{width:95%;background:radial-gradient(ellipse 65% 50% at 22% 25%,rgba(255,255,255,.82) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 72% 75%,rgba(255,255,255,.65) 0%,transparent 65%),radial-gradient(ellipse 75% 35% at 48% 48%,rgba(248,251,255,.4) 0%,transparent 80%),radial-gradient(ellipse 30% 40% at 88% 32%,rgba(255,255,255,.55) 0%,transparent 60%);background-size:130% 130%;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);animation:fogBase 14s linear forwards,fogBaseDrift 5s ease-in-out infinite}@keyframes fogBase{0%{transform:translate(-105%);opacity:0}3%{opacity:.85}25%{transform:translate(-14%,3%)}50%{transform:translate(14%,-2%)}75%{transform:translate(57%,3%)}95%{opacity:.85}to{transform:translate(108%);opacity:0}}@keyframes fogBaseDrift{0%,to{background-position:0% 0%}33%{background-position:6% -5%}66%{background-position:-5% 6%}}.fog-layer-dense{width:75%;background:radial-gradient(ellipse 50% 45% at 30% 38%,rgba(255,255,255,.92) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 72% 65%,rgba(255,255,255,.85) 0%,transparent 50%),radial-gradient(ellipse 30% 30% at 50% 20%,rgba(255,255,255,.4) 0%,transparent 50%);background-size:140% 140%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fogDense 14s linear forwards,fogDenseDrift 7s ease-in-out infinite}@keyframes fogDense{0%{transform:translate(-110%);opacity:0}5%{opacity:.9}25%{transform:translate(-11%,-3%)}50%{transform:translate(29%,2%)}75%{transform:translate(77%,-2%)}93%{opacity:.9}to{transform:translate(138%);opacity:0}}@keyframes fogDenseDrift{0%,to{background-position:0% 0%}50%{background-position:-7% 6%}}.fog-layer-wisps{width:100%;background:linear-gradient(-25deg,transparent 0%,rgba(255,255,255,.4) 10%,transparent 20%,rgba(250,252,255,.3) 34%,transparent 46%,rgba(255,255,255,.35) 60%,transparent 72%,rgba(248,251,255,.25) 86%,transparent 100%);background-size:200% 200%;animation:fogWisps 14s linear forwards,fogWispsDrift 3.5s linear infinite}@keyframes fogWisps{0%{transform:translate(-105%);opacity:0}2%{opacity:.65}25%{transform:translate(-14%,2%)}50%{transform:translate(12%,-1%)}75%{transform:translate(53%,2%)}94%{opacity:.65}to{transform:translate(105%);opacity:0}}@keyframes fogWispsDrift{0%{background-position:0% 0%}to{background-position:80% 30%}}.cell-answer.net-blocked{pointer-events:none;cursor:not-allowed}.cell-answer.net-blocked .letter{color:#8b735573;-webkit-text-stroke:none;text-shadow:none;transition:color .3s ease}.cell-answer.net-fading .letter{color:#8b7355}.net-overlay{position:absolute;z-index:4;pointer-events:none;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cline x1='0' y1='0' x2='24' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='24' y1='0' x2='0' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%238a7348' opacity='0.6'/%3E%3C/svg%3E") repeat,#d2be960f;border:3px solid rgba(155,130,85,.55);box-shadow:0 6px 20px #785f3740,0 2px 6px #00000014,inset 0 0 24px #aa916414;animation:netDrop .6s cubic-bezier(.22,1,.36,1) both}@keyframes netDrop{0%{opacity:0;transform:translateY(-40px) scaleY(.2) scaleX(.85)}55%{opacity:1;transform:translateY(6px) scaleY(1.06) scaleX(1.02)}75%{transform:translateY(-2px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1) scaleX(1)}}.net-overlay-fading{animation:netLift 1s ease-in forwards!important}@keyframes netLift{0%{opacity:1;transform:translateY(0) scaleY(1) scaleX(1)}to{opacity:0;transform:translateY(-35px) scaleY(.4) scaleX(.85)}}.grid.net-targeting-active{cursor:crosshair}.net-targeting-overlay{position:absolute;z-index:5;pointer-events:none;border:3px solid rgba(155,130,85,.6);border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cline x1='0' y1='0' x2='24' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='24' y1='0' x2='0' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%238a7348' opacity='0.6'/%3E%3C/svg%3E") repeat,#d2be9626;box-shadow:0 6px 20px #785f374d,0 2px 6px #0000001a,inset 0 0 24px #aa91641a;transition:top .12s ease-out,left .12s ease-out,width .08s ease-out,height .08s ease-out;animation:netTargetPulse 1.2s ease-in-out infinite}@keyframes netTargetPulse{0%,to{opacity:.7}50%{opacity:1}}.cell-answer.net-cascading{animation:netCellDeposit .4s cubic-bezier(.22,.61,.36,1) both;z-index:4}.cell-answer.net-cascading .letter{color:#8b7355;-webkit-text-stroke:.5px #8B7355}@keyframes netCellDeposit{0%{opacity:0;transform:translateY(-16px) scale(.8)}60%{opacity:1;transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.net-throw{position:fixed;z-index:210;pointer-events:none;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cline x1='0' y1='0' x2='24' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='24' y1='0' x2='0' y2='24' stroke='%23a08858' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%238a7348' opacity='0.6'/%3E%3C/svg%3E") repeat,#d2be9626;border:3px solid rgba(155,130,85,.6);box-shadow:0 6px 20px #785f374d,0 2px 6px #0000001a,inset 0 0 24px #aa91641a}.net-throw-throw{left:var(--net-zx);top:var(--net-zy);width:var(--net-zw);height:var(--net-zh);transform-origin:center center;animation:netCast .7s cubic-bezier(.22,1,.36,1) both}@keyframes netCast{0%{opacity:0;transform:scale(2.2) translateY(-40px);filter:blur(3px)}30%{opacity:1;transform:scale(1.1) translateY(0);filter:blur(0px)}50%{transform:scale(.97) translateY(2px)}65%{opacity:1;transform:scale(1.02)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85) translateY(6px);filter:blur(1px)}}.net-throw-return{left:calc(var(--net-zx) + var(--net-zw) * .15);top:calc(var(--net-zy) + var(--net-zh) * .15);width:calc(var(--net-zw) * .7);height:calc(var(--net-zh) * .7);animation:netReturn 1.2s cubic-bezier(.22,1,.36,1) both;display:flex;align-items:center;justify-content:center}@keyframes netReturn{0%{opacity:0;transform:scale(.6) translateY(10px);filter:blur(2px)}15%{opacity:1;transform:scale(1.15) translateY(-8px);filter:blur(0)}30%{transform:scale(1.05) translateY(-4px)}50%{left:calc(var(--net-zx) + var(--net-zw) * .15);top:calc(var(--net-zy) + var(--net-zh) * .15);transform:scale(1) translateY(0)}to{left:calc(var(--net-tx) - var(--net-zw) * .35);top:calc(var(--net-ty) - var(--net-zh) * .35);opacity:1;transform:scale(1) rotate(0)}}.net-throw-deposit{left:calc(var(--net-tx) - var(--net-zw) * .35);top:calc(var(--net-ty) - var(--net-zh) * .35);width:calc(var(--net-zw) * .7);height:calc(var(--net-zh) * .7);animation:netDeposit .5s ease-out both}@keyframes netDeposit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.net-throw-letters{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center;padding:4px}.net-throw-letter{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffffeb;border:1.5px solid rgba(155,130,85,.5);border-radius:4px;font-size:13px;font-weight:700;color:#8b7355;animation:netLetterBob .6s ease-in-out infinite alternate;box-shadow:0 1px 3px #00000026}@keyframes netLetterBob{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}@media(max-width:980px){.net-throw-letter{width:18px;height:18px;font-size:11px}}.grid.buoy-roulette-active .cell-answer{transition:background .08s ease-out,box-shadow .08s ease-out,transform .08s ease-out,border-color .08s ease-out;will-change:background,box-shadow,transform}.grid.buoy-roulette-active .cell-answer.validated{opacity:.7;transition:opacity .3s ease,background .08s ease-out,box-shadow .08s ease-out,transform .08s ease-out}.cell-answer.buoy-roulette{background:#4fc3f74d!important;box-shadow:0 0 14px #4fc3f780,0 0 28px #4fc3f733,inset 0 1px #ffffff80!important;border-color:#4fc3f773!important;transform:scale(1.06)!important;z-index:3}.cell-answer.buoy-revealing{animation:buoyReveal .9s cubic-bezier(.34,1.56,.64,1) both;z-index:4}.cell-answer.buoy-revealing .letter{color:#039be5;-webkit-text-stroke:0}@keyframes buoyReveal{0%{transform:scale(.7) translateY(20px);background:#4fc3f726;box-shadow:0 2px 8px #0000000f;opacity:.5}20%{transform:scale(1.28) translateY(-8px);background:#4fc3f780;box-shadow:0 0 28px #4fc3f7b3,0 0 56px #4fc3f759,0 0 90px #039be52e;opacity:1}45%{transform:scale(1.12) translateY(-3px);background:#4fc3f761;box-shadow:0 0 20px #4fc3f780,0 0 40px #4fc3f733}70%{transform:scale(1.02) translateY(1px)}to{transform:scale(1) translateY(0);background:#f0f8ff80;box-shadow:0 0 10px #4fc3f733,0 2px 8px #0000000f}}.grid.bigbuoy-roulette-active .cell-clue{transition:opacity .08s ease-out,filter .08s ease-out,transform .08s ease-out,box-shadow .08s ease-out;will-change:opacity,filter,transform,box-shadow}.grid.bigbuoy-roulette-active .cell-clue:not(.bigbuoy-roulette){opacity:.65;filter:brightness(.92)}.cell-clue.bigbuoy-roulette{box-shadow:0 0 16px #4fc3f78c,0 0 32px #4fc3f738,inset 0 1px #ffffff80!important;transform:scale(1.06)!important;z-index:3;filter:brightness(1.1) saturate(1.15)}.cell-answer.bigbuoy-revealing{animation:bigBuoyReveal .9s cubic-bezier(.34,1.56,.64,1) both;z-index:4}.cell-answer.bigbuoy-revealing .letter{color:#4fc3f7;-webkit-text-stroke:0}@keyframes bigBuoyReveal{0%{transform:scale(.6) translateY(24px);background:#4fc3f71a;box-shadow:0 2px 8px #0000000f;opacity:.4}25%{transform:scale(1.3) translateY(-10px);background:#4fc3f780;box-shadow:0 0 30px #4fc3f7b3,0 0 60px #4fc3f759,0 0 90px #2979ff2e;opacity:1}50%{transform:scale(1.1) translateY(-4px);background:#4fc3f759;box-shadow:0 0 20px #4fc3f773,0 0 40px #4fc3f733}75%{transform:scale(1.02) translateY(1px)}to{transform:scale(1) translateY(0);background:#e1f5fe80;box-shadow:0 0 10px #4fc3f726,0 2px 8px #0000000f}}.cell-answer.mouette-dissolving{animation:mouetteDissolve .5s ease-out forwards;z-index:4}.cell-answer.mouette-dissolving .letter{animation:mouetteLetterVanish .5s ease-out forwards}@keyframes mouetteDissolve{0%{background:#f0f8ff73}40%{background:#d2bea01f}to{background:#d2bea026}}@keyframes mouetteLetterVanish{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.8)}}.cell-answer.mouette-flag{pointer-events:none;cursor:not-allowed;background:#d2bea026;border-color:#a08c6e33}.mouette-footprints{display:flex;align-items:center;justify-content:center}.mouette-footprint-svg{width:70%;height:70%;opacity:.8;animation:mouetteFootprintAppear .4s ease-out both}.cell-answer.mouette-flag-fading .mouette-footprint-svg{animation:mouetteFootprintFade 1s ease-in forwards}@keyframes mouetteFootprintAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes mouetteFootprintFade{0%{opacity:1;filter:blur(0)}60%{opacity:.4;filter:blur(.5px)}to{opacity:0;filter:blur(2px)}}.cell-clue.clue-mouette-stolen{position:relative}.clue-mouette-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#d2bea040;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:inherit;animation:mouetteClueStolen .5s ease-out}.clue-mouette-emoji{width:calc(var(--cell-size) * .45);height:calc(var(--cell-size) * .45);object-fit:contain;animation:mouetteClueEmojiPulse 2.5s ease-in-out infinite}@keyframes mouetteClueStolen{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes mouetteClueEmojiPulse{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-3deg)}}.cell-answer.mouette-cascading{animation:mouetteCascade .7s cubic-bezier(.22,.61,.36,1) both;z-index:4}.cell-answer.mouette-cascading .letter{color:#039be5;-webkit-text-stroke:.5px #039BE5}@keyframes mouetteCascade{0%{transform:scale(.85) translateY(-18px);background:#4fc3f70f;opacity:0}40%{transform:scale(1.03) translateY(0);background:#4fc3f740;box-shadow:0 0 14px #4fc3f759,0 0 28px #2196f326;opacity:1}70%{transform:scale(1) translateY(0);background:#4fc3f726;box-shadow:0 0 8px #4fc3f733}to{transform:scale(1) translateY(0);background:#f0f8ff73;box-shadow:0 0 4px #4fc3f71a,0 2px 6px #0000000a}}.mouette-icon-inline,.bouee-icon-inline{width:1.3rem;height:1.3rem;object-fit:contain;vertical-align:middle}.mouette-gull,.mouette-victim-gull{position:fixed;z-index:210;pointer-events:none;width:56px;height:36px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}.mouette-gull svg,.mouette-victim-gull svg{width:100%;height:100%}.mouette-gull-depart{animation:gullDepart 1.2s cubic-bezier(.4,0,.15,1) forwards}@keyframes gullDepart{0%{left:var(--gull-sx);top:var(--gull-sy);transform:translate(-50%,-50%) scale(1) rotate(-10deg);opacity:1}20%{transform:translate(-50%,-50%) scale(1.15) rotate(-20deg);opacity:1}to{left:var(--gull-ex);top:var(--gull-ey);transform:translate(-50%,-50%) scale(.5) rotate(-30deg);opacity:0}}.mouette-gull-return{animation:gullReturn 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes gullReturn{0%{left:var(--gull-sx);top:var(--gull-sy);transform:translate(-50%,-50%) scale(.4) rotate(-20deg);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-12deg)}50%{transform:translate(-50%,-50%) scale(1.05) rotate(-4deg)}80%{transform:translate(-50%,-50%) scale(1.02) rotate(2deg)}to{left:var(--gull-ex);top:var(--gull-ey);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.mouette-gull-perch{left:var(--gull-ex);top:var(--gull-ey);transform:translate(-50%,-50%);animation:gullPerch 1.8s ease-in-out infinite}@keyframes gullPerch{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}30%{transform:translate(-50%,-50%) rotate(3deg) scale(1.03)}70%{transform:translate(-50%,-50%) rotate(-2deg) scale(.98)}}.mouette-gull-leave{animation:gullLeave .8s cubic-bezier(.4,0,.15,1) forwards}@keyframes gullLeave{0%{left:var(--gull-sx);top:var(--gull-sy);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}30%{transform:translate(-50%,-50%) scale(1.1) rotate(-15deg);opacity:1}to{left:var(--gull-ex);top:var(--gull-ey);transform:translate(-50%,-50%) scale(.4) rotate(-30deg);opacity:0}}.mouette-victim-gull-flyover{animation:gullVictimFlyover var(--gull-duration) linear forwards}@keyframes gullVictimFlyover{0%{left:var(--gull-sx);top:var(--gull-sy);transform:translate(-50%,-50%) scale(.4) rotate(8deg);opacity:0}6%{opacity:1;transform:translate(-50%,-50%) scale(.7) rotate(4deg)}30%{top:var(--gull-my);transform:translate(-50%,-50%) scale(1) rotate(-2deg);opacity:1}60%{top:var(--gull-my);transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}85%{transform:translate(-50%,-50%) scale(.7) rotate(-8deg);opacity:.8}to{left:var(--gull-ex);top:var(--gull-ey);transform:translate(-50%,-50%) scale(.35) rotate(-12deg);opacity:0}}.clue-half.clue-mouette-target{cursor:pointer;transition:background .15s,box-shadow .15s}.clue-half.clue-mouette-target:hover{background:#ffc86440;box-shadow:inset 0 0 0 2px #ffb43280}.clue-half.clue-mouette-locked{cursor:not-allowed;opacity:.4;pointer-events:none}.grid.mouette-select-active{outline:2px solid rgba(255,180,50,.5);outline-offset:2px}.mouette-select-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:6px;border-radius:10px;background:linear-gradient(135deg,#ffe696d9,#ffd264c7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(218,165,32,.35);box-shadow:0 4px 16px #daa52026;font-size:.85rem;color:#5a4000;animation:mouetteBannerAppear .3s ease-out}.mouette-select-banner-icon{width:22px;height:22px;flex-shrink:0}.mouette-select-cancel{margin-left:auto;padding:4px 12px;border:1px solid rgba(218,165,32,.4);border-radius:6px;background:#ffffff80;cursor:pointer;font-size:.8rem;color:#5a4000;transition:background .15s}.mouette-select-cancel:hover{background:#fffc}@keyframes mouetteBannerAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mouette-gull-shrug{animation:gullShrug .8s ease-in-out forwards;left:var(--gull-sx);top:var(--gull-sy)}@keyframes gullShrug{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(10deg) scale(1.05)}50%{transform:translate(-50%,-50%) rotate(-8deg) scale(1.03)}75%{transform:translate(-50%,-50%) rotate(3deg) scale(1)}}.shield-overlay{position:absolute;inset:-4px;z-index:5;pointer-events:none;border-radius:inherit;overflow:hidden;border:none;background:radial-gradient(ellipse at center,#ffd70005,#ffd7000d 35%,#daa5201a 65%,#daa5202e);box-shadow:0 0 20px #ffd70059,0 0 50px #daa52026,inset 0 0 30px #ffd7001a,inset 0 0 80px #daa5200f;animation:shieldPulse 2.5s ease-in-out infinite,shieldAppear .7s ease-out}.shield-overlay:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(255,235,150,.12) 44%,rgba(255,255,220,.18) 50%,rgba(255,235,150,.12) 56%,transparent 60%,transparent 100%);animation:shieldSweep 3.5s ease-in-out infinite}.shield-overlay:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 25%,rgba(255,215,0,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.06) 0%,transparent 35%),radial-gradient(circle at 50% 10%,rgba(255,255,200,.07) 0%,transparent 30%);animation:shieldShimmer 4s ease-in-out infinite alternate}@keyframes shieldPulse{0%,to{border-color:#daa5208c;box-shadow:0 0 20px #ffd70059,0 0 50px #daa52026,inset 0 0 30px #ffd7001a,inset 0 0 80px #daa5200f}50%{border-color:#daa520bf;box-shadow:0 0 30px #ffd70080,0 0 60px #daa52038,inset 0 0 40px #ffd70024,inset 0 0 90px #daa52014}}@keyframes shieldAppear{0%{opacity:0;transform:scale(1.06)}60%{opacity:1;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes shieldSweep{0%{transform:translate(-120%)}45%,55%{transform:translate(0)}to{transform:translate(120%)}}@keyframes shieldShimmer{0%{opacity:.5}to{opacity:1}}.shield-overlay.shield-deflecting{border-width:4px;animation:shieldDeflectFlash 1.4s ease-out,shieldPulse 2.5s ease-in-out infinite 1.4s}.shield-overlay.shield-deflecting:before{animation:shieldDeflectSweep .6s ease-out}@keyframes shieldDeflectFlash{0%{border-color:#ffffc8;background:radial-gradient(ellipse at center,#ffffc826,#ffd70033 40%,#daa5204d);box-shadow:0 0 60px #ffd700cc,0 0 120px #ffd70066,inset 0 0 60px #ffd7004d,inset 0 0 120px #daa52026}40%{background:radial-gradient(ellipse at center,#ffd7000f,#daa5201f,#daa52033)}to{border-color:#daa5208c;background:radial-gradient(ellipse at center,#ffd70005,#ffd7000d 35%,#daa5201a 65%,#daa5202e);box-shadow:0 0 20px #ffd70059,0 0 50px #daa52026,inset 0 0 30px #ffd7001a,inset 0 0 80px #daa5200f}}@keyframes shieldDeflectSweep{0%{transform:translate(-50%);opacity:3;background:linear-gradient(115deg,transparent 30%,rgba(255,255,200,.5) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,200,.5) 55%,transparent 70%)}to{transform:translate(50%);opacity:0}}.shield-ripple{position:absolute;inset:-3px;z-index:6;pointer-events:none;border-radius:inherit;border:2px solid rgba(255,215,0,.7);animation:shieldRippleExpand 1.2s ease-out forwards}@keyframes shieldRippleExpand{0%{transform:scale(1);opacity:1;border-color:#ffd700cc;box-shadow:0 0 20px #ffd70080}to{transform:scale(1.15);opacity:0;border-color:#ffd70000;box-shadow:0 0 40px #ffd70000}}.shield-burst-particle{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,gold,#daa520);pointer-events:none;z-index:55;box-shadow:0 0 8px #ffd700cc,0 0 16px #ffd70066;animation:shieldBurstFly 1.2s ease-out forwards;transform:translate(-50%,-50%)}@keyframes shieldBurstFly{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}60%{opacity:1;transform:translate(-50%,-50%) translate(calc(cos(var(--burst-angle)) * var(--burst-dist)),calc(sin(var(--burst-angle)) * var(--burst-dist))) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--burst-angle)) * var(--burst-dist) * 1.3),calc(sin(var(--burst-angle)) * var(--burst-dist) * 1.3)) scale(.3)}}.shield-impact-flash{position:fixed;width:0;height:0;z-index:55;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,200,.9),rgba(255,215,0,.6),transparent 70%);animation:shieldImpactFlash 1.4s ease-out forwards}@keyframes shieldImpactFlash{0%{width:0;height:0;opacity:1;box-shadow:0 0 40px #ffd700e6,0 0 80px #ffd70080}30%{width:100px;height:100px;opacity:1;box-shadow:0 0 60px #ffd700cc,0 0 120px #ffd70066}to{width:140px;height:140px;opacity:0;box-shadow:0 0 20px #ffd70000,0 0 40px #ffd70000}}.shield-impact-particle{position:fixed;width:5px;height:5px;border-radius:50%;background:gold;pointer-events:none;z-index:56;box-shadow:0 0 6px #ffd700e6,0 0 12px #ffd70080;transform:translate(-50%,-50%);animation:shieldSparkFly 1.2s ease-out forwards;animation-delay:var(--spark-delay, 0s)}@keyframes shieldSparkFly{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1.5)}50%{opacity:1;transform:translate(-50%,-50%) translate(calc(cos(var(--spark-angle)) * var(--spark-dist)),calc(sin(var(--spark-angle)) * var(--spark-dist))) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--spark-angle)) * var(--spark-dist) * 1.4),calc(sin(var(--spark-angle)) * var(--spark-dist) * 1.4)) scale(0)}}.countdown-active{pointer-events:none}.countdown-active .grid{opacity:.15;transition:opacity .25s}.countdown-overlay{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;border-radius:0 0 16px 16px;pointer-events:none;contain:content}.countdown-preload{opacity:0;pointer-events:none}.countdown-scene{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.countdown-tile{position:relative;width:160px;height:160px;border-radius:24px;transform:rotate(-3deg)}.countdown-tile-3,.countdown-tile-1{animation:countdownTileEnterA .5s cubic-bezier(.22,1.8,.36,1) forwards}.countdown-tile-2,.countdown-tile-go{animation:countdownTileEnterB .5s cubic-bezier(.22,1.8,.36,1) forwards}.countdown-tile-glass{position:absolute;inset:0;border-radius:24px;background:#ffffff61;backdrop-filter:blur(22px) saturate(1.6) brightness(1.06);-webkit-backdrop-filter:blur(22px) saturate(1.6) brightness(1.06);border:2px solid rgba(255,255,255,.78);border-top-color:#fffffff7;border-left-color:#ffffffe0;box-shadow:0 14px 44px #00000024,0 3px 10px #00000014,inset 0 2px #fffffff2,inset 0 -2px #8cc3e61f;overflow:hidden}.countdown-tile-glass:before{content:"";position:absolute;top:5px;left:8px;right:8px;height:45%;background:linear-gradient(180deg,#ffffffa6,#fff0);border-radius:12px 12px 50% 50%;pointer-events:none}.countdown-tile-glass:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(0deg,rgba(130,190,228,.12) 0%,transparent 100%);border-radius:0 0 24px 24px;pointer-events:none}.countdown-digit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Fredoka One,cursive;font-size:clamp(90px,18vw,140px);-webkit-text-stroke:3px white;line-height:1;z-index:2;animation:countdownDigitEnter .35s ease-out forwards,countdownDigitExit .25s ease-in .7s forwards}.countdown-digit-3{color:#f06292;text-shadow:0 0 32px rgba(240,98,146,.5),0 4px 12px rgba(240,98,146,.3)}.countdown-digit-2{color:#5ba3d9;text-shadow:0 0 32px rgba(91,163,217,.5),0 4px 12px rgba(91,163,217,.3)}.countdown-digit-1{color:#81c784;text-shadow:0 0 32px rgba(129,199,132,.5),0 4px 12px rgba(129,199,132,.3)}.countdown-digit-go{color:#ffd54f;text-shadow:0 0 32px rgba(255,213,79,.5),0 4px 12px rgba(255,213,79,.3);font-size:clamp(64px,14vw,110px);animation:countdownDigitEnter .35s ease-out forwards,countdownGoExit .35s ease-in .6s forwards}.countdown-shadow{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:120px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.18) 0%,transparent 70%);animation:countdownShadowPulse .5s cubic-bezier(.22,1.8,.36,1) forwards}.countdown-parasol{position:absolute;width:60px;height:60px;animation:countdownParasolPop .45s cubic-bezier(.22,1.8,.36,1) .15s both}.countdown-parasol-left{left:-50px;top:50%;transform:translateY(-50%)}.countdown-parasol-top{top:-50px;left:50%;transform:translate(-50%)}.countdown-parasol-right{right:-50px;top:50%;transform:translateY(-50%)}.countdown-parasol-bottom{bottom:-50px;left:50%;transform:translate(-50%)}.countdown-parasol svg{width:100%;height:100%}.countdown-star{position:absolute;font-size:14px;color:var(--star-color, #F06292);animation:countdownStarTwinkle 1.2s ease-in-out infinite;pointer-events:none;z-index:3}.countdown-star:nth-child(1){top:-8px;left:-10px;animation-delay:0s;font-size:12px}.countdown-star:nth-child(2){top:-12px;right:10px;animation-delay:.2s;font-size:16px}.countdown-star:nth-child(3){top:30%;left:-18px;animation-delay:.5s;font-size:10px}.countdown-star:nth-child(4){bottom:20%;right:-16px;animation-delay:.3s;font-size:13px}.countdown-star:nth-child(5){bottom:-6px;left:20px;animation-delay:.7s;font-size:11px}.countdown-star:nth-child(6){bottom:-10px;right:25px;animation-delay:.9s;font-size:15px}@keyframes countdownTileEnterA{0%{transform:scale(.5) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes countdownTileEnterB{0%{transform:scale(.5) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes countdownDigitEnter{0%{transform:translateY(80px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes countdownDigitExit{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(.6);opacity:0}}@keyframes countdownGoExit{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes countdownParasolPop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes countdownStarTwinkle{0%,to{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.2) rotate(20deg)}60%{opacity:.9;transform:scale(1) rotate(30deg)}}@keyframes countdownShadowPulse{0%{opacity:0;transform:translate(-50%) scaleX(.5)}60%{opacity:1;transform:translate(-50%) scaleX(1.1)}to{opacity:.8;transform:translate(-50%) scaleX(1)}}@media(max-width:480px){.countdown-scene{width:160px;height:160px}.countdown-tile{width:120px;height:120px;border-radius:18px}.countdown-tile-glass{border-radius:18px}.countdown-tile-glass:after{border-radius:0 0 18px 18px}.countdown-digit{font-size:clamp(68px,14vw,100px)}.countdown-digit-go{font-size:clamp(52px,12vw,80px)}.countdown-parasol{width:44px;height:44px}.countdown-parasol-left{left:-36px}.countdown-parasol-top{top:-36px}.countdown-parasol-right{right:-36px}.countdown-parasol-bottom{bottom:-36px}}.cell-answer.solar-burst{animation:solarBounce .7s ease-out both}@keyframes solarBounce{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.15);filter:brightness(1.35);box-shadow:0 0 16px #ffd54f99}50%{transform:scale(1.02);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1);box-shadow:none}}.cell-clue.solar-burst{animation:solarBounceSpin .7s ease-out both}@keyframes solarBounceSpin{0%{transform:scale(1) rotate(0);filter:brightness(1) saturate(1)}25%{transform:scale(1.15) rotate(15deg);filter:brightness(1.35) saturate(1.4);box-shadow:0 0 16px #ffd54f99}50%{transform:scale(1.02) rotate(-3deg);filter:brightness(1.15) saturate(1.1)}to{transform:scale(1) rotate(0);filter:brightness(1) saturate(1);box-shadow:none}}.solar-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:80;will-change:transform,opacity;animation:solarParticleFly var(--dur) ease-out var(--delay) both}@keyframes solarParticleFly{0%{transform:translate(0) scale(1);opacity:1}70%{opacity:.8}to{transform:translate(var(--fly-x),var(--fly-y)) scale(0);opacity:0}}.solar-flash{position:absolute;inset:0;z-index:75;pointer-events:none;border-radius:0 0 16px 16px;background:radial-gradient(circle at center,rgba(255,183,77,.45) 0%,rgba(255,107,107,.15) 40%,transparent 70%);animation:solarFlashPulse 2.4s ease-out forwards}@keyframes solarFlashPulse{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.home-lb{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;overflow:hidden;flex:1;min-height:0}.home-lb-title{margin:0 0 .25rem;font-family:var(--font-family);font-size:1rem;font-weight:800;color:#fff;-webkit-text-stroke:4px #FFB74D;paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;white-space:nowrap;flex-shrink:0}.home-lb-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:var(--font-family);font-size:.8rem;font-weight:700;color:var(--text-tertiary);text-align:center;padding:1rem 0}.home-lb-empty-icon{font-size:1.5rem}.home-lb-list{display:flex;flex-direction:column;gap:.15rem;width:100%;overflow-y:auto;min-height:0;max-height:272px;padding-right:2px}.home-lb-list::-webkit-scrollbar{width:4px}.home-lb-list::-webkit-scrollbar-track{background:transparent}.home-lb-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.home-lb-list::-webkit-scrollbar-thumb:hover{background:#0003}.home-lb-item{display:flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:linear-gradient(145deg,#ffffff61,#ffffff2e);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-top-color:#fff9;border-radius:6px;box-shadow:inset 0 1px #ffffff73;transition:all .2s ease}.home-lb-item.is-me{background:linear-gradient(145deg,#4fc3f71a,#4fc3f70f);border-color:#4fc3f74d;border-top-color:#4fc3f773;box-shadow:0 0 #4fc3f726,inset 0 1px #4fc3f733,inset 0 0 16px #4fc3f70d;animation:homeLbPulse 2.5s ease-in-out infinite}@keyframes homeLbPulse{0%,to{box-shadow:0 0 #4fc3f726}50%{box-shadow:0 0 0 6px #4fc3f714}}.home-lb-rank{flex-shrink:0;width:16px;display:flex;align-items:center;justify-content:center}.home-lb-medal{width:16px;height:16px;display:block;object-fit:contain}.home-lb-rank-num{font-family:var(--font-family);font-size:.65rem;font-weight:700;color:var(--text-tertiary)}.home-lb-avatar{flex-shrink:0}.home-lb-avatar-circle{width:18px;height:18px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;box-shadow:0 1px 4px #00000014,inset 0 1px 2px #ffffff73}.home-lb-avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%}.home-lb-avatar-default{background:var(--bg-tertiary)}.home-lb-info{flex:1;min-width:0}.home-lb-pseudo{font-family:var(--font-family);font-size:.68rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.home-lb-time{flex-shrink:0;font-family:var(--font-family);font-size:.65rem;font-weight:800;color:#f5a623;font-variant-numeric:tabular-nums}.grid-carousel{display:flex;align-items:center;justify-content:center;gap:2rem;outline:none;margin-bottom:.4rem}.carousel-arrow{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);padding:0;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80}.carousel-arrow:hover:not(:disabled){background:#ffffff61;border-color:#ffffff8c;transform:scale(1.08)}.carousel-arrow:disabled{opacity:.3;cursor:default}.carousel-track{position:relative;overflow:visible;max-width:200px;cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-item-active{position:relative}.carousel-item-exiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease}.carousel-item-active.slide-in-right{animation:slide-from-right .35s cubic-bezier(.34,1.56,.64,1)}.carousel-item-active.slide-in-left{animation:slide-from-left .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-from-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.carousel-grid-name{font-family:var(--font-family);font-size:.72rem;font-weight:800;color:var(--text-primary);background:#ffffff8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:140px;text-align:center}.carousel-item-active .grid-miniature-wrapper{position:relative}.carousel-today-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-family:var(--font-family);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:#50c3ffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);white-space:nowrap;box-shadow:0 2px 8px #50c3ff59}.carousel-placeholder{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px}.carousel-placeholder-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary, #FF9A5C);border-radius:50%;animation:carousel-spin .8s linear infinite}@keyframes carousel-spin{to{transform:rotate(360deg)}}.carousel-perf{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-family:var(--font-family);margin-top:4px}.carousel-perf-time{font-size:.7rem;font-weight:700;color:#f5a623}.carousel-perf-unplayed{font-size:10px;font-weight:600;color:#f5a623}.carousel-perf-shells-grey{display:flex;gap:1px}.carousel-perf-shell-grey{font-size:.85rem;opacity:.22;transform:scale(.78);filter:grayscale(100%)}@media(max-width:600px){.carousel-arrow{width:30px;height:30px}.carousel-arrow svg{width:14px;height:14px}}.home-page{display:flex;flex-direction:column;align-items:center;padding:0 .5rem .5rem;gap:.4rem;font-family:var(--font-family);font-weight:800;width:100%;max-width:1000px;box-sizing:border-box}.home-tagline{margin:-.6rem 0 .4rem;font-family:Patrick Hand,cursive;font-size:1.25rem;font-weight:400;color:#8b6914;letter-spacing:.12em;text-shadow:0 1px 2px rgba(0,0,0,.12);text-align:center;transform:rotate(-1.5deg)}.home-center{display:grid;grid-template-columns:1fr 240px;gap:2rem;width:100%;max-width:none}.home-panel{background:linear-gradient(150deg,#ffffff52,#ffffff2e,#fff5f024);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffbf;border-left-color:#ffffff94;border-radius:var(--radius-xl);padding:1rem 0;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:0;overflow:hidden;box-shadow:0 8px 32px #0000000f,inset 0 1.5px #ffffffa6,inset 0 0 24px #ffffff1a}.home-panel-lb{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:.6rem .8rem;min-height:0;overflow:hidden}.home-panel-profile{flex:1;flex-basis:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 2rem;min-height:0;border-right:2px solid rgba(255,255,255,.25)}.home-panel-hint{margin:0 0 1.2rem;position:relative;z-index:1;font-family:var(--font-family);font-size:1rem;line-height:1.2;font-weight:800;color:#fff;-webkit-text-stroke:4px #D4B87A;paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.home-panel-modes{flex:1;flex-basis:50%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 2rem}.home-panel-buttons{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-wrapper{position:relative;display:inline-block}.avatar-circle{width:125px;height:125px;border-radius:50%;border:3.5px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;box-shadow:0 6px 24px #0000001a,0 2px 8px #ffb4781f,inset 0 2px 4px #ffffff80,inset 0 -1px 3px #0000000a}.avatar-wrapper:hover .avatar-circle{box-shadow:0 8px 32px #0000001f,0 4px 12px #ffb4782e,inset 0 2px 4px #ffffff8c,inset 0 -1px 3px #0000000a;border-color:#fff}.avatar-img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:5%;transition:transform .3s ease}.avatar-wrapper:hover .avatar-img{transform:scale(1.05)}.avatar-refresh{position:absolute;bottom:2px;right:2px;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);border-top-color:#fffc;background:#ffffffeb;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);padding:0;color:var(--text-primary);box-shadow:0 3px 10px #00000014,inset 0 1px #fff9}.avatar-refresh:hover{transform:scale(1.1);background:#ffffff80;border-color:#ffffffb3;box-shadow:0 4px 14px #0000001a,inset 0 1px #ffffffb3}.avatar-refresh:active{transform:scale(.95) rotate(90deg)}.pseudo-input{width:auto;min-width:120px;max-width:100%;padding:.35rem .7rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.4);background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-family);font-size:.85rem;font-weight:800;color:var(--text-primary);text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.pseudo-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.pseudo-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.badges-row{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:1.2rem}.streak-badge-wrapper{position:relative;display:inline-flex;justify-content:center}.streak-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:240px;padding:.5rem .75rem;border-radius:12px;background:linear-gradient(150deg,#fff,#fffffff2);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #00000014;font-family:var(--font-family);font-size:.62rem;font-weight:600;line-height:1.4;color:var(--text-primary);text-align:center;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}.streak-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff9}.streak-badge-wrapper:hover .streak-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4fc3f71f,#ff6b9d14);border:1px solid rgba(79,195,247,.25);border-radius:999px;padding:4px 14px 4px 9px}.streak-count{font-weight:900;font-size:18px;line-height:1;background:linear-gradient(135deg,#4fc3f7,#7ab8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-label{font-weight:600;font-size:10px;color:#7c838a;margin-top:1px}.streak-wave{display:inline-block;font-size:16px;animation:streakWave 2.2s ease-in-out infinite}@keyframes streakWave{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-10deg)}70%{transform:translateY(1px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.streak-wave{animation:none}}.streak-badge--shell{background:linear-gradient(135deg,#ff7f501f,#ff6b6b14);border-color:#ff7f504d}.streak-count--shell{background:linear-gradient(135deg,coral,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.week-tracker{display:flex;gap:6px;align-items:flex-start;justify-content:center}.wt-day{display:flex;flex-direction:column;align-items:center;gap:5px}.wt-label{font-size:9px;font-weight:800;text-transform:uppercase;line-height:1}.wt-done .wt-label{color:#7c838a}.wt-today .wt-label{color:#ff9a5c}.wt-missed .wt-label{color:#7c838a}.wt-future .wt-label{color:#ccc}.wt-square{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.wt-done .wt-square{background:conic-gradient(#b8e6fc 0deg 90deg,#ffc4d9 90deg 180deg,#fff0b8 180deg 270deg,#c8e6c9 270deg 360deg);color:#5ba3d9;border:1.5px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #00000014,inset 0 1px #fff6;text-shadow:none}.wt-today .wt-square{background:#ffffff59;border:1.5px dashed #FF9A5C;animation:wtPulse 2.5s ease-in-out infinite}.wt-missed .wt-square,.wt-future .wt-square{background:#dec89b80;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #0000000a}.wt-shells{display:flex;gap:1px;justify-content:center}.wt-shell{font-size:11px;line-height:1;display:inline-block}.wt-shell-earned{filter:none;opacity:1;transform:scale(1)}.wt-shell-grey{filter:grayscale(1);opacity:.22;transform:scale(.78)}@keyframes wtPulse{0%,to{box-shadow:0 0 8px #ff9a5c40}50%{box-shadow:0 0 18px #ff9a5c80}}@media(prefers-reduced-motion:reduce){.wt-today .wt-square{animation:none}}.mode-btn{width:250px;padding:.45rem 1.2rem;border-radius:999px;border:1px solid rgba(135,206,235,.4);font-size:1rem;white-space:nowrap;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.mode-btn:before{content:"";position:absolute;top:0;left:0;width:60%;height:50%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:999px;pointer-events:none}.mode-btn:hover{transform:translateY(-4px)}.mode-btn:active{transform:scale(.97);transition:all .1s ease}.mode-solo,.mode-multi{background:linear-gradient(135deg,#ff9a5c,#ff6b6b);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 28px #ff6b6b59,inset 0 2px #ffffff4d}.mode-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mode-solo:hover,.mode-multi:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#ffb07c,#ff7b7b);border-color:#ffffff80;box-shadow:0 14px 40px #ff6b6b73,inset 0 2px #ffffff59}.home-error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ef4444e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:800;box-shadow:0 4px 16px #ef44444d;animation:toast-in .3s ease;z-index:100}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}@media(max-width:900px){.home-center{grid-template-columns:1fr;justify-items:stretch;width:95%}.home-panel{flex-direction:column;padding:1.25rem;gap:1rem}.home-panel-profile{min-height:auto;border-right:none;border-bottom:none;padding:1rem 0;align-items:center;order:2}.home-panel-modes{width:100%;padding:1rem 0;order:1;border-bottom:2px solid rgba(255,255,255,.25)}.home-panel-buttons{width:100%}.mode-btn{width:100%;max-width:400px}.home-panel-lb{width:100%;max-width:none;max-height:320px}}@media(max-width:600px){.home-panel{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.avatar-circle{width:70px;height:70px}.avatar-refresh{width:24px;height:24px}.avatar-refresh svg{width:13px;height:13px}.mode-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media(max-width:480px){.home-center{justify-items:stretch}.home-page{padding:.5rem 1rem 1rem;gap:.5rem}.home-panel{padding:.6rem;gap:.5rem}.home-panel-profile{align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:none}.home-panel-modes{gap:.4rem;padding-top:.5rem}.home-panel-buttons{width:100%;gap:.5rem}.avatar-circle{width:96px;height:96px;border-width:2px}.avatar-refresh{width:32px;height:32px}.avatar-refresh svg{width:15px;height:15px}.pseudo-input{width:auto;min-width:120px;max-width:100%;padding:.45rem .75rem;font-size:.85rem}.mode-btn{width:100%;padding:.85rem 1.2rem;font-size:1.1rem}.home-panel-lb{padding:.6rem;max-width:none;width:100%}.week-tracker{gap:4px}.wt-square{width:28px;height:28px;font-size:12px}.wt-label{font-size:8px}.wt-shell{font-size:9px}}.weekly-grids-page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1rem}.page-header{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:2rem}.page-header h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;flex:1;text-align:center;padding-right:40px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center}.empty-icon{color:var(--text-muted);opacity:.5}.empty-state p{color:var(--text-secondary);margin:0}.empty-state .hint{font-size:.875rem;color:var(--text-muted)}.grids-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.grid-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.grid-card:hover{border-color:rgba(var(--accent-primary-rgb),.4);background:#ffffff59;box-shadow:0 8px 28px rgba(var(--accent-primary-rgb),.15),inset 0 1px #fff6;transform:translateY(-3px)}.grid-card-icon{color:var(--accent-primary)}.grid-card-name{font-size:.95rem;font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;word-break:break-word}@media(max-width:480px){.page-header h2{font-size:1.25rem;padding-right:0}.grids-list{grid-template-columns:1fr}}.multiplayer-menu-page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:1rem}.multiplayer-menu-page .page-header{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:2rem}.multiplayer-menu-page .page-header h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;flex:1;text-align:center;padding-right:40px}.menu-loading{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 2rem;background:linear-gradient(150deg,#ffffff52,#ffffff2e,#fff5f024);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffbf;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000000f,inset 0 1.5px #ffffffa6;width:100%;max-width:400px}.menu-loading p{font-family:var(--font-family);font-size:1rem;font-weight:700;color:var(--text-secondary);margin:0}.menu-loading-spinner{width:36px;height:36px;border:3px solid rgba(var(--accent-primary-rgb),.2);border-top-color:var(--accent-primary);border-radius:50%;animation:menuSpin .8s linear infinite}@keyframes menuSpin{to{transform:rotate(360deg)}}.menu-options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.menu-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);text-align:center}.menu-card:hover{border-color:rgba(var(--accent-primary-rgb),.4);background:#ffffff59;box-shadow:0 8px 28px rgba(var(--accent-primary-rgb),.15),inset 0 1px #fff6;transform:translateY(-3px)}.menu-card-icon{color:var(--accent-primary)}.menu-card-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.menu-card-desc{font-size:.9rem;color:var(--text-secondary)}.input-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f;width:100%;max-width:400px;text-align:center}.input-card h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.input-card p{font-size:.9rem;color:var(--text-secondary);margin:0}.input-card input{width:100%;padding:.875rem 1rem;font-size:1rem;background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-lg);color:var(--text-primary);outline:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fff3}.input-card input:focus{border-color:rgba(var(--accent-primary-rgb),.5);background:#fff6;box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.12),inset 0 1px #fff3}.input-card input::placeholder{color:var(--text-muted)}.input-card .code-input{text-align:center;font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:.25em;text-transform:uppercase}.input-card .error{color:var(--color-error);font-size:.875rem;margin:0}.input-card .btn{margin-top:.5rem;width:100%}.profile-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;background:linear-gradient(150deg,#ffffff52,#ffffff2e,#fff5f024);backdrop-filter:var(--blur-md) saturate(1.4);-webkit-backdrop-filter:var(--blur-md) saturate(1.4);border:1.5px solid rgba(255,255,255,.42);border-top-color:#ffffffbf;border-left-color:#ffffff94;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000000f,inset 0 1.5px #ffffffa6,inset 0 0 24px #ffffff1a;width:100%;max-width:400px}.profile-card-hint{margin:0;font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:800;color:#fff;-webkit-text-stroke:5px #D4B87A;paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;line-height:1.2}.profile-card .mode-btn{width:auto;margin-top:.5rem;padding:.8rem 2.5rem;font-size:1.1rem}@media(max-width:600px){.profile-card{padding:1.5rem 1.25rem;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.menu-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@media(max-width:480px){.multiplayer-menu-page{padding:.75rem}.multiplayer-menu-page .page-header{margin-bottom:1.25rem}.multiplayer-menu-page .page-header h2{font-size:1.25rem;padding-right:40px}.profile-card{padding:1.25rem 1rem;gap:1rem}.profile-card-hint{font-size:1.1rem;-webkit-text-stroke:3px #D4B87A}.profile-card .mode-btn{padding:.7rem 2rem;font-size:1rem}.menu-card{padding:1.25rem 1rem;gap:.5rem}.menu-card-title{font-size:1.05rem}.menu-card-desc{font-size:.8rem}.input-card{padding:1.5rem 1rem}.input-card .code-input{font-size:1.25rem}}.waiting-room-page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:.5rem 1rem;gap:.6rem}.lobby-top-bar{width:100%;position:relative;display:flex;align-items:center;min-height:36px}.lobby-top-logo{position:absolute;left:50%;transform:translate(-50%)}.lobby-title{margin:1.5rem 0 0;font-family:var(--font-family);font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;color:#fff;-webkit-text-stroke:3px #D4B87A;paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;white-space:nowrap}.btn-invite-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.82rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:999px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80}.btn-invite-link:hover{background:#ffffff61;border-color:#ffffff8c;box-shadow:0 6px 24px #00000014,inset 0 1px #fff9;transform:translateY(-2px)}.mode-selector-card{display:flex;flex-direction:column;gap:.4rem;padding:.7rem;background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f;width:100%}.mode-selector-card h3{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.mode-selector-card h3 svg{color:var(--text-secondary)}.mode-selector-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mode-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;position:relative;overflow:hidden;padding:.55rem .5rem;min-height:5rem;border-radius:var(--radius-lg);border:1.5px solid rgba(255,255,255,.3);background:#ffffff26;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}.mode-tab:disabled{cursor:default}.mode-tab:not(:disabled):hover{background:#ffffff47;transform:translateY(-2px)}.mode-tab.active{background:#ff9a5c2e;border-color:#ff9a5c80;box-shadow:0 4px 16px #ff6b6b26}.mode-tab:disabled:not(.active){opacity:.5}.mode-tab-icon{font-size:1.1rem;line-height:1;transition:transform .25s,opacity .25s}.mode-tab:hover .mode-tab-icon{transform:translateY(-1.5rem);opacity:0}.mode-tab-label{font-family:var(--font-family);font-size:.9rem;font-weight:800;color:var(--text-primary);transition:transform .25s}.mode-tab.active .mode-tab-label{color:#ff6b6b}.mode-tab:hover .mode-tab-label{transform:translateY(-1.9rem)}.mode-tab-badge{position:absolute;top:.25rem;right:.25rem;font-size:.48rem;font-weight:600;letter-spacing:.02em;padding:.1rem .3rem;border-radius:999px;line-height:1;pointer-events:none}.mode-tab-badge-ranked{background:#ffb74d38;color:#b37a1a}.mode-tab-badge-unranked{background:#95a5b633;color:#6b7c8f}.mode-tab:hover .mode-tab-badge{opacity:0;transition:opacity .15s}.mode-tab-hover{position:absolute;left:.3rem;right:.3rem;bottom:.35rem;font-size:.68rem;font-weight:500;color:var(--text-secondary);line-height:1.3;text-align:center;opacity:0;transform:translateY(.5rem);transition:transform .25s,opacity .25s;pointer-events:none}.mode-tab:hover .mode-tab-hover{opacity:1;transform:translateY(0)}.players-card{display:flex;flex-direction:column;gap:.4rem;padding:.7rem;background:#ffffff40;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000000f;width:100%}.players-card h3{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.players-card h3 svg{color:var(--text-secondary)}.players-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.players-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);transition:all .2s ease}.players-list li.current-player{background:linear-gradient(145deg,#4fc3f71a,#4fc3f70f);border-color:#4fc3f74d;border-top-color:#4fc3f773;box-shadow:0 0 #4fc3f726,inset 0 1px #4fc3f733,inset 0 0 16px #4fc3f70d;animation:lobbyMePulse 2.5s ease-in-out infinite}@keyframes lobbyMePulse{0%,to{box-shadow:0 0 #4fc3f726}50%{box-shadow:0 0 0 6px #4fc3f714}}.player-avatar-small{width:36px;height:36px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;position:relative;box-shadow:0 3px 12px #0000001a,0 1px 4px #ffb4781f,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #0000000a}.player-avatar-small img{width:110%;height:110%;object-fit:contain;position:absolute;bottom:2px}.player-pseudo{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.player-badge{font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;border-radius:8px;background:#ffffff40;color:var(--text-secondary);border:1px solid rgba(255,255,255,.35)}.btn-start{width:100%;padding:.7rem 1.5rem;font-family:var(--font-family);font-size:1.3rem;font-weight:800;letter-spacing:.03em;border-radius:999px;background:linear-gradient(135deg,#ff9a5c,#ff6b6b);border:2.5px solid rgba(255,255,255,.5);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.25);box-shadow:0 10px 32px #ff6b6b73,0 4px 12px #ff9a5c4d,inset 0 2px #ffffff59;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-start:before{content:"";position:absolute;top:0;left:0;width:60%;height:50%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:999px;pointer-events:none}.btn-start:not(:disabled):hover{transform:translateY(-4px) scale(1.03);background:linear-gradient(135deg,#ffb07c,#ff7b7b);box-shadow:0 16px 44px #ff6b6b8c,0 6px 16px #ff9a5c59,inset 0 2px #fff6}.btn-start:not(:disabled):active{transform:translateY(0) scale(.97);transition:all .1s ease}.waiting-message{font-family:var(--font-family);font-size:.95rem;font-weight:700;color:var(--text-primary);text-align:center;padding:.55rem 1.25rem;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:999px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.btn-start:disabled{cursor:not-allowed;background:#ffffff47;border:1.5px solid rgba(255,255,255,.4);color:var(--text-secondary);text-shadow:none;box-shadow:0 4px 16px #0000000f}.btn-start:disabled:before{display:none}.btn-start:disabled:hover{transform:none;box-shadow:none;background:#ffffff2e}@media(max-width:600px){.mode-selector-card,.players-card,.btn-invite-link{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lobby-top-bar .btn-back-glass{position:absolute;left:0;top:0;width:32px;height:32px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.lobby-top-bar .btn-back-glass svg{width:16px;height:16px}}@media(max-width:480px){.waiting-room-page{padding:.5rem .75rem;gap:.5rem}.lobby-title{-webkit-text-stroke:2.5px #D4B87A}.btn-invite-link{padding:.45rem 1rem;font-size:.78rem}.mode-selector-card{padding:.6rem;gap:.35rem}.mode-tab{padding:.4rem .35rem}.mode-tab-icon{font-size:1rem}.mode-tab-label{font-size:.8rem}.mode-tab-badge{font-size:.42rem}.mode-tab-hover{font-size:.62rem}.players-card{padding:.6rem;gap:.35rem}.players-list li{padding:.4rem .6rem;gap:.4rem}.player-avatar-small{width:32px;height:32px}.player-pseudo{font-size:.85rem}.player-badge{font-size:.65rem;padding:.15rem .35rem}.btn-start{font-size:1.2rem;padding:.65rem 1.25rem}.waiting-message{font-size:.82rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 40% at 50% 8%,rgba(255,255,255,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 35% at 60% 85%,rgba(255,200,160,.25) 0%,transparent 55%),linear-gradient(180deg,#87ceeb,#b5dff0 35%,#e2d9c0 65%,#f4e4c1);background-attachment:fixed;position:relative;overflow:hidden}.app>*{position:relative;z-index:1}.header{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;background-color:transparent;border-bottom:none;flex-wrap:wrap}.header h1{font-family:var(--font-family-grid);font-size:2rem;color:var(--accent-primary);margin:0;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:.5rem 1rem}.app-bottom-bar{position:fixed;bottom:12px;right:12px;z-index:999;display:flex;align-items:center;gap:8px}.app-bottom-bar .app-bottom-btn{position:static}.mute-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(91,181,162,.3);background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:opacity .2s,background .2s,border-color .2s,transform .15s;padding:0}.mute-btn:hover{opacity:1;background:#fff9;transform:scale(1.08)}.mute-btn--muted{border-color:#e8838a4d;opacity:.65}.mute-btn--muted:hover{opacity:.9}.app-bottom-bar .btn-back-glass{width:36px;height:36px;display:none}@media(max-width:980px){.app-bottom-bar .btn-back-glass{display:flex}.app-game>.app-bottom-bar{display:none}.page-header>.btn-back-glass,.lobby-top-bar>.btn-back-glass{display:none}}.btn-back-glass{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);padding:0;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffff80}.btn-back-glass:hover{background:#ffffff61;border-color:#ffffff8c;transform:translate(-2px)}.error-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.error{color:var(--color-error);font-size:.875rem;text-align:center}.socket-error,.connection-status{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;z-index:50}.socket-error{background:#ef444426;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.35);color:var(--color-error)}.connection-status{background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);color:var(--text-secondary)}.socket-error p,.connection-status p{margin:0}@media(max-width:480px){.header{padding:1rem}.header h1{font-size:1.5rem}.main{padding:1rem .5rem}}