@keyframes rainbow{0%{color:red}14%{color:#f80}28%{color:#ff0}42%{color:#0c0}57%{color:#08f}71%{color:#40f}85%{color:#c0f}to{color:red}}.tx-rainbow{animation:rainbow .5s linear infinite}.tx-rainbow a{color:inherit!important}:root{--bg-primary:#edeeec;--bg-secondary:#f5f5f5;--bg-tertiary:#eee;--text-primary:#111;--text-secondary:rgba(0,0,0,.55);--text-muted:rgba(0,0,0,.35);--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--border:rgba(0,0,0,.08);--radius:6px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.main{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.network-badge{position:fixed;top:16px;right:16px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:500;z-index:100}.connect-screen{justify-content:center;min-height:80vh;text-align:center;gap:24px}.connect-screen,.logo{display:flex;flex-direction:column;align-items:center}.logo{gap:8px}.logo-emoji{font-size:64px;animation:blink 2s infinite}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}.logo h1{font-size:48px;font-weight:700;letter-spacing:-1px}.tagline{font-size:20px;color:var(--text-secondary)}.description{font-size:14px;color:var(--text-muted);max-width:400px;line-height:1.6}.features{display:flex;gap:32px;margin-top:16px}.feature{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.feature span:first-child{font-size:24px}.wallet-connectors{flex-direction:column;max-width:300px}.connect-btn,.wallet-connectors{display:flex;gap:12px;width:100%}.connect-btn{align-items:center;justify-content:center;padding:16px 24px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.connect-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent)}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-icon{font-size:20px}.wallet-connected{display:flex;align-items:center;gap:12px}.wallet-address{padding:8px 16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,monospace;font-size:14px}.disconnect-btn{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.disconnect-btn:hover{border-color:var(--error);color:var(--error)}.winky-game{width:100%;max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.game-header{text-align:center;padding:20px 0}.game-header h1{font-size:32px;font-weight:700;margin-bottom:4px}.game-header p{color:var(--text-secondary);font-size:14px}.wallet-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:13px;color:var(--text-muted)}.session-badge{padding:4px 12px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius);color:var(--success);font-size:12px}.video-container{position:relative;background:none;border-radius:20px;overflow:hidden;box-shadow:none;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.video-container,.video-feed{width:100%;height:100%;outline:none;border:none}.video-feed{object-fit:cover;transform:scaleX(-1);display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:3}.overlay.loading{gap:16px}.overlay.loading p{font-size:18px;font-weight:500}.overlay.session-creation{gap:16px}.overlay.session-creation p{font-size:18px;font-weight:500}.overlay.session-creation .hint{font-size:14px;color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.overlay.countdown .countdown-number{font-size:120px;font-weight:700;color:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.overlay.playing{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;padding:20px}.overlay.playing .timer{font-size:48px;font-weight:700;color:#fff}.overlay.playing .blink-counter{font-size:24px;font-weight:600;color:var(--success)}.overlay.playing .tx-counter{font-size:16px;color:var(--text-secondary)}.overlay.finished{gap:24px}.overlay.finished h2{font-size:36px;font-weight:700}.final-score{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.score-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.score-item .label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.score-item .value{font-size:32px;font-weight:700}.score-item.error .value{color:var(--error)}.play-again-btn{padding:16px 48px;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.play-again-btn:hover{background:var(--accent-hover)}.controls,.start-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.start-btn{padding:16px 48px;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.start-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.hint{font-size:13px;color:var(--text-muted)}.stats-panel{display:flex;justify-content:center;gap:24px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat .value{font-size:18px;font-weight:600;font-family:SF Mono,Monaco,monospace}.error-banner{padding:12px 20px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--error);font-size:14px;text-align:center}@media (max-width:640px){.features{flex-direction:column;gap:16px}.final-score{grid-template-columns:1fr}.stats-panel{flex-wrap:wrap;gap:16px}}