:root{--garden-950:#060d0a;--garden-900:#0d1a14;--garden-800:#132820;--garden-700:#1a3829;--garden-600:#234a35;--palm-900:#0f2818;--palm-800:#163620;--palm-700:#1e4a2a;--palm-600:#1e5631;--palm-500:#2d7a47;--palm-400:#4a9c5d;--palm-300:#7ab87a;--palm-200:#a8d4a8;--fern-600:#3d6b3d;--fern-500:#5a8a5a;--fern-400:#7ab87a;--fern-300:#9fd49f;--hibiscus-700:#8a2a36;--hibiscus-600:#a63a48;--hibiscus-500:#c44d58;--hibiscus-400:#d86b75;--hibiscus-300:#e89da5;--hibiscus-pink-600:#b85a70;--hibiscus-pink-500:#d47088;--hibiscus-pink-400:#e07b91;--hibiscus-pink-300:#eca8b8;--plumeria-cream:#f5e6c8;--plumeria-yellow:#f5d76e;--plumeria-gold:#e6c454;--plumeria-white:#faf5eb;--orchid-700:#6b3a8a;--orchid-600:#8348a6;--orchid-500:#9b59b6;--orchid-400:#b07cc8;--orchid-300:#c9a3db;--paradise-700:#b85a1a;--paradise-600:#d46a22;--paradise-500:#e67e22;--paradise-400:#eb9b4a;--paradise-300:#f2b872;--lagoon-900:#0d2840;--lagoon-800:#143a5a;--lagoon-700:#1a5276;--lagoon-600:#2171a3;--lagoon-500:#3498db;--lagoon-400:#5dade2;--lagoon-300:#85c1e9;--sunset-gold:#f39c12;--sunset-orange:#e67e22;--sunset-coral:#e74c3c;--sunset-pink:#ec7063;--volcanic-black:#1a1a1a;--lava-red:#8b0000;--lava-glow:#ff4500;--sand-light:#f5e6c8;--sand-warm:#e8d4a8;--sand-deep:#d4c8a0;--garden-success:#4a9c5d;--garden-success-soft:#4a9c5d26;--garden-warning:#f5d76e;--garden-warning-soft:#f5d76e26;--garden-error:#c44d58;--garden-error-soft:#c44d5826;--garden-info:#3498db;--garden-info-soft:#3498db26;--garden-text-primary:#f0ebe0;--garden-text-secondary:#b8c4b8;--garden-text-muted:#6b7a6b;--garden-text-inverse:#0d1a14;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Source Sans 3",-apple-system,sans-serif;--font-mono:"IBM Plex Mono","Consolas",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-organic:40% 60% 60% 40%/60% 40% 60% 40%;--radius-full:9999px;--border-subtle:1px solid var(--garden-700);--border-palm:1px solid var(--palm-600);--border-glow:1px solid var(--fern-400);--shadow-sm:0 1px 2px #060d0a66;--shadow-md:0 4px 8px #060d0a80,0 2px 4px #060d0a4d;--shadow-lg:0 10px 20px #060d0a99,0 4px 8px #060d0a66;--shadow-xl:0 20px 40px #060d0ab3,0 8px 16px #060d0a66;--shadow-glow-palm:0 0 30px #4a9c5d4d;--shadow-glow-hibiscus:0 0 30px #c44d584d;--shadow-glow-lagoon:0 0 30px #3498db4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--transition-organic:.6s cubic-bezier(.25,.46,.45,.94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body.garden-theme{font-family:var(--font-body);color:var(--garden-text-primary);background:var(--garden-900);min-height:100vh;font-size:1rem;font-weight:400;line-height:1.6}body.garden-theme:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#4a9c5d14 0%,#0000 50%),radial-gradient(at 80% 80%,#3498db0d 0%,#0000 50%),radial-gradient(at 50% 100%,#1e56311a 0%,#0000 40%);position:fixed;inset:0}body.garden-theme:after{content:"";pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--garden-text-primary);letter-spacing:.01em;font-weight:400;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:300}h2{font-size:clamp(2rem,4vw,3rem);font-weight:300}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{margin-bottom:var(--space-4);color:var(--garden-text-secondary)}a{color:var(--fern-400);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--fern-300)}.garden-card{border:var(--border-palm);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);background:linear-gradient(145deg,#2d7a471f 0%,#13282066 100%);position:relative;overflow:hidden}.garden-card:before{content:"";background:linear-gradient(90deg,transparent,var(--fern-400),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.garden-card:hover{border-color:var(--fern-500);box-shadow:var(--shadow-lg),var(--shadow-glow-palm);transform:translateY(-4px)}.garden-card-elevated{box-shadow:var(--shadow-md);background:linear-gradient(145deg,#2d7a472e 0%,#0d1a1499 100%)}.garden-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.garden-btn:disabled{opacity:.5;cursor:not-allowed}.garden-btn-primary{background:linear-gradient(135deg,var(--hibiscus-500),var(--hibiscus-pink-400));color:#fff;border-color:var(--hibiscus-500);box-shadow:0 4px 15px #c44d584d}.garden-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--hibiscus-400),var(--hibiscus-pink-300));transform:translateY(-2px);box-shadow:0 6px 20px #c44d5866}.garden-btn-secondary{color:var(--fern-400);border-color:var(--palm-500);background:0 0}.garden-btn-secondary:hover:not(:disabled){color:var(--fern-300);border-color:var(--fern-400);background:#4a9c5d1a}.garden-btn-ghost{color:var(--garden-text-secondary);background:0 0;border-color:#0000}.garden-btn-ghost:hover:not(:disabled){color:var(--garden-text-primary);background:#7ab87a1a}.garden-btn-lagoon{background:linear-gradient(135deg,var(--lagoon-600),var(--lagoon-500));color:#fff;border-color:var(--lagoon-600);box-shadow:0 4px 15px #3498db4d}.garden-btn-lagoon:hover:not(:disabled){background:linear-gradient(135deg,var(--lagoon-500),var(--lagoon-400));box-shadow:0 6px 20px #3498db66}.garden-btn-sm{padding:var(--space-2)var(--space-4);font-size:.875rem}.garden-btn-lg{padding:var(--space-4)var(--space-8);font-size:1.125rem}.garden-symbol-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);max-width:600px;margin:0 auto;display:grid}.garden-symbol-btn{aspect-ratio:1;border:2px solid var(--palm-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-bounce);background:#1e563140;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.garden-symbol-btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:radial-gradient(circle,#7ab87a33 0%,#0000 70%);position:absolute;inset:0}.garden-symbol-btn:hover:not(:disabled){border-color:var(--fern-400);box-shadow:var(--shadow-lg),var(--shadow-glow-palm);transform:scale(1.08)translateY(-4px)}.garden-symbol-btn:hover:not(:disabled):before{opacity:1}.garden-symbol-btn:active:not(:disabled){transform:scale(1.02)}.garden-symbol-btn:disabled{opacity:.5;cursor:not-allowed}.garden-symbol-btn[data-symbol=circle]{--symbol-color:var(--plumeria-cream)}.garden-symbol-btn[data-symbol=plus]{--symbol-color:var(--hibiscus-400)}.garden-symbol-btn[data-symbol=waves]{--symbol-color:var(--lagoon-400)}.garden-symbol-btn[data-symbol=square]{--symbol-color:var(--paradise-400)}.garden-symbol-btn[data-symbol=star]{--symbol-color:var(--plumeria-yellow)}.garden-symbol-btn .symbol{color:var(--symbol-color,var(--garden-text-primary));filter:drop-shadow(0 2px 4px #0000004d)}.garden-target-display{width:180px;height:180px;margin:0 auto var(--space-8);border:2px dashed var(--palm-600);border-radius:var(--radius-xl);transition:all var(--transition-base);background:linear-gradient(145deg,#13282099 0%,#1e56314d 100%);justify-content:center;align-items:center;font-size:5rem;display:flex;position:relative}.garden-target-display.ready{color:var(--garden-text-muted);border-style:dashed}.garden-target-display.hit{border-style:solid;border-color:var(--garden-success);background:var(--garden-success-soft);animation:.6s garden-pulse-success}.garden-target-display.miss{border-style:solid;border-color:var(--garden-error);background:var(--garden-error-soft);animation:.4s garden-shake}@keyframes garden-pulse-success{0%{transform:scale(1)}50%{box-shadow:var(--shadow-glow-palm);transform:scale(1.05)}to{transform:scale(1)}}@keyframes garden-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.garden-stat{text-align:center;padding:var(--space-4)}.garden-stat-value{font-family:var(--font-mono);color:var(--fern-400);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1}.garden-stat-label{color:var(--garden-text-muted);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.garden-stats-grid{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:#13282066;grid-template-columns:repeat(4,1fr);display:grid}.garden-progress{background:var(--garden-800);border-radius:var(--radius-full);border:var(--border-subtle);height:10px;overflow:hidden}.garden-progress-bar{background:linear-gradient(90deg,var(--palm-600),var(--fern-400));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);position:relative}.garden-progress-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.garden-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--fern-400);background:#4a9c5d26;font-size:.7rem;font-weight:500;display:inline-flex}.garden-badge-hibiscus{color:var(--hibiscus-400);background:#c44d5826}.garden-badge-lagoon{color:var(--lagoon-400);background:#3498db26}.garden-badge-orchid{color:var(--orchid-400);background:#9b59b626}.garden-badge-paradise{color:var(--paradise-400);background:#e67e2226}.garden-room-code{gap:var(--space-2);justify-content:center;display:flex}.garden-room-code-char{width:48px;height:56px;font-family:var(--font-mono);text-align:center;text-transform:uppercase;background:var(--garden-800);border:2px solid var(--palm-600);border-radius:var(--radius-md);color:var(--fern-400);transition:all var(--transition-fast);font-size:1.5rem;font-weight:500}.garden-room-code-char:focus{border-color:var(--fern-400);box-shadow:var(--shadow-glow-palm);outline:none}.garden-avatar{background:linear-gradient(135deg,var(--palm-600),var(--fern-500));border:2px solid var(--palm-500);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.garden-avatar.sender{background:linear-gradient(135deg,var(--paradise-600),var(--paradise-400));border-color:var(--paradise-500)}.garden-avatar.receiver{background:linear-gradient(135deg,var(--lagoon-600),var(--lagoon-400));border-color:var(--lagoon-500)}.garden-waiting{text-align:center;padding:var(--space-12)}.garden-waiting-icon{margin-bottom:var(--space-6);font-size:4rem;animation:3s ease-in-out infinite garden-float}@keyframes garden-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.garden-waiting-dots{gap:var(--space-2);display:inline-flex}.garden-waiting-dots span{background:var(--fern-400);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite garden-bounce}.garden-waiting-dots span:nth-child(2){animation-delay:.2s}.garden-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes garden-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.garden-confetti{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes petal-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.petal{background:var(--hibiscus-400);border-radius:50% 0 50% 50%;width:20px;height:20px;animation:3s ease-in-out forwards petal-fall;position:absolute}@media (max-width:768px){.garden-symbol-grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr)}.garden-symbol-btn{font-size:1.75rem}.garden-target-display{width:140px;height:140px;font-size:3.5rem}.garden-stats-grid{grid-template-columns:repeat(2,1fr)}.garden-room-code-char{width:40px;height:48px;font-size:1.25rem}}.garden-text-fern{color:var(--fern-400)}.garden-text-hibiscus{color:var(--hibiscus-400)}.garden-text-lagoon{color:var(--lagoon-400)}.garden-text-orchid{color:var(--orchid-400)}.garden-text-paradise{color:var(--paradise-400)}.garden-text-plumeria{color:var(--plumeria-yellow)}.garden-bg-deep{background:var(--garden-900)}.garden-bg-mid{background:var(--garden-800)}.garden-bg-light{background:var(--garden-700)}.garden-glow-palm{box-shadow:var(--shadow-glow-palm)}.garden-glow-hibiscus{box-shadow:var(--shadow-glow-hibiscus)}.garden-glow-lagoon{box-shadow:var(--shadow-glow-lagoon)}