.connections-module__qW5CNG__page{background:var(--bg);height:100dvh;max-height:100dvh;color:var(--text);flex-direction:column;align-items:center;padding:.5rem 1rem;display:flex;overflow:hidden}.connections-module__qW5CNG__header{text-align:center;width:100%;max-width:600px;margin-bottom:.5rem;position:relative}.connections-module__qW5CNG__backBtn{color:var(--text-muted);font-size:1.5rem;text-decoration:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.connections-module__qW5CNG__title{margin-bottom:.25rem;font-size:2rem;font-weight:800}.connections-module__qW5CNG__subtitle{color:var(--text-muted);font-size:.9rem}.connections-module__qW5CNG__main{width:100%;max-width:600px}.connections-module__qW5CNG__gridContainer{flex-direction:column;gap:8px;margin-bottom:.5rem;display:flex}.connections-module__qW5CNG__grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.connections-module__qW5CNG__itemBtn{aspect-ratio:1;color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;background:#333;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;font-size:.65rem;font-weight:700;transition:all .1s;display:flex}@media (min-width:500px){.connections-module__qW5CNG__itemBtn{font-size:.85rem}}.connections-module__qW5CNG__itemBtn:hover{background:#444}.connections-module__qW5CNG__itemBtn.connections-module__qW5CNG__selected{z-index:1;background:#555;outline:2px solid #fff}.connections-module__qW5CNG__solvedBar{text-align:center;color:#000;border-radius:6px;padding:1rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) connections-module__qW5CNG__popIn}.connections-module__qW5CNG__solvedTitle{text-transform:uppercase;margin-bottom:4px;font-size:1rem;font-weight:800}.connections-module__qW5CNG__solvedNames{font-size:.85rem;font-weight:500}.connections-module__qW5CNG__controls{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.connections-module__qW5CNG__mistakes{align-items:center;gap:8px;font-size:.9rem;display:flex}.connections-module__qW5CNG__mistakeDot{color:#fff;font-size:1.2rem}.connections-module__qW5CNG__actions{gap:12px;display:flex}.connections-module__qW5CNG__actionBtn,.connections-module__qW5CNG__submitBtn{cursor:pointer;border-radius:999px;padding:12px 24px;font-weight:600;transition:all .2s}.connections-module__qW5CNG__actionBtn{color:#fff;background:0 0;border:1px solid #fff}.connections-module__qW5CNG__submitBtn{color:#555;background:0 0;border:1px solid #555}.connections-module__qW5CNG__submitBtn.connections-module__qW5CNG__ready{color:#000;background:#fff;border-color:#fff}.connections-module__qW5CNG__submitBtn:disabled{cursor:not-allowed}.connections-module__qW5CNG__modal{z-index:100;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.connections-module__qW5CNG__modalContent{text-align:center;background:#222;border-radius:20px;width:100%;max-width:400px;padding:2rem}.connections-module__qW5CNG__retryBtn,.connections-module__qW5CNG__homeBtn{border-radius:10px;width:100%;margin-top:12px;padding:12px;font-weight:600;text-decoration:none;display:block}.connections-module__qW5CNG__retryBtn{color:#000;background:#fff;border:none}.connections-module__qW5CNG__homeBtn{color:#fff;background:0 0;border:1px solid #555}@keyframes connections-module__qW5CNG__popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.connections-module__qW5CNG__loading{justify-content:center;align-items:center;height:100dvh;font-size:1.2rem;display:flex}.connections-module__qW5CNG__toast{color:#fff;z-index:200;background:#333;border-radius:8px;padding:12px 24px;font-weight:600;animation:3s forwards connections-module__qW5CNG__fadeInOut;position:fixed;top:15%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.connections-module__qW5CNG__shake{animation:.4s ease-in-out connections-module__qW5CNG__shakeAnim}@keyframes connections-module__qW5CNG__fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes connections-module__qW5CNG__shakeAnim{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}
