:root{--text:#e5e4e6e9;--text-h:#08060d;--main-blue:#2d3844;--darker-blue:#1b1f23;--lighter-blue:#2b6ea4;--main-font-color:#cbcddab6;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--font-color:#e0d7d7be;--wood:#9c5a0f;--dark-wood:#6e400b;--dark-dark-gradient:linear-gradient(135deg, #5c3909 0%, #582800 80%);--dark-gradient:linear-gradient(135deg, #b46e0b 0%, #672f02 80%);--mid-gradient:linear-gradient(135deg, #e98b48 0%, #964c0b 100%);--light-gradient:linear-gradient(135deg, #e98b48 0%, #f70 100%)}*,:before,:after{box-sizing:border-box}button,a,input,select,textarea,:focus{outline:none}html{width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.home-page{width:100vw;height:100vh;font-family:var(--sans);background:#000 url(/assets/Court-CYGR3u37.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex}.home-container{background:var(--dark-gradient);width:100%;height:100%}@media (width>=769px){.home-container{width:90%;position:absolute;left:5%}}@media (width>=1025px){.home-container{width:80%;position:absolute;left:10%}}@media (width>=1281px){.home-container{width:60%;position:absolute;left:20%}}.question-card{background:var(--light-gradient);width:100%;height:100%;color:var(--text);border-radius:15px;margin:20px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.question-header{background:var(--dark-gradient);border:2px ridge #a9a9a9;justify-content:space-between;align-items:flex-start;gap:.5em;width:100%;height:12vh;display:flex}.question-header h2{flex:1;width:80%;height:100%;margin:0;font-size:1.5em}.header-right{white-space:nowrap;flex-direction:column;align-items:center;gap:8px;width:20%;height:100%;display:flex}@media (width>=769px){.question-header h2{width:85%;font-size:1.8em}.header-right{width:15%}}@media (width>=1025px){.question-header h2{width:92%;font-size:2em}.header-right{width:8%}}.question-body{margin-top:2em;margin-bottom:4em}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(75px,0fr));justify-content:center;gap:5%;margin:1em 0;padding-bottom:2em;display:grid}@media (width>=769px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,0fr))}}@media (width>=1025px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.feedback{text-align:center;border-radius:8px;width:50%;margin:15px auto;padding:12px 20px;font-weight:600;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback.success{color:#fff;background:#4ade804d;border:2px solid #4ade80}.feedback.error{color:#fff;background:#ff3b304d;border:2px solid #ff3b30}.completion-message{text-align:center;background:#ffffff26;border-radius:10px;margin-top:20px;padding:30px}.completion-message h3{margin:0 0 10px;font-size:1.5em}.completion-message p{margin:8px 0;font-size:1.1em}.perfect{font-weight:700;animation:.6s bounce;font-size:1.3em!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.input-container{align-items:center;width:100%;max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative}.height-input-form{align-items:center;gap:8px;display:flex}.search-container{width:100%;position:relative}.player-input{color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.player-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc26}.height-input{color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.height-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc26}.height-separator{color:#000;padding:0 2px;font-size:1.2rem;font-weight:600}.search-dropdown{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:6px;max-height:250px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-dropdown-item{color:#000;cursor:pointer;border-bottom:1px solid #f0f0f0;padding:0;font-size:.95rem;transition:background-color .15s}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{color:#000;background-color:#f5f5f5}.search-dropdown-item.is-selected{color:#004080;background-color:#e6f2ff}:root{--orange-holo:linear-gradient(115deg, #a13105 0%, transparent 16%, #ff690073 32%, #ffbe28e6 43%, #ff5f00d9 52%, #ffaf14bf 60%, #ff500059 72%, transparent 84%, #a13105 100%)}.player-card{background:var(--orange-holo);background-blend-mode:screen, normal;mix-blend-mode:color-dodge;pointer-events:none;z-index:10;border-radius:12px;padding:8px;display:inline-block}.card-content{background:var(--dark-gradient);flex-direction:column;gap:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #0003}.player-name{color:#fff;word-break:break-word;text-align:center;text-overflow:ellipsis;width:85%;max-height:2.2em;margin:0;font-size:clamp(.45em,6vw,.65em);font-weight:700;line-height:1.1;overflow:hidden}.card-image img{object-fit:cover;border:3px ridge #a9a9a9;border-radius:4px;width:75px;height:100px;display:block}.card-info{border:2px ridge #a9a9a9;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;width:75px;height:2em;display:flex;overflow:hidden}@media (width>=769px){.card-image img{width:150px;height:200px}.card-info{width:150px}}@media (width>=1025px){.card-image img{width:150px;height:200px}.card-info{width:150px}.player-name{font-size:.9em}}.flag-container{justify-content:center;align-items:center;width:20%;height:100%;display:flex}.card-header{background:#0000001a;box-shadow:0 5px 15px #0003}.card-content.facedown{color:#ffffffb3;border:3px solid #ffffff4d;justify-content:center;align-items:center;height:160px;font-size:4em;box-shadow:inset 0 2px 10px #0000004d,0 5px 15px #0003}.card-content.facedown:hover{border-color:#fff9;box-shadow:inset 0 2px 10px #0000004d,0 5px 20px #0000004d}.card-content.facedown p{margin:0}.card-content.revealed{animation:.6s ease-in-out flipCard}@keyframes flipCard{0%{opacity:0;transform:rotateY(-90deg)}50%{opacity:1}to{opacity:1;transform:rotateY(0)}}.team-card-wrapper{isolation:isolate;padding-bottom:20px}.team-card{perspective:1000px;background:0 0;width:100%}.team-card-header{background:var(--dark-gradient);color:var(--text);box-sizing:border-box;background-color:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex-direction:row;align-items:center;display:flex}.team-logo img{width:36px;height:36px;display:block}.team-name-period{width:100%;color:var(--text);flex-direction:column;align-items:center;font-weight:700;display:flex}.team-name-period p{margin:0}.team-name{font-size:.8em}.team-period{font-size:.7em}@media (width>=769px){.team-name{font-size:1.1em}.team-period{font-size:.9em}}@media (width>=1025px){.team-name{font-size:1.1em}.team-period{font-size:.9em}}.team-card-body{flex-direction:column;width:100%;display:flex}.team-card-teammate{background:var(--dark-gradient);box-sizing:border-box;border:1px solid #fff3;border-radius:6px;flex-direction:row;align-items:center;width:100%;height:36px;margin-bottom:.1em;display:flex}.teammate-avatar{justify-content:center;align-items:center;display:flex}.teammate-avatar img{width:27px}.teammate-name-container{text-overflow:ellipsis;justify-content:center;align-items:center;width:75%;display:flex;overflow:hidden}.teammate-name-container p{color:var(--text);word-break:break-word;font-size:1em;font-weight:800}.team-card-buttons{font:100}.team-card-buttons button{height:20px;position:absolute}.team-card-expand-button{width:20%;right:0}.team-card-collapse-button{width:20%;left:0}.team-card-expand-all-button{width:60%;left:50%;translate:-50%}.timer{--led-scale:1;box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;font-family:Arial,sans-serif;display:flex;overflow:hidden}.timer-display{padding:calc(1.5em * var(--led-scale,1));border:calc(2px * var(--led-scale,1)) solid #160303;border-radius:calc(4px * var(--led-scale,1));box-shadow:inset 0 0 calc(35px * var(--led-scale,1)) #000000e6, 0 0 calc(35px * var(--led-scale,1)) #ff000014;background:#000}.led-display{justify-content:center;align-items:center;gap:calc(1.5em * var(--led-scale,1));display:flex}.led-digit{width:calc(110px * var(--led-scale,1));height:calc(190px * var(--led-scale,1));filter:drop-shadow(0 0 calc(5px * var(--led-scale,1)) #f00c) drop-shadow(0 0 calc(12px * var(--led-scale,1)) #ff000059);position:relative}.led-segment{width:calc(76px * var(--led-scale,1));height:calc(12px * var(--led-scale,1));border-radius:calc(2px * var(--led-scale,1));background:repeating-linear-gradient(90deg, #180303 0px, #180303 calc(5px * var(--led-scale,1)), #090101 calc(5px * var(--led-scale,1)), #090101 calc(9px * var(--led-scale,1)));opacity:.2;position:absolute}.led-segment span{background:repeating-linear-gradient(90deg, #ff1a1a 0px, #ff1a1a calc(4px * var(--led-scale,1)), transparent calc(4px * var(--led-scale,1)), transparent calc(8px * var(--led-scale,1)));opacity:0;position:absolute;inset:0}.led-segment.active{box-shadow:0 0 calc(4px * var(--led-scale,1)) #f00c, 0 0 calc(12px * var(--led-scale,1)) #ff000059;opacity:.5;background:0 0}.led-segment.active span{opacity:1;filter:drop-shadow(0 0 calc(2px * var(--led-scale,1)) red) drop-shadow(0 0 calc(5px * var(--led-scale,1)) red)}.segment-a{top:0;left:calc(17px * var(--led-scale))}.segment-g{top:calc(89px * var(--led-scale));left:calc(17px * var(--led-scale))}.segment-d{bottom:0;left:calc(17px * var(--led-scale))}.segment-b,.segment-c,.segment-e,.segment-f{width:calc(12px * var(--led-scale));height:calc(76px * var(--led-scale))}.segment-b{top:calc(9px * var(--led-scale));right:0}.segment-c{bottom:calc(9px * var(--led-scale));right:0}.segment-f{top:calc(9px * var(--led-scale));left:0}.segment-e{bottom:calc(9px * var(--led-scale));left:0}.life-container{width:100%;height:100%}.hearts-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.heart{width:1.5em;height:1.5em}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}}.stats-table-container{border:1px solid #b8b8b8;width:100%;margin:12px 0;overflow:auto visible}.stats-table{border-collapse:collapse;table-layout:auto;color:#222;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px}.stats-header{background:var(--dark-gradient);color:var(--text);text-align:center;white-space:nowrap;cursor:help;border-bottom:1px solid #999;border-right:1px solid #c7c7c7;padding:5px 7px;font-size:11px;font-weight:700;position:relative}.stats-header:last-child{border-right:none}.header-content{display:inline-block;position:relative}.stats-tooltip{z-index:9999;background:var(--dark-gradient,#222);width:max-content;max-width:220px;color:var(--text,#fff);white-space:normal;pointer-events:none;border-radius:3px;padding:6px 9px;font-size:11px;font-weight:400;line-height:1.3;position:fixed;transform:translate(-50%,-200%);box-shadow:0 2px 5px #00000040}.stats-tooltip:before{content:"";border-top:5px solid #333;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.stats-cell{text-align:center;white-space:nowrap;color:var(--text);background:var(--dark-gradient);border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;padding:5px 7px;font-weight:200}.stats-cell:last-child{border-right:none}.quiz-container{text-align:center;width:100%;height:100%;padding:20px;font-family:inherit}h2.simple-text{color:var(--text);text-align:center;margin-bottom:"auto";letter-spacing:-.025em;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.75rem;font-weight:1400;line-height:1.3}.start-screen,.recap-card{background:var(--light-gradient);border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a}.quiz-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;margin-top:20px;padding:.2em 1em;font-size:1rem;font-weight:700}.quiz-btn:hover{background-color:#4338ca}.score-badge{color:#374151;margin:15px 0 25px;font-size:1.2rem}.score-badge span{color:#4f46e5;font-weight:700}.recap-list{text-align:left;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;max-height:350px;margin-bottom:20px;padding:15px 0;overflow-y:auto}.recap-item{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;font-size:.95rem;display:flex}.recap-item.correct{background-color:#ecfdf5;border-left:4px solid #10b981}.recap-item.incorrect{background-color:#fef2f2;border-left:4px solid #ef4444}.recap-q-num{color:#6b7280;margin-right:10px;font-weight:700}.recap-q-text{white-space:nowrap;text-overflow:ellipsis;color:#1f2937;flex-grow:1;margin-right:15px;overflow:hidden}.recap-status{white-space:nowrap;font-size:.9rem;font-weight:500}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.graph-game-container{width:100vw;height:100vh;position:fixed;top:0;left:0}.graph-game-header{background:var(--dark-gradient);justify-content:flex-start;align-items:center;width:100%;height:10%;display:flex;position:relative}.graph-game-header-left{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;display:flex}.graph-game-header-left-second{background-color:#ffffff0d;border:1px solid #fff3;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;height:90%;display:flex}.timer-container,.life-container{justify-content:flex-start;align-items:center;margin-top:0;display:flex}.moves-container{justify-content:center;align-items:center;width:100%;height:100%}.moves-container-header,.moves-container-body{color:var(--text);margin:0 .5em;font-size:1em;font-weight:700}.moves-container-body{font-size:2em}.timer-container{width:80px;height:auto}.graph-game-body{height:80%;position:relative}.graph-game-footer{height:10%}.graph-game-header-right{flex:1;justify-content:flex-end;align-items:stretch;height:100%;padding-right:20px;display:flex}.objective{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:auto;height:100%;display:flex}.objective-content{justify-content:space-between;align-items:stretch;gap:12px;width:auto;height:80%;display:flex}.objective-text{flex-direction:column;justify-content:flex-start;align-items:center;gap:.05em;height:100%;display:flex}.objective-header{color:var(--text);text-align:center;white-space:nowrap;flex-shrink:0;padding-top:.3em;font-size:.9em;font-weight:600}.objective-body{flex-shrink:0;justify-content:center;align-items:center;width:auto;height:100%;display:flex}.objective-avatar{aspect-ratio:3/4;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.objective-avatar img{object-fit:cover;width:100%;height:100%}.objective-energy-bar-container{flex-shrink:0;justify-content:stretch;align-items:stretch;width:100%;height:20%;display:flex}.objective-name{color:var(--text);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:.9em;font-weight:500;line-height:1.2;display:flex}.objective-name div{white-space:nowrap}@media (width>=769px){.graph-game-container{width:100vw}.graph-game-header{height:10%}.timer-container{width:160px;left:0}.graph-game-body{height:80%}.graph-game-footer{height:10%}}@media (width>=1025px){.graph-game-container{width:100vw}.graph-game-header{height:8%}.timer-container{width:100px}.graph-game-body{height:84%}.graph-game-footer{height:8%}}@media (width>=1281px){.graph-game-container{width:100vw}.graph-game-header{height:8%}.timer-container{width:100px}.graph-game-body{height:84%}.graph-game-footer{height:8%}}.team-card-outer-wrapper{outline-color:"transparent";border-radius:12px}.graph-game-footer{background:var(--dark-gradient);align-items:center;gap:0;padding:1rem;display:flex;overflow-x:auto}.history-item{flex-shrink:0;align-items:center;gap:0;display:flex}.history-player-card{flex-direction:column;align-items:center;gap:0;padding:0;display:flex}.history-player-name{color:var(--text);text-align:center;word-break:break-word;flex-direction:column;align-items:center;gap:-.5em;font-size:.8rem;font-weight:700;display:flex}.history-player-image{object-fit:contain;width:27px;height:36px}.arrow-container{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.arrow-team-logo{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.arrow-team-logo img{object-fit:contain;width:32px;height:32px}.arrow{color:#000;font-size:3em}.move-item:last-child .arrow-container{display:none}.completion-overlay{justify-content:flex-end;width:20%;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.completion-message{color:var(--text);word-break:break-word;font-size:1em;font-weight:700}.closeness-bar{background:#e8eef2;border-radius:999px;width:100%;overflow:hidden}.closeness-bar__fill{border-radius:inherit;height:100%;transition:width .4s,background .4s}#countdown{color:#000;font-size:120px;font-weight:700}:root{--grad-1:linear-gradient(115deg, #fefefe 0%, #fefefe 44%, #e03a3e 68%, #ff9a9d 84%, #e03a3e 100%);--grad-2:linear-gradient(115deg, #fdfdfd 0%, #fdfdfd 23%, #028248 42%, #030403 60%, #cba072 73%, #914036 84%, #fff 92%, #028248 100%);--grad-3:linear-gradient(115deg, #1d1260 0%, #1d1260 40%, #fdfdfd 57%, #a0a0a8 70%, #01748a 82%, #5a5385 90%, #fff 95%, #1d1260 100%);--grad-4:linear-gradient(115deg, #cb1e42 0%, #cb1e42 43%, #020001 61%, #fefefe 76%, #5e1222 84%, #ff9aaa 92%, #cb1e42 100%);--grad-5:linear-gradient(115deg, #bb935b 0%, #bb935b 42%, #860038 66%, #a04949 79%, #b9935d 89%, #f1d59b 95%, #bb935b 100%);--grad-6:linear-gradient(115deg, #061a23 0%, #061a23 38%, #0063af 56%, #fefefe 72%, #b8c1c7 84%, #5e6b72 92%, #0063af 97%, #061a23 100%);--grad-7:linear-gradient(115deg, #0d223f 0%, #0d223f 38%, #fdc527 61%, #892432 75%, #fbfbfb 86%, #97783f 93%, #fdc527 97%, #0d223f 100%);--grad-8:linear-gradient(115deg, #c8102e 0%, #c8102e 35%, #1e438a 56%, #fefcfd 74%, #b9adb0 86%, #d86377 94%, #fff 97%, #c8102e 100%);--grad-9:linear-gradient(115deg, #1d4289 0%, #1d4289 58%, #fbb827 79%, #b49246 90%, #696a68 95%, #fbb827 98%, #1d4289 100%);--grad-10:linear-gradient(115deg, #cd1140 0%, #cd1140 61%, #0c1822 73%, #811435 82%, #091520 89%, #721332 95%, #ff6c91 98%, #cd1140 100%);--grad-11:linear-gradient(115deg, #0c2340 0%, #0c2340 45%, #fed420 65%, #9da1a1 82%, #606346 89%, #b8a129 94%, #fed420 98%, #0c2340 100%);--grad-12:linear-gradient(115deg, #12173f 0%, #12173f 40%, #fefefe 60%, #bbbdc8 78%, #3f4363 87%, #fff 94%, #12173f 100%);--grad-13:linear-gradient(115deg, #f8b524 0%, #552d80 70%, #f8b524 100%);--grad-14:linear-gradient(115deg, #12173f 0%, #12173f 42%, #5c75a8 66%, #6f7170 81%, #38446a 90%, #aeb9d2 95%, #12173f 100%);--grad-15:linear-gradient(115deg, #931a30 0%, #931a30 37%, #040101 58%, #fefefe 76%, #f69f1d 87%, #ffb85c 94%, #931a30 100%);--grad-16:linear-gradient(115deg, #00471a 0%, #ebdfc4 50%, #00471a 100%);--grad-17:linear-gradient(115deg, #1d428a 0%, #1d428a 31%, #fefefe 48%, #bfc5c8 66%, #009a44 82%, #6a8aa6 90%, #fff 95%, #1d428a 100%);--grad-19:linear-gradient(115deg, #0b2240 0%, #0b2240 45%, #b1965c 66%, #fafafb 78%, #575756 87%, #c30f2e 94%, #b1965c 98%, #0b2240 100%);--grad-20:linear-gradient(115deg, #f48326 0%, #f48326 31%, #204389 48%, #fcfdfd 63%, #999fa5 77%, #8c6456 86%, #fff 93%, #f48326 100%);--grad-21:linear-gradient(115deg, #004fb4 0%, #004fb4 30%, #fdfdfe 49%, #2156a5 65%, #051b27 79%, #8bacd8 89%, #fff 95%, #004fb4 100%);--grad-22:linear-gradient(115deg, #1d428a 0%, #1d428a 45%, #c80f2d 72%, #1a418f 83%, #cb0d2b 91%, #fff 96%, #1d428a 100%);--grad-23:linear-gradient(115deg, #f69d1e 0%, #f69d1e 28%, #e36024 46%, #e36024 66%, #af5524 76%, #f9a319 86%, #fff4dc 92%, #f69d1e 100%);--grad-24:linear-gradient(115deg, #c9092a 0%, #c9092a 45%, #000 50%, #fdfdfd 55%, #fdfdfd 100%);--grad-25:linear-gradient(115deg, #fefefe 0%, #fefefe 30%, #592d81 53%, #63707a 70%, #cbc1d6 83%, #9a8daf 91%, #fff 96%, #592d81 100%);--grad-26:linear-gradient(115deg, #000 0%, #000 56%, #c1cbd1 77%, #38393a 87%, #757b7f 93%, #dce5e9 97%, #000 100%);--grad-28:linear-gradient(115deg, #bc2126 0%, #bc2126 87%, #b71f23 92%, #ff7478 96%, #bc2126 100%);--grad-29:linear-gradient(110deg, #2f1b4f 0%, #4a2a72 35%, #8063a3 55%, #d8d1e0 75%, #fff 100%);--grad-30:linear-gradient(115deg, #002b5c 0%, #002b5c 40%, #fefefe 57%, #c6ccd2 72%, #e21c38 82%, #fff 91%, #002b5c 100%);--grad-33:linear-gradient(115deg, #fbfcfc 0%, #fbfcfc 27%, #203261 46%, #eb3d35 63%, #107ebf 78%, #f7b73a 88%, #fff 94%, #203261 100%);--grad-38:linear-gradient(115deg, #fefefe 0%, #fefefe 55%, #000 72%, #d0d0d0 84%, #fff 92%, #fefefe 100%)}.skip-button{background:var(--main-blue);border:2px solid #a9a9a9;width:20%;height:50px;font-size:1em;font-weight:700;position:absolute;bottom:0;right:0}.home-button{width:6em;height:3em;color:var(--text);background:var(--dark-gradient);border:2px solid #a9a9a9;font-size:1em;font-weight:700;position:absolute;bottom:0;left:0}.skip-button{width:6em;height:3em;color:var(--text);background:var(--dark-gradient);border:2px solid #a9a9a9;font-size:1em;font-weight:700;position:absolute;bottom:0;right:0}.classic-button{background:var(--dark-gradient);border:2px solid #a9a9a9;width:6em;height:3em;font-size:1em;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.graph-container{justify-content:center;align-items:center;width:50%;height:50%;display:flex}.graph-instructions{background:var(--light-gradient);width:fit-content;max-width:100%;color:var(--text);flex-direction:column;justify-content:center;padding-bottom:8vh;padding-left:2vh;padding-right:2vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown-container{width:var(--max-width);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:50%;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.start-player{direction:column;position:absolute;bottom:15%;right:30%}.target-player{direction:column;position:absolute;bottom:15%;left:30%}h2.player-name{color:var(--main-font-color);font-size:2em;font-weight:700}.start-player h3,.target-player h3{color:var(--main-font-color);margin:0}.start-player h2,.target-player h2{margin:0}.player-name{margin:0!important}:root{--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.home-header{text-align:center;color:var(--text);margin-bottom:5%}.h1.home-title{font-size:1rem;font-weight:800}.p.home-subtitle{font-size:1.125rem}.games-grid{grid-template-rows:250px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin:0 .5em;display:grid}.game-card{cursor:pointer;transition:var(--transition);text-align:left;flex-direction:column;padding:0;display:flex;box-shadow:0 4px 6px #00000012}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px #00000026}.game-card:active{transform:translateY(-4px)}.game-card:focus-visible{outline-offset:2px}.game-image-wrapper{object-fit:contain;justify-content:center;align-items:center;width:100%;height:70%;display:flex;overflow:hidden}.game-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:var(--transition)}.game-card:hover .game-image{transform:scale(1.05)}.game-info{background:var(--mid-gradient);box-sizing:border-box;height:30%;font-family:var(--sans);color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}.game-title{text-align:center;letter-spacing:-.01em;margin:0 0 4px;font-size:1.1rem;font-weight:700}.game-description{text-align:center;-webkit-box-orient:vertical;margin:0;font-size:.85rem}.game-card:hover .game-cta{color:#764ba2;gap:12px}