:root{--splash-animation-duration-in: 125ms;--splash-animation-duration-out: .25s;--sidebar-width: 280px;--sidebar-collapsed-width: 80px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes slidein{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideout{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}html,body{font-family:Montserrat,sans-serif;font-size:26px;height:100%;width:100%;padding:0;margin:0}body{margin:0;height:100vh;overflow:hidden;background:#000;color:#fff}.button{background:#fff;color:#000;border-radius:5px;border:none;font-size:26px;cursor:pointer;padding:1rem;width:100%;height:100%;margin-top:1rem}#results{padding:1.5rem;border-radius:15px;width:100%;box-sizing:border-box;margin-bottom:1rem;min-height:5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(10px);transition:all .3s ease}#results:not(.invisible){animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.result-item{padding:.8rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;animation:fadeIn .3s ease-out;position:relative;overflow:hidden}.result-item:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ffffff26,#ffffff0d);border-radius:8px 0 0 8px;transition:all .3s ease;width:var(--vote-percentage, 0%);z-index:0}.result-item-1:before{background:linear-gradient(90deg,#64c8ff4d,#64c8ff1a)}.result-item-2:before{background:linear-gradient(90deg,#5ab4eb4d,#5ab4eb1a)}.result-item-3:before{background:linear-gradient(90deg,#50a0d74d,#50a0d71a)}.result-item-4:before{background:linear-gradient(90deg,#468cc34d,#468cc31a)}.result-item-5:before{background:linear-gradient(90deg,#3c78af4d,#3c78af1a)}.result-item-6:before{background:linear-gradient(90deg,#32649b4d,#32649b1a)}.result-item-7:before{background:linear-gradient(90deg,#2850874d,#2850871a)}.result-item-8:before{background:linear-gradient(90deg,#9696964d,#9696961a)}.result-item-9:before{background:linear-gradient(90deg,#8b45134d,#8b45131a)}.result-item:hover{background:#ffffff14;transform:translate(5px)}.result-item:hover:before{background:linear-gradient(90deg,#fff3,#ffffff14)}.result-item:last-child{margin-bottom:0}.result-label{display:inline-block;min-width:50px;font-size:1.1rem;font-weight:700;color:#ffffffe6;position:relative;z-index:1}.result-voters{font-size:.95rem;color:#ffffffb3;font-style:italic;position:relative;z-index:1}#main-container{display:flex;height:100vh;position:relative}#users-sidebar{width:var(--sidebar-width);background:#000000f2;border-right:2px solid white;display:flex;flex-direction:column;overflow:visible;flex-shrink:0;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease}#sidebar-header,#users-section,#settings{overflow:hidden}#users-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.collapsed-only{display:none!important}.expanded-only{display:block}#users-sidebar:not(.animating):not(.collapsed) .expanded-only{animation:fadeIn .3s ease-in-out}#users-sidebar.collapsed .collapsed-only{display:block!important}#users-sidebar.collapsed:not(.animating) .collapsed-only{animation:fadeIn .2s ease-in-out}#users-sidebar.collapsed .expanded-only{display:none!important;animation:none}#users-sidebar:not(.collapsed) .btn-text,#users-sidebar:not(.collapsed) #users,#users-sidebar:not(.collapsed) #game-mode-switcher .expanded-only,#users-sidebar:not(.collapsed) #anonymous-toggle .expanded-only{animation:fadeIn .3s ease-in-out .15s both}#users-sidebar.collapsed .collapsed-only.btn-icon,#users-sidebar.collapsed .collapsed-only.btn-text-short{display:block!important}#users-sidebar.collapsed .collapsed-only .sidebar-btn{width:100%}#users-sidebar.collapsed .sidebar-btn{padding:.8rem .5rem;justify-content:center;flex-direction:column;align-items:center;gap:.3rem;font-size:.65rem;min-height:60px;transition:all .2s ease}#users-sidebar:not(.collapsed) .btn-text{display:inline}#users-sidebar.collapsed .btn-text{display:none!important}#users-sidebar.collapsed .sidebar-btn{flex-direction:column;gap:.3rem}#users-sidebar.animating .btn-text,#users-sidebar.animating .btn-text-short,#users-sidebar.animating label,#users-sidebar.animating span{white-space:nowrap;overflow:hidden}#users-sidebar.animating .expanded-only{opacity:0}#users-sidebar.collapsed #logo-section{padding:1rem .5rem}#users-sidebar.collapsed #logo-section img{width:50px;height:50px}#users-sidebar.collapsed #game-controls-group{padding:0;align-items:center;justify-content:center}#users-sidebar.collapsed #users{padding:.5rem;text-align:center}#users-sidebar.collapsed #users li{justify-content:center;flex-direction:column;gap:.2rem;padding:.4rem}#users-sidebar.collapsed #users li span{display:block;font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#users-sidebar.collapsed #users li input[type=checkbox]{margin:0}.sidebar-toggle{position:absolute;top:10%;right:-24px;transform:translateY(-50%);z-index:200;width:24px;height:48px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-left:none;border-right:2px solid white;border-radius:0 8px 8px 0;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;transition:background .2s}.sidebar-toggle:hover{background:#00000080;border-color:#ffffff4d}.sidebar-toggle svg{transition:transform .3s}#users-sidebar.collapsed~.sidebar-toggle svg{transform:rotate(180deg)}#users-sidebar.closed~.sidebar-toggle svg{transform:rotate(180deg)}#users-sidebar.closed{transform:translate(-100%)}#sidebar-header{padding:0;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}#sidebar-controls{display:flex;flex-direction:column;gap:0}#logo-section{display:flex;justify-content:center;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo-standalone{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.non-host-only{display:flex}.host-only:not(.hidden)~.non-host-only{display:none}#share{width:100%}#share.host-only:not(.hidden){display:block}.sidebar-btn{width:100%;padding:.7rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:.5rem;overflow:hidden}.sidebar-btn:hover{background:#ffffff1a}.sidebar-btn:active{background:#ffffff26;transform:scale(.98)}.sidebar-btn img{filter:drop-shadow(0 0 5px rgba(255,255,255,.3));flex-shrink:0}#game-controls-group{border-bottom:1px solid rgba(255,255,255,.1)}#game-controls-group .expanded-only{display:block}#game-mode-switcher{display:flex;flex-direction:column;gap:.25rem;padding:.7rem 1rem .3rem}.host-only.hidden{display:none!important}.become-host-btn{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;font-weight:700!important;border:2px solid #FFD700!important;box-shadow:0 2px 10px #ffd7004d!important;animation:pulse-gold 2s infinite}.become-host-btn:hover{background:linear-gradient(135deg,orange,#ff8c00)!important;transform:translateY(-1px);box-shadow:0 4px 15px #ffd70066!important}@keyframes pulse-gold{0%{box-shadow:0 2px 10px #ffd7004d}50%{box-shadow:0 2px 20px #ffd70099}to{box-shadow:0 2px 10px #ffd7004d}}#collapsed-controls{width:100%}#game-controls-button{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}#game-mode-switcher label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}#game-mode-select{width:100%;padding:.3rem .5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s;outline:none}#game-mode-select:hover{background:#ffffff1a;border-color:#ffffff4d}#game-mode-select option{background:#000000f2;color:#fff}#anonymous-toggle{display:flex;align-items:center;padding:.3rem 1rem .7rem;background:transparent;transition:background .2s}#anonymous-toggle:hover{background:#ffffff0d}#anonymous-toggle label{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:#fff;font-size:.8rem;width:100%}#anonymous-voting{width:16px;height:16px;cursor:pointer;accent-color:white;margin:0}#anonymous-voting:checked{accent-color:#4CAF50}#users-section{flex:1;overflow:hidden;display:flex;flex-direction:column}#users{padding:.5rem 1rem;font-size:.9rem;text-align:left;flex:1;overflow-y:auto;overflow-x:hidden;color:#fff}#users-button{border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#users-sidebar.collapsed .btn-icon{font-size:1.8rem;display:block!important;text-align:center}#users-sidebar.collapsed #share-copy img{width:32px;height:32px}#users-sidebar.collapsed .btn-text-short{font-size:.65rem;margin-top:.2rem;text-align:center;display:block!important}#settings{border-top:1px solid rgba(255,255,255,.2);margin-top:auto}main#content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:auto}#loading{display:flex;justify-content:center;align-items:center;height:100%;transition:visibility 0s var(--splash-animation-duration-in),height 0ms var(--splash-animation-duration-in),opacity var(--splash-animation-duration-in) 0ms!important}#loaded{display:flex;flex-direction:column;height:100%;transition:visibility 0s var(--splash-animation-duration-out),height 0ms var(--splash-animation-duration-out),opacity .2s var(--splash-animation-duration-out)!important}@-webkit-keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes fadeIn2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeIn2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:25px;inset:1;opacity:1}input[type=button].option{height:5rem;width:5rem}ul{list-style:none;padding:0}figure{font-size:30px;margin:0}#users figure:first-of-type{margin-top:0;padding-top:0}figcaption{font-style:italic;color:#555}figure>ul{border-bottom:2px outset rgba(3,3,3,.2);padding-bottom:1rem}#users{font-size:1rem;text-align:left}#users figure{margin:0 0 1.5rem;padding:0}#users figcaption{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.2)}#users ul{list-style:none;padding:0;margin:0}#users li{display:flex;align-items:center;padding:.15rem 0;margin-bottom:0;border-radius:4px;color:#fff!important;font-size:.9rem;transition:background .2s;gap:.4rem;min-height:1.4rem}#users li span{color:#fff!important}.user-icon{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;min-width:1.2rem;font-size:.9rem;padding-left:.1rem}.user-name{flex:1;font-weight:500;min-width:0;overflow:hidden;white-space:nowrap}.user-name.host-connection-issue{color:#f44!important;font-weight:600}.user-icon.host-warning{color:#ff9800!important;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.user-vote{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.1rem .3rem;font-size:.75rem;font-weight:700;min-width:1.8rem;text-align:center;color:#fff!important;flex-shrink:0}.user-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:1rem;padding-right:.1rem}.user-checkbox input[type=checkbox]{margin:0;cursor:pointer}.vote-color-1{background:#64c8ff4d!important;border-color:#64c8ff80!important;color:#14283ce6!important}.vote-color-2{background:#5ab4eb4d!important;border-color:#5ab4eb80!important;color:#192d41e6!important}.vote-color-3{background:#50a0d74d!important;border-color:#50a0d780!important;color:#fff!important}.vote-color-4{background:#468cc34d!important;border-color:#468cc380!important;color:#fff!important}.vote-color-5{background:#3c78af4d!important;border-color:#3c78af80!important;color:#fff!important}.vote-color-6{background:#32649b4d!important;border-color:#32649b80!important;color:#fff!important}.vote-color-7{background:#2850874d!important;border-color:#28508780!important;color:#fff!important}.vote-color-8{background:#9696964d!important;border-color:#96969680!important;color:#fff!important}.vote-color-9{background:#8b45134d!important;border-color:#8b451380!important;color:#fff!important}.user-checkbox{margin-left:auto}#users li:hover{background:#ffffff0d}#users li input[type=checkbox]{width:16px;height:16px;cursor:not-allowed;opacity:.8}section#storypointing>div>ul{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;margin-bottom:0}dialog{z-index:1;background:#000;color:#fff;border-radius:10px;border:2px solid white;transition:visibility 0s .4s,height 0ms .4s,opacity .2s .4s!important}dialog[open]{animation:slidein .5s forwards}dialog::backdrop{background:#ffffff80;animation:fadein .5s forwards}dialog.close[open]{animation:slideout .5s forwards}dialog.close::backdrop{animation:fadeout .5s forwards}dialog>form{margin:0}input#storypointing-reveal{width:100%;height:3rem;font-size:20px;background:#ffffffe6;color:#000;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px}input#storypointing-reveal:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #ffffff4d}input#storypointing-restart{width:100%;height:3rem;font-size:20px;background:#646464cc;color:#fff;border:2px solid rgba(100,100,100,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px}input#storypointing-restart:hover{background:#646464;transform:translateY(-2px);box-shadow:0 4px 20px #6464644d}input[type=button].option:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d;cursor:pointer}input[type=button].option:focus{transform:translateY(1px);box-shadow:0 2px 10px #0003;cursor:pointer;border:none}.hidden{visibility:collapse;opacity:0;height:0!important;display:none}.invisible{visibility:hidden}canvas{position:absolute;width:100%;height:100%;left:0;z-index:-1}@media (max-width: 768px){:root{--sidebar-width: 260px}#users-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:150}#users-sidebar.closed{transform:translate(-100%)}#users-sidebar.open{transform:translate(0)}#users-sidebar.open:after{content:"";position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:#00000080;z-index:-1}main#content{padding:1rem;margin-left:0}}@media (max-width: 480px){:root{--sidebar-width: 240px}}section#tshirtsizing>div>ul{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;margin-bottom:0}input#tshirtsizing-reveal{width:100%;height:3rem;font-size:20px;background:#ffffffe6;color:#000;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:10px}input#tshirtsizing-reveal:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #ffffff4d}input#tshirtsizing-restart{width:100%;height:3rem;font-size:20px;background:#646464cc;color:#fff;border:2px solid rgba(100,100,100,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:10px}input#tshirtsizing-restart:hover{background:#646464;transform:translateY(-2px);box-shadow:0 4px 20px #6464644d}.popover{position:fixed;left:calc(var(--sidebar-collapsed-width) + 10px);transform:translateY(-50%);background:#000000f2;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:1.5rem;z-index:250;min-width:250px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0009;backdrop-filter:blur(10px)}.users-popover{min-width:300px;padding:0}.users-popover-content{padding:0}.users-popover-content figure{margin:0;padding:0}.users-popover-content figcaption{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:.5rem;padding:.5rem 1rem .25rem;border-bottom:1px solid rgba(255,255,255,.2)}.users-popover-content ul{list-style:none;padding:0;margin:0;border-bottom:1px solid rgba(255,255,255,.1)}.users-popover-content figure:last-child ul{border-bottom:none}.users-popover-content li{display:flex;justify-content:space-between;align-items:center;padding:.3rem 1rem;color:#fff!important;font-size:.9rem}.users-popover-content li:hover{background:#ffffff0d}.users-popover-content li span{color:#fff!important}.users-popover-content input[type=checkbox]{width:16px;height:16px;cursor:not-allowed;opacity:.8}.popover-content{display:flex;flex-direction:column;gap:1rem}.popover-section{display:flex;flex-direction:column;gap:.25rem}.popover-section label{font-size:.8rem;color:#ffffffb3}.popover-section select{padding:.3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;font-size:.8rem}.popover-section select option{background:#000000f2;color:#fff}.popover-section input[type=checkbox]{margin-right:.5rem}.settings-popover input[type=text]{width:100%;padding:.3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;font-size:.8rem;font-family:inherit}.settings-popover input[type=text]:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}.settings-popover button:hover{opacity:.9;transform:scale(.98)}#tshirt-results{padding:1.5rem;border-radius:15px;width:100%;box-sizing:border-box;margin-bottom:1rem;min-height:5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(10px);color:#fff;transition:all .3s ease}#tshirt-results:not(.invisible){animation:slideInUp .4s ease-out}.tshirt-result-item{padding:.8rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;animation:fadeIn .3s ease-out;font-size:18px;position:relative;overflow:hidden}.tshirt-result-item:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ffffff26,#ffffff0d);border-radius:8px 0 0 8px;transition:all .3s ease;width:var(--vote-percentage, 0%);z-index:0}.tshirt-result-item-1:before{background:linear-gradient(90deg,#64c8ff4d,#64c8ff1a)}.tshirt-result-item-2:before{background:linear-gradient(90deg,#5ab4eb4d,#5ab4eb1a)}.tshirt-result-item-3:before{background:linear-gradient(90deg,#50a0d74d,#50a0d71a)}.tshirt-result-item-4:before{background:linear-gradient(90deg,#468cc34d,#468cc31a)}.tshirt-result-item-5:before{background:linear-gradient(90deg,#3c78af4d,#3c78af1a)}.tshirt-result-item-6:before{background:linear-gradient(90deg,#32649b4d,#32649b1a)}.tshirt-result-item-7:before{background:linear-gradient(90deg,#2850874d,#2850871a)}.tshirt-result-item-8:before{background:linear-gradient(90deg,#9696964d,#9696961a)}.tshirt-result-item-9:before{background:linear-gradient(90deg,#8b45134d,#8b45131a)}.tshirt-result-item:hover{background:#ffffff14;transform:translate(5px)}.tshirt-result-item:hover:before{background:linear-gradient(90deg,#fff3,#ffffff14)}.tshirt-result-item:last-child{margin-bottom:0}.tshirt-result-item strong{display:inline-block;min-width:60px;font-weight:700;font-size:1.1rem;color:#ffffffe6;position:relative;z-index:1}.tshirt-result-item span{color:#ffffffb3;font-style:italic;position:relative;z-index:1}.connection-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:.8rem 1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;font-weight:600;box-shadow:0 2px 10px #ff98004d;animation:slideInWarning .3s ease-out;border:2px solid rgba(255,193,7,.5)}.connection-warning span{display:flex;align-items:center;gap:.5rem}@keyframes slideInWarning{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}