:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#0f766e;--secondary-hover:#115e59;--accent:#22c55e;--accent-hover:#16a34a;--light:#f8f9fa;--dark:#111827;--success:#16a34a;--success-hover:#15803d;--warning:#f59e0b;--warning-hover:#d97706;--danger:#ef4444;--danger-hover:#dc2626;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,.1)}.copy-code-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px rgba(102,126,234,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;margin-left:8px;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.copy-code-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px) scale(1.1)}.copy-code-btn:active{transform:translateY(0) scale(1)}.copy-code-btn:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:2px}.copy-icon{font-size:14px;line-height:1}body{align-items:center;background:linear-gradient(45deg,rgba(114,137,218,.1) 25%,transparent 0),linear-gradient(-45deg,rgba(114,137,218,.1) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(114,137,218,.1) 0),linear-gradient(-45deg,transparent 75%,rgba(114,137,218,.1) 0),linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-position:0 0,0 10px,10px -10px,-10px 0,0 0;background-size:20px 20px,20px 20px,20px 20px,20px 20px,100% 100%;color:var(--dark);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:flex-start;line-height:1.6;margin:0;min-height:100vh;padding:clamp(10px,2vw,20px)}.container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:20px auto;max-width:min(1400px,95vw);padding:clamp(20px,4vw,40px);z-index:100}.ad-container,.container{position:relative;width:100%}.ad-container{align-items:center;display:flex;justify-content:center;margin:20px 0;overflow:hidden}.ad-container-top{display:none!important;height:0!important;margin-bottom:0;margin-top:0;max-width:100%;min-height:0;opacity:0!important;overflow:hidden!important;visibility:hidden!important}.ad-container-footer{align-items:center;clear:both;display:flex;justify-content:center;margin-bottom:0;margin-top:30px;max-width:100%;min-height:90px;position:relative;width:100%;z-index:1}.ad-container-sidebar{align-self:flex-start;display:none;margin:0;max-height:600px;min-height:280px;position:sticky;top:20px;width:336px}.container-wrapper{align-items:flex-start;display:flex;gap:20px;margin:20px auto;max-width:min(1400px,95vw);padding:0 clamp(10px,2vw,20px);width:100%}.container-main{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex:1;min-width:0;padding:clamp(20px,4vw,40px)}@media (min-width:993px){.ad-container-sidebar{display:flex}.container-wrapper{flex-direction:row}}@media (max-width:992px){.ad-container-sidebar{display:none!important}.container-wrapper{flex-direction:column}.container-main{width:100%}}.ad-container ins{display:block;text-align:center;width:100%}.adsbygoogle{display:block;margin:0 auto;max-width:100%;width:100%}.ad-container{pointer-events:auto;z-index:1}.ad-container *{box-sizing:border-box;max-width:100%}@media (max-width:768px){.ad-container{margin:16px 0}.ad-container-top{display:none!important;height:0;margin-bottom:0;min-height:0}.ad-container-footer{margin-top:20px;min-height:50px;width:100%}}@media (max-width:320px){.ad-container-top{display:none!important;height:0;margin:0;min-height:0}.ad-container-footer{margin:12px 0;min-height:50px;padding:8px 0;width:100%}}#retro-board .ad-container-top,#room-section~.ad-container,#voting-section~.ad-container{margin-bottom:20px}#retro-board+.ad-container-footer,#votes-section+.ad-container-footer,.container>.ad-container-footer:last-child{clear:both;margin-top:40px}@media (min-width:993px){.container-main #room-section,.container-main #users-section,.container-main #votes-section,.container-main #voting-section{max-width:100%}}#retro-board+.ad-container-footer{clear:both;margin-top:40px}.ad-container-left{box-shadow:2px 0 8px rgba(0,0,0,.1);left:0}.ad-container-left,.ad-container-right{background:hsla(0,0%,100%,.95);display:none;height:100vh;margin:0;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:fixed;top:0;width:120px;z-index:10}.ad-container-right{box-shadow:-2px 0 8px rgba(0,0,0,.1);right:0}.retro-page .ad-container-left,.retro-page .ad-container-right{width:100px}@media (min-width:1401px){.ad-container-left,.ad-container-right{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px}body{padding-left:0!important;padding-right:0!important}.container{margin-left:auto;margin-right:auto;position:relative;z-index:1}.container,body.poker-page .container{max-width:min(1400px,calc(100vw - 260px))!important}body.poker-page .ad-container-left,body.poker-page .ad-container-right{width:120px}body.retro-page .container{max-width:min(1400px,calc(100vw - 220px))!important}body.retro-page .ad-container-left,body.retro-page .ad-container-right{width:100px}}@media (max-width:1400px){.ad-container-left,.ad-container-right{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}}@media (max-width:768px){.ad-container-left,.ad-container-right{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;width:0!important}}@media (max-width:480px){.ad-container-left,.ad-container-right{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}}.modal-backdrop,.name-input-modal-backdrop{z-index:10000!important}.ad-container-left ins,.ad-container-right ins{display:block;margin:10px auto;max-width:120px;width:100%}.retro-page .ad-container-left ins,.retro-page .ad-container-right ins{max-width:100px}.ad-container-left .adsbygoogle,.ad-container-right .adsbygoogle{margin:10px 0;max-width:100%;position:sticky;top:20px}h1{color:var(--secondary);font-weight:600;margin-bottom:20px}.tagline{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#4b5563;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.3px;line-height:1.7;margin:-10px auto 30px;max-width:800px}.retro-text-select,.tagline{text-align:center;-webkit-text-fill-color:transparent}.retro-text-select{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;display:inline-block;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.5px;position:relative}.retro-text-select:after{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;opacity:.3;position:absolute;right:0}h2,h3{color:var(--primary);margin-top:0}hr{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);border:0;height:1px;margin:20px 0}#room-section{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}#room-section input{border:1px solid #ddd;border-radius:var(--border-radius);flex:1;min-width:200px;padding:12px}button{border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}button:hover{box-shadow:0 6px 8px rgba(0,0,0,.1);transform:translateY(-2px)}button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}#create-room-btn{background-color:var(--primary)}#create-room-btn:hover{background-color:var(--primary-hover)}#copy-link-btn,#go-home-btn{background-color:var(--secondary)}#copy-link-btn:hover,#go-home-btn:hover{background-color:var(--secondary-hover)}#reveal-votes-btn{background-color:var(--success)}#reveal-votes-btn:hover{background-color:var(--success-hover)}#clear-votes-btn{background-color:var(--danger)}#clear-votes-btn:hover{background-color:var(--danger-hover)}.cards{flex-wrap:wrap;gap:10px;margin:20px auto;max-width:800px;width:100%}.cards,.vote-btn{align-items:center;display:flex;justify-content:center}.vote-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 12px rgba(99,102,241,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.vote-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 8px 20px rgba(99,102,241,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-4px) scale(1.05)}.vote-btn:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.vote-btn.disabled{cursor:not-allowed;opacity:.5;transform:none!important}#room-info{background-color:#f8f9fa;border-radius:var(--border-radius);margin-bottom:20px;padding:15px;text-align:center}#room-code,#user-name{font-weight:700}#room-code{color:var(--secondary)}#user-name{color:var(--primary)}#users-section,#votes-section{background-color:#f8f9fa;border-radius:var(--border-radius);margin-top:20px;padding:15px}ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}li{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);font-weight:500;min-width:120px;padding:12px 18px;text-align:center;transition:all .3s ease}li:hover{box-shadow:0 8px 20px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);transform:translateY(-2px)}.action-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}#retro-room-section input,#room-section input,input[placeholder],input[type=search],input[type=text]{border:1px solid #dde3ea;outline:none;transition:border-color .2s,box-shadow .2s}#retro-room-section input:focus,#room-section input:focus,input[type=search]:focus,input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,195,247,.2)}a button{text-decoration:none}@media (min-width:1200px){.container{max-width:min(1600px,90vw);padding:clamp(30px,3vw,50px)}.cards{align-items:center;gap:15px;justify-content:center;margin:20px auto;max-width:800px}.vote-btn{font-size:22px;height:105px;width:70px}#room-section{margin:0 auto;max-width:600px}.action-buttons{margin:20px auto 0;max-width:400px}#users-list{margin:0 auto;max-width:1000px}#votes-list{margin:0 auto;max-width:800px}}@media (min-width:992px) and (max-width:1199px){.container{max-width:min(1200px,92vw)}.cards{gap:12px}.vote-btn{font-size:20px;height:95px;width:65px}}@media (min-width:769px) and (max-width:991px){.container{max-width:min(900px,95vw);padding:25px}.cards{gap:10px}.vote-btn{font-size:18px;height:90px;width:60px}}@media (max-width:768px){body{padding:10px}.container{border-radius:16px;margin:10px auto;padding:20px}h1{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:16px}.tagline{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;letter-spacing:-.2px;margin:-8px 16px 24px;padding:0 8px}.retro-text-select{font-size:20px;letter-spacing:-.3px}button{border-radius:12px;font-size:16px;min-height:48px;padding:14px 20px}.cards{gap:8px;padding:10px 0}.vote-btn{border-radius:12px;font-size:clamp(16px,4vw,20px);height:clamp(80px,18vw,100px);width:clamp(55px,12vw,70px)}#room-section{gap:16px}#room-section input{border-radius:12px;font-size:16px;min-width:100%;padding:16px}.retro-form-row{gap:12px}.retro-join-row{align-items:stretch;flex-direction:column}.action-buttons{flex-direction:column;gap:12px}#users-list{gap:8px;justify-content:center}.user-item{font-size:14px;height:auto;min-height:40px;padding:10px 12px}.user-avatar{font-size:12px;height:28px;width:28px}}@media (max-width:480px){.container{margin:8px auto;padding:16px}.cards{gap:6px}.vote-btn{font-size:clamp(14px,3.5vw,18px);height:clamp(75px,16vw,85px);width:clamp(50px,11vw,60px)}button{font-size:15px;padding:12px 16px}}#votes-list{flex-direction:column;gap:8px}#votes-list li{align-items:center;background:linear-gradient(90deg,#f8f9fa,#fff);border-left:4px solid var(--primary);display:flex;justify-content:space-between;padding:12px 20px;transition:all .3s ease}#votes-list li:hover{transform:translateX(5px)}.voter-name{color:var(--dark);font-weight:500}.voted-number{animation:pulse 1.5s infinite;background-color:rgba(74,111,165,.1);border-radius:20px;color:var(--secondary);font-size:18px;font-weight:700;padding:4px 12px}.votes-revealed .voted-number{background-color:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}#users-section{margin-top:20px;width:100%}#users-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.user-item{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-size:14px;gap:6px;height:32px;padding:6px 10px;transition:all .2s ease}.user-item.current-user{background-color:rgba(22,96,136,.1);border:1px solid var(--secondary)}.user-avatar{align-items:center;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{display:none}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.user-item.new-user{animation:pop-in .3s ease-out}.username-error{color:var(--danger);display:none;font-size:14px;margin-top:5px}#room-capacity{color:var(--primary);font-weight:700;margin:10px 0}.toast-message{animation:fadeInOut 2.5s ease-in-out;background-color:#333;border-radius:4px;bottom:20px;color:#fff;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{bottom:0;opacity:0}10%{bottom:20px;opacity:1}90%{bottom:20px;opacity:1}to{bottom:0;opacity:0}}#user-count{color:var(--primary);font-weight:700}.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.access-denied{background-color:#fee;border:1px solid #fcc;border-radius:5px;margin:15px 0;padding:15px;text-align:center}.room-full-warning{animation:pulse-warning 2s infinite;color:#d9534f}@keyframes pulse-warning{0%{opacity:1}50%{opacity:.6}to{opacity:1}}#retro-board{display:block}.retro-form{align-items:stretch;display:flex;flex-direction:column;gap:10px}.retro-form-row{display:flex;gap:8px;justify-content:center}.retro-join-row{flex-wrap:wrap}.retro-form .text-input{max-width:420px}.retro-form-help{color:#6b7280;text-align:center}.retro-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.retro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.retro-grid{grid-template-columns:1fr}}.retro-column{background:linear-gradient(180deg,#f8fafc,#f3f6fa);border:1px solid rgba(2,6,23,.05);border-radius:14px;box-shadow:0 8px 18px rgba(16,24,40,.06);padding:14px}.retro-column h3{color:var(--dark);font-weight:700;margin:0 0 10px}.retro-cards{display:flex;flex-direction:column;gap:10px;min-height:140px}.retro-empty{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;color:#6b7280;padding:12px;text-align:center}.retro-card{background:#fff;border-left:5px solid var(--secondary);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.06);padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease}.retro-card:hover{box-shadow:0 12px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.retro-card .meta{color:#6b7280;font-size:12px}.retro-actions{align-items:center;display:flex;gap:6px}.retro-add-btn{background-color:var(--primary)}.retro-add-btn:hover{background-color:var(--primary-hover)}.retro-upvote{background-color:var(--accent)}.retro-upvote:hover{background-color:var(--accent-hover)}.retro-delete{background-color:var(--danger)}.retro-delete:hover{background-color:var(--danger-hover)}.retro-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:10px 0 14px}.retro-search{width:min(260px,60vw)}.text-input{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:12px 14px;width:100%}.btn-secondary{background-color:var(--secondary)}.btn-secondary:hover{background-color:var(--secondary-hover)}.retro-nav-link{display:inline-block;text-decoration:none}.retro-nav-btn{align-items:center;border:none;box-shadow:inset -4px -4px 0 0 rgba(0,0,0,.3),inset 4px 4px 0 0 hsla(0,0%,100%,.5),0 0 0 4px #000,0 8px 0 0 rgba(0,0,0,.3);cursor:pointer;display:flex;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;gap:10px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;justify-content:center;letter-spacing:1px;min-height:70px;min-width:280px;padding:20px 40px;position:relative;text-transform:uppercase;transition:all .15s ease}.retro-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5),-1px -1px 0 hsla(0,0%,100%,.3)}.retro-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:inset -4px -4px 0 0 rgba(0,0,0,.3),inset 4px 4px 0 0 hsla(0,0%,100%,.5),0 0 0 4px #000,0 4px 0 0 rgba(0,0,0,.3);transform:translateY(2px)}.retro-btn-primary:active{box-shadow:inset -4px -4px 0 0 rgba(0,0,0,.3),inset 4px 4px 0 0 hsla(0,0%,100%,.5),0 0 0 4px #000,0 2px 0 0 rgba(0,0,0,.3);transform:translateY(4px)}.retro-btn-secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;text-shadow:2px 2px 0 hsla(0,0%,100%,.5),-1px -1px 0 rgba(0,0,0,.3)}.retro-btn-secondary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:inset -4px -4px 0 0 rgba(0,0,0,.3),inset 4px 4px 0 0 hsla(0,0%,100%,.5),0 0 0 4px #000,0 4px 0 0 rgba(0,0,0,.3);transform:translateY(2px)}.retro-btn-secondary:active{box-shadow:inset -4px -4px 0 0 rgba(0,0,0,.3),inset 4px 4px 0 0 hsla(0,0%,100%,.5),0 0 0 4px #000,0 2px 0 0 rgba(0,0,0,.3);transform:translateY(4px)}@media (max-width:768px){.retro-nav-btn{font-size:18px;gap:8px;min-height:60px;min-width:240px;padding:16px 32px}}@media (max-width:480px){.retro-nav-btn{font-size:16px;gap:6px;min-height:56px;min-width:100%;padding:14px 24px}.retro-nav-link{width:100%}}#retro-create-room-btn,#retro-join-room-btn{background-color:var(--primary)}#retro-create-room-btn:hover,#retro-join-room-btn:hover{background-color:var(--primary-hover)}#retro-go-home-btn{background-color:var(--secondary)}#retro-go-home-btn:hover{background-color:var(--secondary-hover)}#retro-copy-link-btn{background-color:var(--accent)}#retro-copy-link-btn:hover{background-color:var(--accent-hover)}#retro-export-pdf-btn{background-color:var(--warning);color:#fff}#retro-export-pdf-btn:hover{background-color:var(--warning-hover)}.drawer-badge{background:rgba(37,99,235,.12);color:var(--primary);margin-left:6px}.drawer-badge,.score-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.score-badge{background:rgba(15,118,110,.12);color:var(--secondary);margin-left:8px}.modal-backdrop{align-items:center;background:rgba(17,24,39,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:18px;width:min(520px,92vw)}.modal h3{color:var(--dark);margin:0 0 10px}.word-options{display:flex;flex-wrap:wrap;gap:8px}.word-options button{background:var(--primary)}.word-options button:hover{background:var(--primary-hover)}.badge{background:rgba(22,96,136,.08);border-radius:999px;color:var(--secondary);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.toggle-active{box-shadow:inset 0 2px 6px rgba(0,0,0,.15);filter:brightness(.95)}.brush-preview{border:1px solid #ccc;height:18px;width:18px}.room-card{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid rgba(2,6,23,.06);border-radius:14px;box-shadow:0 10px 24px rgba(16,24,40,.06);margin-bottom:16px;padding:16px}.room-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.input-group label{color:var(--dark);font-weight:600}.help-text{font-size:12px}.error-text{color:var(--danger);font-size:13px}.sk-page{background:radial-gradient(1200px 800px at 10% 5%,#0b1020 0,#070b18 40%,#050914 70%,#04060f 100%);color:#e6f1ff}.sk-container{background:rgba(10,15,30,.7);border:1px solid rgba(0,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 0 40px rgba(0,255,255,.05)}.sk-title{color:#00fff0;text-align:center;text-shadow:0 0 6px rgba(0,255,240,.8),0 0 14px rgba(0,255,240,.4)}#sk-konva{background:linear-gradient(180deg,rgba(7,11,24,.65),rgba(9,14,28,.65));border:1px solid rgba(0,255,240,.25)!important;box-shadow:inset 0 0 30px rgba(0,255,240,.05),0 8px 30px rgba(0,0,0,.4)}.sk-toolbar{background:rgba(6,10,22,.85)!important;border-color:rgba(0,255,240,.12)!important;box-shadow:inset 0 0 12px rgba(0,255,240,.06)}.sk-palette .sk-chip{border:2px solid hsla(0,0%,100%,.15);border-radius:6px;box-shadow:0 0 8px hsla(0,0%,100%,.1);height:28px;padding:0;width:28px}.sk-palette .sk-chip.is-success{box-shadow:0 0 10px rgba(0,255,240,.6),0 0 20px rgba(0,255,240,.25);outline:2px solid rgba(0,255,240,.3)}.sk-sizes .sk-size{font-family:Press Start\ 2P,monospace;font-size:10px;padding:6px 10px}.sk-sizes .sk-size.is-primary{box-shadow:0 0 10px rgba(255,110,199,.5),0 0 18px rgba(255,110,199,.25)}.brush-preview{border:2px solid hsla(0,0%,100%,.12);box-shadow:0 0 10px hsla(0,0%,100%,.08),inset 0 0 6px rgba(0,0,0,.3)}.badge{background:rgba(0,229,255,.12);border:1px solid rgba(0,229,255,.18);color:#7eeeff}.modal-backdrop{background:rgba(2,6,23,.7)}.modal{background:#0c1226;border:1px solid rgba(126,238,255,.18)}.modal h3{color:#e6f1ff}.word-options button{border-color:rgba(0,255,240,.35)}.nes-btn,.nes-btn.is-error,.nes-btn.is-primary,.nes-btn.is-success{text-shadow:0 1px 0 rgba(0,0,0,.4)}.nes-btn:hover{box-shadow:0 0 12px rgba(0,255,240,.4)}.sk-page #sk-players{display:flex;flex-direction:column;gap:6px}.sk-page #sk-players .user-item{background:rgba(10,18,40,.8);border:1px solid rgba(0,255,240,.15);box-shadow:0 6px 14px rgba(0,0,0,.25),inset 0 0 8px rgba(0,255,240,.06);color:#bfefff}.sk-page #sk-players .user-item .drawer-badge{background:rgba(0,255,240,.18);border:1px solid rgba(0,255,240,.25);color:#00fff0}.sk-page #sk-players .user-item .score-badge{background:rgba(255,110,199,.14);border:1px solid rgba(255,110,199,.25);color:#ffb4e6}.sk-page #sk-chat{background:rgba(6,10,22,.85)!important;border:1px solid rgba(126,238,255,.18)!important;box-shadow:inset 0 0 12px rgba(0,255,240,.06);color:#e6f1ff;font-family:Press Start\ 2P,cursive;font-size:10px;height:240px!important;line-height:1.8}.sk-page #sk-chat div{border-bottom:1px dashed rgba(126,238,255,.12);padding:4px 2px}.sk-page #sk-chat div:last-child{border-bottom:none}.sk-page #sk-chat-input.nes-input{background:rgba(10,16,30,.9);border-color:rgba(0,255,240,.22);color:#e6f1ff}.sk-page #sk-chat-input.nes-input:focus{box-shadow:0 0 0 3px rgba(0,255,240,.18)}.container{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:3px solid #fff;box-shadow:0 0 0 3px #000,0 8px 32px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.5)}h1{color:#7c3aed;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:3px 3px 0 #000}.color-picker{border:3px solid #000;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;height:40px;transition:transform .1s ease;width:40px}.color-picker:hover{transform:scale(1.1)}.brush-preview{background:#000;border:2px solid #000;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);display:inline-block;height:20px;vertical-align:middle;width:20px}#sk-toolbar{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.9)}#sk-players .user-item{align-items:center;background:hsla(0,0%,100%,.9);border:2px solid #000;border-radius:8px;display:flex;font-weight:700;justify-content:space-between;margin:4px 0;padding:8px 12px;transition:all .2s ease}#sk-players .user-item:hover{box-shadow:4px 4px 0 #000;transform:translateX(4px)}#sk-chat{background:#1a1a2e!important;border:3px solid #000!important;box-shadow:inset 0 0 10px rgba(0,0,0,.5);color:#0f0!important;font-family:Courier New,monospace!important;font-size:13px!important;line-height:1.4!important}#sk-chat div{border-bottom:1px solid rgba(0,255,0,.2);padding:2px 4px}#sk-canvas{border:4px solid #000!important;border-radius:0!important;box-shadow:0 0 0 2px #fff,0 0 0 6px #000,0 8px 16px rgba(0,0,0,.3)!important}.modal-backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.8)}.nes-btn:hover:not(:disabled){box-shadow:0 6px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.nes-btn:active{transform:translateY(0)}.nes-badge{border:2px solid #000;box-shadow:0 2px 4px rgba(0,0,0,.2)}.nes-input{font-size:14px;font-weight:400}.nes-input:focus{box-shadow:0 0 0 3px rgba(124,58,237,.3)}@media (max-width:768px){.container{margin:10px;padding:20px}h1{font-size:2rem}#sk-toolbar .toolbar-actions,#sk-toolbar .toolbar-group{flex-wrap:wrap;gap:6px}.color-picker{height:35px;width:35px}}#sk-rules-section{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(240,248,255,.9));border:3px solid #000;margin:20px 0}.rules-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.rule-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #000;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.rule-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.rule-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-4px)}.rule-card .nes-text{font-size:16px;margin-bottom:8px}.rule-card p:last-child{color:#4a5568;line-height:1.5;margin-bottom:0}.rule-card:first-child{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.rule-card:nth-child(2){background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.rule-card:nth-child(3){background:linear-gradient(135deg,#fff3e0,#ffcc02)}.rule-card:nth-child(4){background:linear-gradient(135deg,#ffebee,#ffcdd2)}.rule-card:nth-child(5){background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.rule-card:nth-child(6){background:linear-gradient(135deg,#e0f2f1,#b2dfdb)}#sk-rules-section .title{color:#7c3aed;font-size:1.4rem;margin-bottom:0;text-align:center;text-shadow:2px 2px 0 #000}@media (max-width:768px){.rules-grid{gap:12px;grid-template-columns:1fr}.rule-card{padding:12px}.rule-card .nes-text{font-size:14px}}.join-game-container{backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.95),rgba(248,250,252,.95));border:3px solid #4f46e5;border-radius:20px;box-shadow:0 20px 40px rgba(79,70,229,.15),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.25);margin:20px 0;overflow:hidden;padding:32px;position:relative}.join-game-container:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.join-game-header{margin-bottom:24px;text-align:center}.join-game-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:2rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;text-shadow:none}.join-game-subtitle{color:#64748b;font-size:1rem;font-weight:500;margin:0}.join-game-form{gap:20px}.form-field,.join-game-form{display:flex;flex-direction:column}.form-field{gap:8px;margin:0 auto;max-width:420px;width:100%}.field-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:4px}.input-wrapper{align-items:center;display:flex;position:relative}.custom-input{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);color:#374151;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.custom-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.5);outline:none;transform:translateY(-1px)}.custom-input::placeholder{color:#9ca3af;font-weight:400}.input-decoration{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;opacity:0;position:absolute;right:12px;transition:opacity .3s ease;width:6px}.custom-input:focus+.input-decoration{opacity:1}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:56px;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff}.create-btn:hover{box-shadow:0 8px 20px rgba(16,185,129,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px)}.create-btn:active{transform:translateY(0)}.join-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff}.join-btn:hover{box-shadow:0 8px 20px rgba(59,130,246,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px)}.secondary-btn{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:10px;box-shadow:0 4px 12px hsla(220,9%,46%,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.secondary-btn:hover{box-shadow:0 6px 16px hsla(220,9%,46%,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.btn-icon{font-size:1.1em}.btn-icon,.btn-text{line-height:1}.divider{align-items:center;display:flex;margin:16px 0;text-align:center}.divider:after,.divider:before{background:linear-gradient(90deg,transparent,#d1d5db 50%,transparent);content:"";flex:1;height:1px}.divider-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#6b7280;font-size:.875rem;font-weight:600;padding:0 16px;-webkit-text-fill-color:transparent;background-clip:text}.join-room-wrapper{align-items:end;display:flex;gap:12px}.join-room-wrapper .input-wrapper{flex:1}.form-actions,.form-footer{display:flex;justify-content:center}.form-footer{margin-top:8px}.error-message{color:#ef4444;font-weight:500}.error-message,.help-text{font-size:.875rem;margin-top:4px}.help-text{color:#6b7280;font-style:italic}@media (max-width:768px){.join-game-container{margin:16px 0;padding:24px 20px}.join-game-title{font-size:1.75rem}.join-room-wrapper{flex-direction:column;gap:12px}.custom-input{font-size:16px;padding:14px 16px}.action-btn{min-height:52px;padding:14px 20px}#retro-rules-section .rules-grid{gap:12px;grid-template-columns:1fr}#retro-rules-section .rule-card{padding:16px 12px}#retro-rules-section .title{font-size:1.2rem}.retro-best-practices{margin-top:16px!important}.retro-best-practices h4{font-size:1rem}.retro-best-practices ul{font-size:14px}}@media (max-width:480px){.join-game-container{border-radius:16px;margin:12px 0;padding:20px 16px}.join-game-title{font-size:1.5rem}.join-game-subtitle{font-size:.9rem}.join-game-form{gap:16px}.custom-input{font-size:16px;padding:12px 14px}.action-btn{font-size:15px;min-height:48px;padding:12px 18px}.secondary-btn{font-size:14px;padding:10px 16px}.field-label,.help-text{font-size:.8rem}}@media (max-width:320px){.join-game-container{border-radius:12px;margin:8px 0;padding:16px 12px}.join-game-title{font-size:1.25rem}.join-game-subtitle{font-size:.85rem}.join-game-form{gap:12px}.action-btn{font-size:14px;min-height:44px;padding:10px 16px}.btn-text{font-size:.9em}}.action-btn:focus-visible,.secondary-btn:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.custom-input:focus-visible{outline:3px solid rgba(102,126,234,.3);outline-offset:2px}.current-drawer{animation:drawerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;border:2px solid #667eea!important;box-shadow:0 0 20px rgba(102,126,234,.3)!important}@keyframes drawerPulse{0%,to{box-shadow:0 0 20px rgba(102,126,234,.3);transform:scale(1)}50%{box-shadow:0 0 30px rgba(102,126,234,.5);transform:scale(1.02)}}.timer-urgent{animation:timerUrgent 1s ease-in-out infinite!important}@keyframes timerUrgent{0%,to{background:rgba(239,68,68,.1);color:#ef4444}50%{background:rgba(239,68,68,.3);color:#dc2626;transform:scale(1.05)}}.particle-container{height:100%!important;left:0!important;pointer-events:none!important;position:fixed!important;top:0!important;width:100%!important;z-index:1000!important}.drawing-active #sk-canvas{animation:canvasPulse 1s ease-in-out infinite;box-shadow:0 0 20px rgba(124,58,237,.5)!important}@keyframes canvasPulse{0%,to{box-shadow:0 0 20px rgba(124,58,237,.3)}50%{box-shadow:0 0 30px rgba(124,58,237,.6)}}.nes-btn:hover{animation:buttonGlow .5s ease-in-out;text-shadow:0 0 10px hsla(0,0%,100%,.5)}@keyframes buttonGlow{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.score-badge{overflow:visible;position:relative;transition:all .3s ease}.score-badge:after{animation:scoreGlow 2s ease-in-out infinite;background:linear-gradient(45deg,transparent,rgba(16,185,129,.3),transparent);border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes scoreGlow{0%,to{opacity:0;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}}#sk-chat div{transform-origin:left center;transition:all .3s ease}#sk-chat div:hover{background:hsla(0,0%,100%,.05);border-radius:4px;padding:2px 4px;transform:translateX(5px)}.word-options button{overflow:hidden;position:relative;transition:all .3s ease}.word-options button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.word-options button:hover:before{left:100%}.word-options button:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(1.05) rotate(1deg)}#sk-toolbar{overflow:hidden;position:relative}#sk-toolbar:before{animation:toolbarGlow 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes toolbarGlow{0%{left:-100%}to{left:100%}}.game-start-overlay{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;left:0;position:fixed;text-shadow:0 0 20px hsla(0,0%,100%,.5);top:0;width:100%;z-index:9999}#sk-canvas{position:relative;transition:all .3s ease}#sk-canvas:hover{filter:brightness(1.05)}#sk-players .user-item{overflow:hidden;position:relative;transition:all .3s ease}#sk-players .user-item:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#sk-players .user-item:hover:before{left:100%}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.5)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(1)}}.floating-text{animation:floatUp 2s ease-out forwards;font-weight:700;pointer-events:none;text-shadow:0 0 10px currentColor}@keyframes celebrate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.celebration{animation:celebrate .6s ease-in-out}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle{animation:sparkle 1s ease-in-out infinite}@media (max-width:768px){.current-drawer{animation-duration:1.5s}.timer-urgent{animation-duration:.8s}@keyframes drawerPulse{0%,to{box-shadow:0 0 15px rgba(102,126,234,.3);transform:scale(1)}50%{box-shadow:0 0 25px rgba(102,126,234,.5);transform:scale(1.01)}}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.action-btn:hover,.custom-input:focus,.rule-card:hover,.secondary-btn:hover{transform:none}}.board-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);margin:20px 0;overflow:hidden;padding:24px;position:relative}.board-container:before{animation:gradientShift 6s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#3b82f6 33%,#8b5cf6 66%,#f59e0b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.retro-toolbar-enhanced{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 16px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.participants-counter,.session-status{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:2px solid #3b82f6!important;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px!important}.participants-counter{align-items:flex-start;flex-direction:column;min-width:200px}.counter-row{align-items:center;display:flex;gap:8px;width:100%}.counter-icon,.status-icon{font-size:16px}.counter-number{background:#3b82f6;border-radius:12px;color:#fff;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.search-container,.search-wrapper{position:relative}.search-wrapper{align-items:center;display:flex}.search-icon{color:#6b7280;font-size:16px;left:12px;position:absolute;z-index:1}.enhanced-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);font-size:14px;font-weight:500;min-width:280px;padding:12px 16px 12px 40px;transition:all .3s ease}.enhanced-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.sort-toggle-btn{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.sort-toggle-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.sort-toggle-btn[aria-pressed=true]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.retro-board-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.retro-column-enhanced{background:hsla(0,0%,100%,.9);border:2px solid transparent;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.retro-column-enhanced:hover{box-shadow:0 20px 40px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);transform:translateY(-4px)}.went-well-column{border-top:4px solid #10b981}.to-improve-column{border-top:4px solid #f59e0b}.action-items-column{border-top:4px solid #3b82f6}.column-header{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));padding:20px;position:relative;text-align:center}.column-icon{display:block;font-size:32px;margin-bottom:8px}.column-title{color:#1f2937;font-size:20px;font-weight:700;margin:8px 0 4px;text-shadow:none}.column-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}.retro-cards-container{flex:1;max-height:400px;overflow-y:auto;padding:16px 20px}.retro-cards-container::-webkit-scrollbar{width:6px}.retro-cards-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.retro-cards-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.retro-cards-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.retro-card-enhanced{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05);margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.retro-card-enhanced:before{background:var(--card-accent,#6b7280);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.retro-card-enhanced:hover{box-shadow:0 8px 20px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);transform:translateY(-2px)}.went-well-column .retro-card-enhanced:before{background:#10b981}.to-improve-column .retro-card-enhanced:before{background:#f59e0b}.action-items-column .retro-card-enhanced:before{background:#3b82f6}.card-content{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.card-text{flex:1}.card-main-text{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px;word-wrap:break-word}.card-meta{color:#6b7280;font-size:12px;gap:8px}.card-author,.card-meta{align-items:center;display:flex}.card-author{gap:4px}.card-author-icon{font-size:12px}.card-timestamp{color:#9ca3af;font-size:11px}.card-actions{gap:6px}.card-actions,.card-vote-btn{align-items:center;display:flex;flex-direction:column}.card-vote-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;gap:2px;min-width:50px;padding:8px 12px;transition:all .2s ease}.card-vote-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8;transform:scale(1.05)}.vote-icon{font-size:16px}.vote-count{color:#1f2937;font-weight:700}.card-delete-btn{background:transparent;border:2px solid transparent;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;padding:6px;transition:all .2s ease}.card-delete-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.add-card-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;padding:16px 20px 20px}.add-card-input-wrapper{align-items:flex-end;display:flex;gap:8px}.add-card-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;font-size:14px;font-weight:500;max-height:120px;min-height:44px;padding:12px 16px;resize:vertical;transition:all .3s ease}.add-card-input:focus{border-color:var(--input-focus-color,#3b82f6);box-shadow:0 0 0 3px var(--input-focus-shadow,rgba(59,130,246,.1));outline:none}.went-well-column .add-card-input:focus{--input-focus-color:#10b981;--input-focus-shadow:rgba(16,185,129,.1)}.to-improve-column .add-card-input:focus{--input-focus-color:#f59e0b;--input-focus-shadow:rgba(245,158,11,.1)}.action-items-column .add-card-input:focus{--input-focus-color:#3b82f6;--input-focus-shadow:rgba(59,130,246,.1)}.add-card-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:44px;justify-content:center;min-width:70px;padding:12px 16px;transition:all .3s ease}.went-well-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 8px rgba(16,185,129,.3)}.went-well-btn:hover{box-shadow:0 6px 12px rgba(16,185,129,.4);transform:translateY(-2px)}.to-improve-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 8px rgba(245,158,11,.3)}.to-improve-btn:hover{box-shadow:0 6px 12px rgba(245,158,11,.4);transform:translateY(-2px)}.action-items-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 8px rgba(59,130,246,.3)}.action-items-btn:hover{box-shadow:0 6px 12px rgba(59,130,246,.4);transform:translateY(-2px)}.add-icon{font-size:18px;font-weight:700}.board-footer{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 16px rgba(0,0,0,.1);padding:16px 20px}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-stats{display:flex;flex-wrap:wrap;gap:24px}.stat-item{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.stat-icon{font-size:16px}.stat-value{background:#3b82f6;border-radius:12px;color:#fff;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.stat-label{color:#6b7280}.board-actions{display:flex;gap:12px}.board-action-btn{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.retro-empty-enhanced{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtitle{color:#6b7280;font-size:14px;line-height:1.4;max-width:200px}@media (max-width:768px){.board-container{border-radius:16px;margin:16px 0;padding:16px}.retro-toolbar-enhanced{flex-direction:column;gap:16px;padding:16px}.toolbar-left,.toolbar-right{flex-wrap:wrap;justify-content:center;width:100%}.enhanced-search-input{max-width:300px;min-width:100%}.retro-board-grid{gap:16px;grid-template-columns:1fr}.retro-column-enhanced{min-height:350px}.column-header{padding:16px}.column-icon{font-size:28px}.column-title{font-size:18px}.retro-cards-container{max-height:300px;padding:12px 16px}.add-card-input-wrapper{flex-direction:column;gap:12px}.add-card-btn{justify-content:center;width:100%}.quick-actions{flex-direction:column;gap:16px;text-align:center}.footer-stats{justify-content:center}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.retro-card-enhanced.new-card{animation:cardSlideIn .3s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card-vote-btn.voted{animation:pulse .5s ease;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1d4ed8}.name-input-modal-backdrop{align-items:center;animation:modalBackdropFadeIn .3s ease-out;backdrop-filter:blur(8px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes modalBackdropFadeIn{0%{backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);opacity:1}}.name-input-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.25);max-width:480px;overflow:hidden;padding:0;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.name-input-modal:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));padding:40px 32px 24px;text-align:center}.modal-icon{animation:modalIconBounce .6s ease-out .2s both;display:block;font-size:48px;margin-bottom:16px}@keyframes modalIconBounce{0%{opacity:0;transform:translateY(-20px) scale(.5)}60%{transform:translateY(-5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:24px;font-weight:700;margin:0 0 8px;-webkit-text-fill-color:transparent;animation:modalTextSlideIn .5s ease-out .3s both;background-clip:text}.modal-subtitle{animation:modalTextSlideIn .5s ease-out .4s both;color:#64748b;font-size:16px;font-weight:500;line-height:1.5;margin:0}@keyframes modalTextSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:modalContentSlideIn .5s ease-out .5s both;padding:24px 32px}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-input-wrapper{position:relative}.modal-input-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-name-input{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);color:#374151;font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-name-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.5);outline:none;transform:translateY(-1px)}.modal-name-input::placeholder{color:#9ca3af;font-weight:400}.modal-input-decoration{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:6px}.modal-name-input:focus+.modal-input-decoration{opacity:1}.modal-error-message{animation:errorSlideIn .3s ease-out;color:#ef4444;display:block;font-size:14px;font-weight:500;margin-top:8px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-footer{animation:modalFooterSlideIn .5s ease-out .6s both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px 32px}@keyframes modalFooterSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.4),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff}.modal-btn-primary:hover{box-shadow:0 8px 20px rgba(102,126,234,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px)}.modal-btn-primary:active{transform:translateY(0)}.modal-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px hsla(220,9%,46%,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff}.modal-btn-secondary:hover{box-shadow:0 6px 16px hsla(220,9%,46%,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.modal-btn:disabled:hover{box-shadow:0 4px 12px rgba(102,126,234,.4),inset 0 1px 0 hsla(0,0%,100%,.2)!important;transform:none!important}.modal-btn-loading{color:transparent!important;position:relative}.modal-btn-loading:after{animation:modalButtonSpin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes modalButtonSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;z-index:9999}.toast-enhanced{align-items:center;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.1);display:flex;gap:12px;max-width:400px;min-width:300px;overflow:hidden;padding:16px 20px;pointer-events:auto;position:relative}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-enhanced.toast-exit{animation:toastSlideOut .3s ease-in}@keyframes toastSlideOut{to{opacity:0;transform:translateX(100%) scale(.8)}}.toast-enhanced:before{background:var(--toast-accent,#3b82f6);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.toast-icon{flex-shrink:0;font-size:20px}.toast-content{color:#374151;flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;padding:2px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#6b7280}.toast-success{--toast-accent:#10b981}.toast-error{--toast-accent:#ef4444}.toast-warning{--toast-accent:#f59e0b}.toast-info{--toast-accent:#3b82f6}@media (max-width:768px){.name-input-modal-backdrop{padding:16px}.name-input-modal{border-radius:16px;max-width:100%}.modal-header{padding:32px 24px 20px}.modal-icon{font-size:40px;margin-bottom:12px}.modal-title{font-size:20px}.modal-subtitle{font-size:14px}.modal-content{padding:20px 24px}.modal-footer{flex-direction:column;padding:20px 24px 24px}.modal-btn{justify-content:center;width:100%}.toast-container{bottom:16px;left:16px;right:16px}.toast-enhanced{max-width:100%;min-width:auto}}.team-members-list{border-top:1px solid rgba(59,130,246,.2);margin-top:8px;padding-top:8px;width:100%}.team-members-title{color:#3b82f6;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.team-members-names{display:flex;flex-wrap:wrap;gap:6px}.team-member-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 2px 4px rgba(59,130,246,.3);color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.main-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);margin-top:40px;padding:40px 20px 30px;text-align:center}.footer-links{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.footer-link-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-link{border-radius:8px;color:#4b5563;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;padding:8px 12px;position:relative;text-decoration:none}.footer-link,.footer-link:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-link:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;bottom:4px;content:"";height:2px;left:12px;opacity:0;position:absolute;right:12px;transform:scaleX(0)}.footer-link:hover{background:rgba(99,102,241,.08);color:#6366f1;transform:translateY(-2px)}.footer-link:hover:before{opacity:1;transform:scaleX(1)}.footer-separator{color:#cbd5e1;font-weight:300;user-select:none}.footer-copyright{color:#94a3b8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;letter-spacing:.3px;margin:20px 0 0}@media (max-width:768px){.main-footer{border-radius:16px;margin-top:30px;padding:30px 16px 24px}.footer-link-group{gap:8px}.footer-link{font-size:14px;padding:6px 10px}.footer-copyright{font-size:12px;margin-top:16px}}@media print{#retro-room-info{display:none!important}.retro-board-grid,.retro-toolbar-enhanced{break-inside:avoid}}.share-modal-backdrop{align-items:center;backdrop-filter:blur(8px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.share-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.25);max-width:500px;overflow:hidden;padding:0;position:relative;width:100%}.share-modal:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.share-modal-header{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));display:flex;justify-content:space-between;padding:24px 32px}.share-modal-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0;-webkit-text-fill-color:transparent}.share-modal-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:24px;height:32px;line-height:1;padding:0;transition:all .2s ease;width:32px}.share-modal-close:hover{background:#f3f4f6;color:#374151}.share-modal-content{padding:24px 32px 32px}.share-url-container{display:flex;gap:8px;margin-bottom:20px}.share-url-input{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5);color:#374151;flex:1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.share-url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(102,126,234,.15);outline:none}.share-actions{flex-wrap:wrap;gap:12px}.share-action-btn,.share-actions{display:flex;justify-content:center}.share-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;gap:8px;min-width:120px;padding:12px 20px;transition:all .3s ease}.copy-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4);color:#fff}.copy-btn:hover{box-shadow:0 6px 16px rgba(59,130,246,.4);transform:translateY(-2px)}.native-share-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4);color:#fff}.native-share-btn:hover{box-shadow:0 6px 16px rgba(16,185,129,.4);transform:translateY(-2px)}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px rgba(37,211,102,.4);color:#fff}.whatsapp-btn:hover{box-shadow:0 6px 16px rgba(37,211,102,.4);transform:translateY(-2px)}.email-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px hsla(220,9%,46%,.3);color:#fff}.email-btn:hover{box-shadow:0 6px 16px hsla(220,9%,46%,.3);transform:translateY(-2px)}.share-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.share-modal-backdrop{padding:16px}.share-modal{border-radius:16px;max-width:100%}.share-modal-header{padding:20px 24px}.share-modal-title{font-size:20px}.share-modal-content{padding:20px 24px 24px}.share-url-container{flex-direction:column}.share-action-btn{flex:1;min-width:auto}}.ad-container-footer{background-color:transparent!important;border:none!important;border-radius:8px!important;margin:20px 0!important;padding:10px!important}.ad-container-footer:before{display:none!important}