@property --progress{syntax:"<number>";inherits:false;initial-value:0}.draggable{flex-direction:column;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:relative}.draggable>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:54px;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale,1));color:#fff;background-color:#181a22;border:0;border-radius:5px;outline:none;flex-shrink:1;justify-content:center;align-items:center;padding:8px 18px;transition:box-shadow .3s;display:flex}.draggable.pendingDelay>button{background-image:linear-gradient(90deg,#f00d calc(var(--progress)*1%),transparent calc(var(--progress)*1% + 1%));animation:linear pending}.draggable:not(.handle)>button{touch-action:none;cursor:grab}.draggable:not(.handle)>button:focus-visible:not(.active :is(.draggable:not(.handle)>button)){box-shadow:0 0 0 3px #4c9ffe}.draggable.handle>button{--action-background:#ffffff1a}.draggable.handle>button>svg{margin-right:5px}.draggable.handle>button>button{margin-right:-10px}.draggable img{-webkit-user-select:none;user-select:none;pointer-events:none;width:140px}.draggable label{text-align:center;color:#8d8d8d;-webkit-user-select:none;user-select:none;flex-shrink:1;padding:10px;font-size:1rem;font-weight:300;transition:opacity .25s;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:2s;display:block}.draggable.selected>button{box-shadow:0 0 0 3px #f5a623}.draggable.locked>button{cursor:default}.draggable.dragging{z-index:1;opacity:0;transition:none;background-color:gray!important}.draggable.dragging *{cursor:grabbing}.draggable.dragging>button{--scale:1.06;--box-shadow:-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140}.draggable.dragging>button:focus-visible{--box-shadow:0 0px 10px 2px #4c9ffe}.draggable.dragging label{opacity:0;animation:none}.draggable.dragOverlay>button,.draggable.dragging>button{animation:.25s cubic-bezier(.18,.67,.6,1.22) pop}@keyframes pulse{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(1)}to{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0)scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes pending{to{--progress:100}}.droppable{text-align:center;box-sizing:border-box;background-color:#fff;border:2px solid #c9d3db80;border-radius:10px;flex-direction:column;justify-content:center;width:150px;height:150px;transition:box-shadow .25s;display:flex;position:relative}.droppable.correct-answer{border:4px solid green}.droppable.not-correct-answer{border:4px solid red}.droppable.over{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px #c9d3db80}.droppable.over.dropped{box-shadow:inset 0 0 0 3px #c9d3dbb3,20px 14px 24px #c9d3db80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.game{box-sizing:border-box;flex-direction:column;gap:16px;min-width:100vw;min-height:100vh;padding:24px;display:flex}.game .game-home{flex-direction:column;justify-content:center;gap:24px;display:flex}.game .title{text-align:center}.game .container{justify-content:space-between;display:flex}.game .page-container{flex:1;justify-content:center;align-items:center;display:flex}.game .non-classified-items{grid-template-columns:1fr 1fr;gap:16px;display:grid}.game .body{flex-direction:column;gap:16px;display:flex}.game .table{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"header0 header1 header2 header3""lineName0 cell cell cell""lineName1 cell cell cell""lineName2 cell cell cell""lineName3 cell cell cell";gap:16px;display:grid}.game .header-0{grid-area:header0}.game .header-1{grid-area:header1}.game .header-2{grid-area:header2}.game .header-3{grid-area:header3}.game .line-name-0{grid-area:lineName0}.game .line-name-1{grid-area:lineName1}.game .line-name-2{grid-area:lineName2}.game .line-name-3{grid-area:lineName3}.game .line{text-align:center;align-content:center}.game .footer{justify-content:end;gap:16px;display:flex}.game .complete-game{flex-direction:row;align-items:flex-start;gap:32px;display:flex}.game .players-panel{flex-direction:column;gap:16px;padding-top:8px;display:flex}.game .player-card{opacity:.4;background-color:#f5f5f5;border:2px solid #c9d3db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:100px;padding:16px 24px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex}.game .player-card--active{opacity:1;border-color:#4c9ffe;box-shadow:0 0 0 3px #4c9ffe33}.game .player-card--finished{opacity:1}.game .player-card--winner{opacity:1;background-color:#eafaf1;border-color:#27ae60;box-shadow:0 0 0 3px #27ae6040}.game .player-card__label{font-size:.95rem;font-weight:600}.game .player-card__score{margin-top:8px;font-size:1.4rem;font-weight:700}.game .complete-card{color:#fff;cursor:pointer;background-color:#181a22;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;transition:box-shadow .2s,background-color .2s;display:flex;position:relative}.game .complete-card:hover:not(:disabled){box-shadow:0 0 0 3px #4c9ffe}.game .complete-card--hidden{cursor:pointer;background-color:#181a22}.game .complete-card--pending,.game .complete-card--pending:hover{box-shadow:0 0 0 3px #f5a623}.game .complete-card--locked{cursor:default;position:relative}.game .player-badge{border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:4px;right:4px}.game .player-badge--1{color:#fff;background-color:#4c9ffe}.game .player-badge--2{color:#fff;background-color:#f5a623}.game .complete-card--row-1{background-color:#a0a0a0}.game .complete-card--row-2,.game .complete-card--row-3{color:#000;background-color:#f0a0a0}.game .complete-card--row-4{color:#000;background-color:#fae49a}.game .decision-dialog{text-align:center;border:none;border-radius:12px;min-width:320px;margin:0;padding:32px;position:fixed;top:16px;left:50%;translate:-50%;box-shadow:0 8px 32px #0003}.game .decision-dialog p{margin:0 0 16px;font-size:1.1rem;font-weight:500}.game .decision-dialog::backdrop{background:#0006}.game .decision-dialog__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game .decision-dialog__subtitle{color:#666;margin:16px 0 12px;font-size:.9rem;font-weight:400}.game .decision-dialog__card-value{font-weight:700}.game .highlight-article{background-color:#ffa07a}