@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Unbounded:wght@400;600;800&display=swap";:root{--app-height: var(--tg-viewport-stable-height, 100dvh);--tg-safe-area-inset-top: 0px;--tg-safe-area-inset-bottom: 0px;--tg-content-safe-area-inset-top: 0px;--tg-content-safe-area-inset-bottom: 0px;--pg-bg-dark: #080a0a;--pg-bg-card: rgba(15, 25, 20, .85);--pg-bg-card-solid: #0d1512;--pg-mint: #4ade80;--pg-mint-light: #86efac;--pg-emerald: #10b981;--pg-emerald-dark: #059669;--pg-teal: #2dd4bf;--pg-gradient-main: linear-gradient(135deg, var(--pg-emerald), var(--pg-teal));--pg-gradient-success: linear-gradient(135deg, var(--pg-mint), var(--pg-emerald));--pg-gradient-danger: linear-gradient(135deg, #f87171, #ef4444);--pg-gradient-card: linear-gradient(145deg, rgba(20, 35, 28, .9), rgba(10, 18, 14, .95));--pg-glow-mint: 0 0 20px rgba(74, 222, 128, .4), 0 0 40px rgba(74, 222, 128, .15);--pg-glow-emerald: 0 0 20px rgba(16, 185, 129, .4), 0 0 40px rgba(16, 185, 129, .15);--pg-glow-teal: 0 0 20px rgba(45, 212, 191, .4), 0 0 40px rgba(45, 212, 191, .15);--pg-font-display: "Unbounded", sans-serif;--pg-font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--pg-safe-top: max(3.5rem, calc(var(--tg-content-safe-area-inset-top, 0px) + 2.5rem));--pg-safe-bottom: max(1.5rem, calc(var(--tg-safe-area-inset-bottom, 0px) + 1rem));--pg-border-subtle: 1px solid rgba(74, 222, 128, .1);--pg-border-glow: 1px solid rgba(74, 222, 128, .3);--pg-radius-sm: 8px;--pg-radius-md: 16px;--pg-radius-lg: 24px;--pg-radius-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--pg-font-body);background:var(--pg-bg-dark);color:#fff;min-height:var(--app-height);overflow-x:hidden;line-height:1.5}.pt-safe{padding-top:var(--pg-safe-top)}.pb-safe{padding-bottom:var(--pg-safe-bottom)}.pg-title{font-family:var(--pg-font-display);font-weight:800;font-size:clamp(1.75rem,5vw,2.5rem);letter-spacing:-.02em;background:var(--pg-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pg-subtitle{font-family:var(--pg-font-display);font-weight:600;font-size:1.125rem;color:#ffffffb3}.pg-label{font-family:var(--pg-font-body);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.pg-card{background:var(--pg-gradient-card);border:var(--pg-border-subtle);border-radius:var(--pg-radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.2),transparent)}.pg-card-glow{box-shadow:var(--pg-glow-mint);border-color:#4ade804d}.pg-btn{font-family:var(--pg-font-display);font-weight:600;font-size:1rem;padding:1rem 2rem;border-radius:var(--pg-radius-md);border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pg-btn-primary{background:var(--pg-gradient-main);color:#fff;box-shadow:var(--pg-glow-emerald)}.pg-btn-primary:active{transform:scale(.97);opacity:.9}.pg-btn-secondary{background:#4ade801a;color:var(--pg-mint);border:1px solid rgba(74,222,128,.3)}.pg-btn-secondary:active{background:#4ade8033;transform:scale(.97)}.pg-btn-success{background:var(--pg-gradient-success);color:#fff;box-shadow:var(--pg-glow-mint)}.pg-btn-danger{background:var(--pg-gradient-danger);color:#fff}.pg-btn-icon{width:3rem;height:3rem;padding:0;border-radius:50%;background:var(--pg-bg-card);border:var(--pg-border-subtle)}.pg-btn-full{width:100%}.pg-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pg-timer{font-family:var(--pg-font-display);font-size:clamp(3rem,12vw,5rem);font-weight:800;text-align:center;font-variant-numeric:tabular-nums;color:var(--pg-mint);text-shadow:var(--pg-glow-mint);transition:all .3s ease}.pg-timer-low{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5),0 0 40px rgba(248,113,113,.2);animation:pulse-glow .5s ease-in-out infinite alternate}@keyframes pulse-glow{0%{opacity:1}to{opacity:.7}}.pg-timer-ring{position:relative;width:200px;height:200px;margin:0 auto}.pg-timer-ring svg{transform:rotate(-90deg)}.pg-timer-ring-bg{stroke:#4ade801a}.pg-timer-ring-progress{stroke:var(--pg-mint);stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(74,222,128,.5))}.pg-timer-ring-progress.low{stroke:#f87171;filter:drop-shadow(0 0 8px rgba(248,113,113,.5))}.pg-timer-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-word-card{background:var(--pg-gradient-card);border:2px solid rgba(74,222,128,.2);border-radius:var(--pg-radius-xl);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.pg-word-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,222,128,.08) 0%,transparent 70%);animation:rotate-glow 15s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pg-word{font-family:var(--pg-font-display);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;color:#fff;position:relative;z-index:1}.pg-word-hidden{color:#ffffff4d}.pg-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--pg-font-display);font-weight:700;font-size:1rem;color:#fff;position:relative;flex-shrink:0}.pg-avatar-1{background:linear-gradient(135deg,#10b981,#059669)}.pg-avatar-2{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.pg-avatar-3{background:linear-gradient(135deg,#4ade80,#22c55e)}.pg-avatar-4{background:linear-gradient(135deg,#a3e635,#84cc16)}.pg-avatar-5{background:linear-gradient(135deg,#34d399,#10b981)}.pg-avatar-6{background:linear-gradient(135deg,#5eead4,#2dd4bf)}.pg-avatar-current{box-shadow:0 0 0 3px var(--pg-bg-dark),0 0 0 5px var(--pg-mint)}.pg-avatar-current:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--pg-mint);animation:ring-pulse 1.5s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.pg-player-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#4ade8008;border-radius:var(--pg-radius-md);margin-bottom:.5rem;border:1px solid rgba(74,222,128,.08)}.pg-player-item:last-child{margin-bottom:0}.pg-player-item-active{background:#4ade801a;border-color:#4ade8040}.pg-player-name{font-weight:600;flex:1}.pg-player-score{font-family:var(--pg-font-display);font-weight:700;color:var(--pg-mint)}.pg-player-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--pg-radius-sm);background:#ffffff1a}.pg-player-badge-host{background:#4ade8026;color:var(--pg-mint)}.pg-game-card{background:var(--pg-gradient-card);border:1px solid rgba(74,222,128,.1);border-radius:var(--pg-radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pg-game-card:active{transform:scale(.98);border-color:var(--pg-mint);background:#4ade801a}.pg-game-card-disabled{opacity:.5;cursor:not-allowed}.pg-game-card-disabled:active{transform:none}.pg-game-icon{font-size:2.5rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#4ade801a;border-radius:var(--pg-radius-md)}.pg-game-info{flex:1}.pg-game-title{font-family:var(--pg-font-display);font-weight:700;font-size:1.125rem;margin-bottom:.25rem}.pg-game-desc{color:#ffffff80;font-size:.875rem}.pg-section{margin-bottom:1.5rem}.pg-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pg-section-title{font-family:var(--pg-font-display);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.pg-section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(74,222,128,.2),transparent)}.pg-lobby-code{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:#4ade8014;border-radius:var(--pg-radius-xl);border:1px solid rgba(74,222,128,.15)}.pg-lobby-code-value{font-family:var(--pg-font-display);font-weight:800;font-size:1.5rem;letter-spacing:.2em;color:var(--pg-mint)}.pg-status{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--pg-radius-xl);font-size:.75rem;font-weight:500}.pg-status-connected{background:#4ade801a;color:var(--pg-mint)}.pg-status-connecting{background:#fbbf241a;color:#fbbf24}.pg-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.pg-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#4ade8008;border-radius:var(--pg-radius-md);margin-bottom:.5rem;border:1px solid rgba(74,222,128,.08)}.pg-result-item-winner{background:linear-gradient(135deg,#4ade8026,#10b9811a);border-color:#4ade804d}.pg-result-rank{font-family:var(--pg-font-display);font-weight:800;font-size:1.25rem;width:2rem;color:#fff6}.pg-result-rank-1{color:var(--pg-mint)}.pg-input{font-family:var(--pg-font-display);font-size:1.5rem;font-weight:700;letter-spacing:.3em;text-align:center;text-transform:uppercase;padding:1rem;background:#4ade800d;border:2px solid rgba(74,222,128,.15);border-radius:var(--pg-radius-md);color:#fff;width:100%;outline:none;transition:all .2s ease}.pg-input:focus{border-color:var(--pg-mint);box-shadow:0 0 20px #4ade8026}.pg-input::placeholder{color:#ffffff40;letter-spacing:.2em}.pg-vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pg-app{position:relative;min-height:var(--app-height)}.pg-content{position:relative;z-index:1}.pg-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 0%,rgba(16,185,129,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(45,212,191,.08) 0%,transparent 50%),var(--pg-bg-dark)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .4s ease-out both}.animate-slide-up{animation:slide-up .4s ease-out both}.animate-scale-in{animation:scale-in .3s ease-out both}.pg-snackbar{position:fixed;bottom:calc(var(--pg-safe-bottom) + 1rem);left:1rem;right:1rem;padding:1rem 1.5rem;background:var(--pg-bg-card-solid);border:1px solid rgba(74,222,128,.15);border-radius:var(--pg-radius-md);text-align:center;font-weight:500;z-index:1000;animation:slide-up .3s ease-out}.text-center{text-align:center}.text-muted{color:#ffffff80}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.pg-qr-container{position:relative;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--pg-gradient-card);border:var(--pg-border-subtle);border-radius:var(--pg-radius-lg)}.pg-qr-code{display:flex;align-items:center;justify-content:center}.pg-qr-code svg{display:block}.pg-qr-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0d1512f2,#080a0ae6);border-radius:var(--pg-radius-md);border:1px solid rgba(74,222,128,.2);font-size:1.75rem}